Make Teachable work offline
InstantPWA hosts a fallback service worker and manifest for Teachable, so pages you've already visited keep working offline without you writing cache logic yourself. Add the snippet to Code Snippets and Custom CSS via Settings → Code Snippets and Custom CSS and the worker registers automatically on first visit.
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
Let the service worker register
No manifest.json or sw.js to write — InstantPWA serves both and scopes the worker to your site's root.
- 4
Test offline mode
Visit a page once, then use DevTools → Network → Offline (or airplane mode on a phone) and reload to confirm cached pages still render.
- 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
Do I need to write my own service worker?+
No — InstantPWA hosts a fallback manifest and service worker automatically if your site doesn't already ship one.
What happens to pages I haven't visited yet?+
They won't be available offline until visited at least once — InstantPWA caches on-visit rather than pre-caching your entire site.
Does offline mode change how Teachable serves pages normally?+
No — the service worker only intercepts requests when the browser is offline; online visits behave exactly as before.