Send web push notifications from Teachable
Web push on Teachable works through the same InstantPWA snippet you add for install prompts — placed in Code Snippets and Custom CSS via Settings → Code Snippets and Custom CSS. 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 Code Snippets and Custom CSS
Go to Settings → Code Snippets and Custom CSS.
- 2
Paste the InstantPWA snippet
Drop the one-line async script tag in the Teachable 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 Teachable, 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
- Custom head code requires the Builder plan or higher — Teachable's legacy Basic plan does not expose the Code Snippets panel.
- Applying a snippet to 'All pages' covers the sales page, course player and checkout in one step, so there's no separate injection point per page type.
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 Teachable-specific I need to configure for push?+
No — push registration is handled entirely by the InstantPWA snippet once it's live on Teachable; there's no separate push API key to manage.