Skip to main content

PWA Customization

Customizing PWA Settings​

This guide provides step-by-step instructions on how to customize the Progressive Web App (PWA) settings for your platform using the automated settings in the admin panel.

Changing the PWA Settings​

  1. Access PWA Settings:

    • Navigate to the Admin panel.
    • Go to Settings -> PWA Settings.

  2. Update PWA Details:

    • Name: Enter your brand's full name.
    • Short Name: Enter a short version of your brand's name.
    • Start URL: Specify the URL that the PWA should open by default. Typically, this is /.
    • Display: Select the display mode, typically standalone.
    • Background Color: Set the background color for your PWA's splash screen.
    • Theme Color: Set the theme color for your PWA.

  3. Description:

    • Enter a description for your PWA. For example: "AdFox is your go-to marketplace for buying and selling goods locally and nationally. Simple, fast, and efficient. Discover great deals today!"

Updating the PWA Icon​

  1. Upload Icons:
    • In the PWA Settings section, upload your brand-specific icons. Ensure that the icons are uploaded according to their sizes (e.g., 72x72.png, 96x96.png) to match the required specifications for compatibility across devices.