With the Web Stories editor for WordPress you can add products from your online store directly to stories. Products will appear as tappable dots on your story that will show all the product information when opened.
The plugin currently supports WooCommerce and Shopify online stores. To enable this feature and connect your online store, visit the Settings page and choose your platform:
Afterwards, you will be able to add products from your store in the Shopping panel under the "Insert" tab. Once you have added some products, you will notice that a new "Shop Now" call to action is automatically added to the page.
Note: We recommend not adding more than a handful of products on a single page.
Under the "Style" tab you can later customize the appearance of the "Shop Now" call to action by changing the text and optionally switching to use a dark theme.
When viewing your story, products appear as tappable dots that your readers can click on to learn more and go to the store.
For using WooCommerce with Web Stories, all you need to do is to activate the WooCommerce plugin and then select it as your desired platform on the Settings page. That's it!
To connect your Shopify store, you need to create a custom app. A custom app is an app that you or a developer builds exclusively for your Shopify store, which then allows you to access your store's data directly using Shopify's Storefront API.
Note: Creating a custom app requires development knowledge and can be challenging. If you need help creating custom apps for your store, reach out to a developer who can help you.
Your custom app will need only the following Storefront API access scope:
After creating your custom app, you will need two things:
- The Storefront API access token, which can be found on your app's API credentials page
- Your store URL, for example
To verify your credentials, you can use the "Test connection" button on the Settings page.
The Web Stories WordPress plugin does not yet support other shopping platforms out of the box. However, other plugin developers can hook into the plugin to integrate with their own platform of choice. Check out the GitHub repository for more information.