Skip to Content

Steps

1. Navigate to your Bubble project dashboard and open your app.

bubble-1

2. In the left-hand menu, go to Settings → SEO / metatags.

bubble-2

3. In the Header input field, paste the following code:

<link rel="manifest" href="https://transcodes_cdn_url/01JWW55QK8Z4MFK9S0RG6527C6/manifest.json" /> <script type="module" src="https://transcodes_cdn_url/01JWW55QK8Z4MFK9S0RG6527C6/webworker.js" ></script>

bubble-3

4. Download the sw.js file from transcodes project panel and upload it to your root directory.

The file must be named exactly: sw.js

bubble-4

5. Click Save, then refresh your site. Then, you will see PWA is activated successfully

bubble-5 bubble-6

Last updated on