After configuring Chad's support widget, enable its app embed in the Shopify theme you want customers to use. Installing an app and enabling its storefront embed are separate steps.
The screenshots below show an earlier Shopify interface. Current button labels can differ; Shopify's app embed instructions describe the current theme-editor flow.
1. Open the correct store
Sign in to Shopify and confirm that you are working in the store connected to Chad. If you manage multiple stores, check the store name before changing its theme.
2. Open Online Store
In the admin, open Online Store and find the theme you want to edit. Choose the published theme when you intend to change the live storefront, or a duplicate when preparing a preview.
3. Open the theme editor
Use Edit theme to open the editor. The older screenshot labels this action Customize. Confirm the selected theme and, where applicable, the market you are editing.
4. Find App embeds
Open App embeds in the editor sidebar. Look for the Chad entry. If it is missing, confirm that Chad is installed in this store before trying to adjust display settings.
5. Enable the Chad widget
Turn on the Chad app embed. Expand its entry to inspect its settings and check the storefront preview.
6. Check for overlapping elements
If another element covers the launcher, inspect the widget's z-index setting. This controls its CSS stacking order within the page's stacking rules. Increasing it can help with overlap, but it does not fix an embed that has not loaded or guarantee that the widget will appear above every element.
Change the setting only when needed, then test with your cookie banner, promotional pop-ups and mobile navigation open. The widget should remain usable without blocking other important controls.
7. Save and verify the storefront
Save the theme changes. Open the storefront outside the editor and check both a desktop and a mobile-sized view. Confirm the launcher opens and closes and that visitors can interact with the widget.
App embeds are configured per theme, so check them again when switching or publishing a different theme. If the widget appears in the editor but not on the live store, first confirm that you edited the published theme and the intended market.
If the widget still does not appear
Record the storefront URL, theme name, affected page and whether the issue occurs on desktop, mobile or both. Contact the Chad team with those details so the investigation can start from a reproducible example.
Once the widget is working, use these Shopify live chat strategies to plan the customer questions and handoffs it should support.
