Add an install prompt to Teachable
To add an install prompt on Teachable, paste the InstantPWA snippet into Code Snippets and Custom CSS via Settings → Code Snippets and Custom CSS. The popup captures the browser's native install signal where supported and falls back to a guided walkthrough on iOS Safari, so every visitor sees a clear path to installing your Teachable site as an app.
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
Configure the trigger
In your InstantPWA dashboard, set when the popup appears — on page load, after N seconds, or after a scroll/engagement threshold.
- 4
Publish
Save/publish in Teachable so the change goes live — most builders require an explicit publish step before custom code runs.
- 5
Verify on a phone
Open your live Teachable URL on a mobile device (not the editor preview) to confirm the popup renders.
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 the install prompt work on iOS Teachable visitors?+
iOS Safari never fires the native beforeinstallprompt event, so InstantPWA shows a share-sheet walkthrough instead — visitors still get a clear add-to-home-screen path.
Will this conflict with other scripts on my site?+
No — InstantPWA is a single first-party async script with no third-party dependencies, so it doesn't block or compete with analytics or chat widgets.
Do I need to touch anything else in Teachable besides Settings?+
No — the head snippet is the only integration point; InstantPWA hosts the manifest and service worker for you.