How to Set Up PWA on Page Builder

Written By Aditya Sanjit (Super Administrator)

Updated at November 16th, 2025

Progressive Web App (PWA) allows your website to behave more like a mobile app. Users can install it on their devices, enjoy offline access, and have a smoother browsing experience.

Setting it up on Page Builder is easy - Here’s how:
Step 1: Prepare Your PWA Logo
Before you start, make sure you have your PWA logo ready. You’ll need it to configure the app icon that users will see when they install your PWA.

Step 2: Upload the Logo

  1. Log in to your Bold Media Gallery.
  2. Upload your PWA logo.
  3. Copy the URL of the uploaded image - you’ll use it in Page Builder.

Step 3: Configure PWA in Page Builder

  1. In Page Builder, go to Settings > General Settings > Manage.
  2. Click on Third Party Integrations.
  3. Paste the logo URL in the Manifest Logo Source field.
  4. Save your changes and Publish.

Step 4: Verify PWA on Your Site

  • Open your website in a supported browser.
  • You should see the PWA install/download option available for users.