Help centre
Answer
Why is my Shopify theme code not showing?
Short answer
Shopify theme code is often missing because you edited an unpublished theme, placed it in a section that is not on every page, are testing checkout, or are looking at a cached page. For a site-wide popup, edit the live theme’s layout/theme.liquid and check the published storefront.
By InstantPWA engineering·Reviewed October 22, 2026
Confirm the live theme
Shopify themes are edited separately. Changes to a duplicate or draft theme do not change the storefront visitors see until that theme is published.
Use the shared layout
A script inside one section or template only appears where that part is rendered. A popup intended for the storefront belongs in the shared theme layout.
Set expectations for checkout
Check your storefront pages. Shopify checkout customisation follows separate rules, so a storefront theme script should not be expected to appear there.
Setup guides for your website
Related
How do I check if a script is installed on my website?
Open the published website, not the editor, then view its source and search for the script address or ID. In developer tools, check Network for the script request and Console for errors. Use the exact domain visitors use; www, subdomains and custom domains can be different sites.
Is an install popup the same as a PWA?
No. An install popup is guidance that helps visitors add your website to their home screen. A full PWA uses a web app manifest and service worker so supported browsers can treat it as an installable app, with optional offline caching and push. A popup can be useful without promising every PWA feature.
Can I add a service worker to a website builder?
Only if the builder lets you serve a JavaScript service worker from the same origin as your site. A script from another domain can add a popup, but it cannot register an outside worker to control your pages. Without that file, offline caching and full PWA behaviour need a different hosting setup.
Should I use an HTML embed or site-wide custom code?
Use site-wide custom code for an install popup, analytics or other scripts that need to run with the page. Use an HTML embed for a form, map or widget displayed in one spot. Many builders render HTML embeds inside iframes, which isolates them from the main page.
What is a PWA?
A PWA (Progressive Web App) is a regular website that meets three technical criteria — HTTPS, a Web App Manifest and a service worker — so browsers let visitors install it on their home screen. Once installed, it launches like a native app, works offline and can send push notifications.
Can a PWA send push notifications on iOS?
Yes. Since iOS 16.4 (March 2023), a PWA can send Web Push notifications on iPhone and iPad — but only after the user installs it to the home screen. Push in a regular Safari tab is not supported, and the user must explicitly grant notification permission from inside the installed PWA.