Create a custom offline page that keeps visitors informed when your site goes offline
Replace the default browser error screen with a branded offline message. Works on any HTTPS website and takes just a few minutes to set up.
Preview updates automatically
When visitors lose their internet connection while browsing your website, they typically see a generic browser error like "No internet" or "ERR_INTERNET_DISCONNECTED". This Offline Page Generator lets you create a custom, branded page that provides a better user experience.
This tool uses Service Workers, a browser technology that runs in the background and can intercept network requests. When a visitor first loads your site while online, the service worker caches your custom offline page. Later, if they lose connection, the cached page is shown instead of the browser's default error.
| Browser | Support | Notes |
|---|---|---|
| Chrome | Full Support | Version 45+ |
| Firefox | Full Support | Version 44+ |
| Edge | Full Support | Version 17+ |
| Safari | Partial | iOS 11.3+, macOS 11.1+ |
Yes! This solution works with any website that uses HTTPS. You just need to add the script tag to your site's footer and upload the service worker file to your root directory.
No. All configuration is encoded in the script URL itself. There's no database, no login, and no tracking involved.
The offline page only works after the visitor has loaded your site at least once while online. This is when the service worker installs and caches the offline page. First-time visitors who are already offline will still see the browser's default error.
This service worker is scoped to handle only offline scenarios. It should coexist with most existing service workers, but we recommend testing in your specific setup. If you have a complex PWA setup, you may want to integrate the offline logic into your existing service worker instead.
Yes, completely free. No signup, no watermarks, no hidden fees. The generated code is yours to use.