BigCommerce for WordPress makes it easy for you to add products to practically any content area in your site. So, in this tutorial video, you’ll learn how to add products from your BigCommerce catalog to any page or post in your WordPress site..
Let’s experiment and add some products to a new page. In this example, we’ll name this page “New Additions.”
Next, click on the “Plus” symbol to add a new block.
Look for “BigCommerce Products” in the “Common Blocks” section and click it to add it to the content area.
By default, this block displays every product available in your BigCommerce store. You can change this behavior by using the “Edit Products” button in the settings panel.
Here you can manually select individual products to embed… or create a dynamic listing based on product categories, brands, sale prices, and recent additions.
You can also change the “Display Settings” to determine how products are ordered and how many are visible at one time.
Click, “Embed Products” once you’ve finished with your changes, and “Publish” the page.
Adding products to Posts and other content types works exactly the same way.
If you’re using an older version of WordPress, or don’t have the block editor enabled, you can use the shortcode to insert products instead.
The easiest way to do this is through the “Add Products” button, located beside the “Add Media” button. After clicking it, you’ll see the same exact interface as the block editor with all the same controls. But, after you click “Embed Products,” you’ll find the shortcode in the content editor, rather than a live preview.
If you publish these changes and then view the page, you should see all of the embedded products displayed in a grid, just like before.
Now you’re ready to begin embedding products throughout your WordPress site!