How to add the product widget to your Shopify store (Shopify 2.0)

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

1. Go to Online Store in your dashboard

2. Click on Customize

3. At the top of the page, select Products

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

Here, there are two steps involved. You can decide to add the widget as a block or as a section. You can learn more about them here: https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/sections/.

For me, I'd prefer to add the product widget as a section so that it stands on its own and is nicely laid out on the site.

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

6. Then choose the product widget

7. Once clicked on, it will load on your site like it shows below.

8. Remember to save your work

If you're using a block: Follow the steps below

9. Click on add block

10. Select Product Widget

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.

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

13. Remember to save your work.

Updated on: 10/12/2024