InstantPWA on Webflow
Webflow's Custom Code panel is the easiest way to add InstantPWA. Paste it once in Site Settings and every page gets the install popup — no page-level embeds required.
Install: Full support
Web push: Full support
Requires a paid Webflow hosting plan (for HTTPS).
How to set it up
- 1
Open Site Settings
Project settings → Custom Code → Head Code.
- 2
Paste the snippet
Save and publish. The change is live across every page immediately.
- 3
Test on mobile
Open your production URL on a phone to see the branded popup.
Want the full technical guide?
Manifest, service worker and code samples for Webflow.
Common tasks on Webflow
FAQ
Does it work on the free Webflow plan?+
Custom Code requires a paid site plan, but no other Webflow upgrade is needed.