Theme Code Editor Setup

For direct code integration on Shopify:

Navigate to Theme Editor

1. Go to your Shopify Admin Panel
2. Navigate to Online Store → Themes

1. Click the three-dot menu (⋯) on your active theme

1. Select Edit code

Choose the Correct File

Widgets only work on the following liquid files (in the Sections folder):

.liquid File	Widget Location
main-product.liquid	Product pages
main-collection-banner.liquid	Collection banner
main-collection-product-grid.liquid	Collection product grid
header.liquid	All pages (header)
footer.liquid	All pages (footer)

Important

Widgets are only supported on the files listed above.

Add the Code

1. Open the chosen .liquid file

1. Locate where you want the widget to appear:
2. For product pages: Add in main-product.liquid after the product description
3. For collection pages: Add in main-collection-banner.liquid or main-collection-product-grid.liquid

4. For header/footer: Add in header.liquid or footer.liquid

5. Paste the complete code snippet

6. Click Save