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

# How to add the product widget to your Shopify store

To add the product widget to your site, please see the following guidelines;

1. Go to Online Store in your dashboard

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_18sx42x.png)


2. Click on Edit Theme

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_mihsie.png)


3. At the top of the page, select Products

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_1hv8dsz.png)


4. Click on Default Product or it's equivalent (what you have in your store)

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_diy87x.png)


5. So the next step would be to click on add a section

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_svw79t.png)


6. Then click Apps

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_cseg9v.png)


7. Select Product Widget

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_im789i.png)


8. Once added, you will see the product widget on the left side of your website editor

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_1wfjy6t.png)
9. You'll see the product widget showing on your website. After that, click Save

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/image_dv9jzf.png)


If you're using a block: Follow the steps below
9. Click on add block

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

10. Select Product Widget

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

11. This is how it looks like when added as a block in the product information section. It takes the structure of all blocks in that section.

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

12. You can decide to move it up or down depending on your preference by clicking on the drag and drop icon ⋮⋮

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

13. Remember to save your work.