Send web push notifications from Shopify
Web push on Shopify works through the same InstantPWA snippet you add for install prompts — placed in layout/theme.liquid via Online Store → Themes → Edit code → layout/theme.liquid. Once a visitor opts in, you can send push notifications from your InstantPWA dashboard to anyone who granted permission, including installed home-screen users on iOS 16.4+.
Steps
- 1
Open layout/theme.liquid
Go to Online Store → Themes → Edit code → layout/theme.liquid.
- 2
Paste the InstantPWA snippet
Drop the one-line async script tag in the Shopify head section — no build step or dependency install.
- 3
Enable push in your dashboard
Turn on Web Push in InstantPWA settings and upload your notification icon and default badge.
- 4
Publish and collect opt-ins
Once live on Shopify, the popup asks for notification permission after install (or standalone, if you enable prompt-first push).
- 5
Send a test push
Send a test notification from the dashboard to your own opted-in browser before sending to all subscribers.
Constraints to know
- Runs on Basic, Shopify and Plus plans; theme.liquid edits are per-theme, so duplicate to any duplicate/backup themes too.
- Checkout.liquid is deprecated for script injection — Shopify now restricts checkout customization to Shopify Functions and the Script Editor app, so InstantPWA targets the storefront, not the hosted checkout.
FAQ
Does web push work without the visitor installing the app?+
On Chromium browsers and desktop, yes. On iOS Safari, push requires the visitor to add the site to their home screen first (iOS 16.4+).
Can I segment who receives a push?+
Yes — the InstantPWA dashboard supports targeting by page visited, device type and custom events you send from your site.
Is there anything Shopify-specific I need to configure for push?+
No — push registration is handled entirely by the InstantPWA snippet once it's live on Shopify; there's no separate push API key to manage.