> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.kudobuzz.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.

1. In your Bigcommerce dashboard, go to Storefront

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_vwka2y.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1wxsorq.png)

3. Give your copy a name and hit the Save button

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1r7byw8.png)

4. 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

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1h9fpmj.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_f7t2r7.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_107vqe4.png)

7. Go to your Kudobuzz dashboard and copy the product widget code

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1v27kba.png)

8. 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

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_nyutr1.png)

9. Hit the Save all files button

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1k45qvk.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1461eid.png)

11. Choose your preferred style and click continue

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1inay01.png)

12. Go to your live site to check how it looks

![](https://storage.crisp.chat/users/helpdesk/website/b4624435cf53a800/image_1o5l2ge.png)