MARKETPLACE
PLUGINS
PWA OFFLINE - PROGRESSIVE WEB APP
PWA Offline - Progressive Web App logo

PWA Offline - Progressive Web App

Published April 2021
   •    Updated this week

Plugin details

Convert your Bubble app into an installable PWA with offline support, splash screens, auto-generated manifest tags, iOS compatibility, orientation settings, and a mobile-first, app-like experience.
       

⚡ Main Functions:

Full PWA Conversion.
   Convert your Bubble app into a PWA installable on home screens.
Automatic Tag & Manifest Generation.
   Auto-generates needed meta tags and the manifest JSON for easy setup.
Splash Screen Display.
   Shows a native-style splash screen during PWA load for better branding.
iOS Compatibility.
   Upload splash screens for multiple iOS sizes to meet Apple’s rules.
Orientation Support.
   Supports orientation-aware splash screens in both portrait and landscape.

⚡ Key Features:

📶 Offline Support
     Installs service workers to enable offline use on supported Bubble plans.
⚙️ Seamless Integration
     Fits into your Bubble app with no structural changes required.
📲 Enhanced User Engagement
     Boosts retention by offering an installable, app-like experience.
📱 Mobile-First Optimization
     Optimized for mobile-first apps needing an app-like feel without stores.



Documentation

We’ve created a detailed step-by-step guide for the PWA Offline - Progressive Web App plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

What is the PWA Offline plugin used for?
The PWA Offline plugin enables your Bubble app to function like a Progressive Web App (PWA), allowing users to install your app on their devices and use it even without an internet connection.

Can users install my Bubble app on their mobile or desktop?
Yes, once your app is configured as a PWA, users can install it on supported devices directly from their browser, just like a native app.

Does this plugin allow offline usage?
Yes, the plugin caches your app’s content so that users can access it offline. However, functionality may be limited to what is stored locally.

How do I prompt users to install the app?
The plugin provides an Install prompt workflow action that you can trigger when appropriate — for example, on page load or after user interaction.

Which browsers and devices are supported?
The plugin is compatible with modern browsers that support PWA standards, such as Chrome, Edge, and Safari (with some limitations on iOS).

Do I need to write code to enable PWA features?
No. All functionality is integrated and configured visually in Bubble’s editor using workflow actions provided by the plugin.

Can I customize the install prompt behavior?
Yes, you can control when and how the prompt appears using Bubble’s workflow system, offering a tailored experience for your users.

What kind of files are cached for offline use?
Typically, static assets like HTML, CSS, JS, and images are cached. Bubble app data updates require internet connectivity unless explicitly handled through local storage or offline-ready design.




Our Similar Plugins

- Top 15 Plugins for Bubble - Bundle




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$80

One time  •  Or  $10/mo

4.1 stars   •   19 ratings
2.2K installs
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/pwa-offline-progressive-web-app

After installing the Plugin, head over to the Plugins tab and fill out the three Keys "App Name, Nav Button Color and Theme Color". Make sure to use a hex code for the Nav Button Color (eg: #ffffff).

Next drag the PWA element onto the page which should be converted into a PWA. Fill out all the fields in the element inspector according to the documentation.

Please be aware that Apple is quite strict regarding Splash Screens. Splash Screens are only shown correctly on iOS devices if you specify and upload a file for all the different device orientations.

You can upload all the different splash screen files with the different sizes (in pixels) in the element inspector.
We know that it is very tedious to do this, so we would recommend you use a tool such as https://appsco.pe/developer/splash-screens to generate the files.

Service Workers + Offline Functionality (Required Paid bubble Plan)

If you want to install Service Workers and enable Offline Functionality, drag the PWA + Service Worker Element onto your page.
The instructions are the same as for the other element, except for one Step: Visit the URL https://s3.amazonaws.com/appforest_uf/f1618832588005x566671081254037200/sw.js.

and download the file hosted there "sw.js" to your device. Open the file using a text or code editor. At the top of the file, there is a line saying "var urlsToCache =" and then a list of two urls. Please keep the /sw.js url!
The other url "/" can be replaced by you with the url of your pwa. If your pwa should load the index page of your app, you can leave the url as is. Save any changes to your file.

Head over to Settings->SEO/Metatags of your bubble application and scroll to the bottom where it says: "host files in root directory."
Upload the file you saved, make sure it is named sw.js. Once the file is uploaded, hit save and deploy your application to live.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action   •   Event

Categories

This plugin can be found under the following categories:
Productivity   •   Mobile   •   Technical   •   Media   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.1)

Makes the app work offline
November 23rd, 2025
Keeps everything accessible even when the connection drops
Hello, It’s Anton, from the Zeroqode Support Team. We want to extend our heartfelt thanks once again for taking the time to leave a review. Your feedback is invaluable to us and we are pleased to know that the plugin satisfies your requirements. At Zeroqode, we always prioritize our users, and if there's more we can do to make our clients happy, we're eager to do so. If you have any more suggestions or questions, or if there's anything else you'd like to discuss, please don't hesitate to reach out to us on the forum (https://forum.zeroqode.com/) or directly at [email protected]. Wishing you the best, Anton
November 24th, 2025
  •  
Zeroqode - Top Bubble Agency
App feels like native now
October 16th, 2025
Going offline doesn't break anything and that's all I wanted
Hi, Anton here from Zeroqode Support. Thank you so much for your kind words! It’s fantastic to hear that our plugin is helping you achieve your goals. We’re committed to continuing to provide tools that empower our users. For any further questions or ideas, please reach out via our forum (https://forum.zeroqode.com/) or by emailing us at [email protected]. We’re here to support you. Warm regards, Anton
October 16th, 2025
  •  
Zeroqode - Top Bubble Agency
Turn your app into a PWA
August 20th, 2025
This plugin helped me turn my app into a progressive web app that works offline and feels native
Turn your app into a PWA
August 5th, 2025
Gives my app offline support and native feel without the hassle of native development
Hello, Anton from Zeroqode Support here. Big thanks for leaving us a review. We’re thrilled to know you're satisfied with our plugin. At Zeroqode, ensuring our users' needs are met is what drives us. For any queries, suggestions, or discussions, our forum (https://forum.zeroqode.com/) and direct email ([email protected]) are always open for you. Best Regards, Anton
August 11th, 2025
  •  
Zeroqode - Top Bubble Agency
Plugin works great!!
October 29th, 2024
Hey there! Thank you so much for the fantastic review! If you ever run into any issues or have questions down the line, our friendly support team is always happy to help. Just shoot us an email at [email protected]. Thanks again for choosing us! Best, The Rapid Dev Team
October 29th, 2024
  •  
Original reviewer
Bubble