Shopify

Modern Shopify themes (Online Store 2.0) support a 'Custom Liquid' block that allows you to inject code without editing the theme files directly.

1. Copy Code: Get your unique embed snippet from the GizmoSauce dashboard.
2. Open Editor: Go to your Shopify Admin > Online Store > Themes and click 'Customize'.
3. Add Block: Navigate to the page/template where you want the widget. Click 'Add Section' or 'Add Block' and search for 'Custom Liquid'.
4. Paste: Click the new Custom Liquid block and paste your GizmoSauce code into the text area on the right.
5. Save: The widget should appear immediately in the preview.

For widgets that should appear on every page—like the WhatsApp Chat, Popup Builder, or Announcement Bar—you should edit your 'theme.liquid' file.

1. Go to Online Store > Themes.
2. Click the '...' menu next to your active theme and select Edit Code.
3. Under the 'Layout' folder, click theme.liquid.
4. Scroll to the very bottom and paste your embed code just before the closing </body> tag.
5. Click Save.

Widget not showing? Ensure you are previewing the actual store URL, not just inside the editor. Some scripts are paused in the editor to prevent conflicts.

Layout issues? GizmoSauce widgets are isolated with Shadow DOM, so they shouldn't inherit broken styles from your theme. If z-index issues occur (e.g. chat behind a menu), contact support for a CSS override.