Adding the product widget to your Bigcommerce site

Adding the product widget requires a bit more additonal steps than adding the Slider or Badge widget. Follow the steps below.

To add the product widget, you first have to create a copy of your theme. See the steps below to do that.

In your Bigcommerce dashboard, go to Storefront



Click on Themes, then click the Advanced dropdown, and select Make a copy



Give your copy a name and hit the Save button



Give the new theme a few seconds to process. After it's done, click on the three horizontal dots on your theme icon, and choose Edit theme files



A modal appears asking you to confirm that you want to edit your theme files. Hit the edit theme files button



To find the product file, click on templates >> pages >> product.html



Go to your Kudobuzz dashboard and copy the product widget code



Place it where you want to display the widget. Usually, it should be toward the end of the closing div element, and above the related products section



Hit the Save all files button



Go back to your theme copy and hit the Apply button to effect the changes you've made



Choose your preferred style and click continue



Go to your live site to check how it looks

Updated on: 24/07/2024