Siberian PWA Creator Editor Module – Overview

Siberian PWA Creator Editor Module allows your users to create PWA themselves.

You can access the PWA Creator Editor Module by visiting: Siberian Editor > Left Side Menu > Modules > PWA Creator

By Default, Users will see a screen like below if PWA isn’t activated for a particular app.

If you have enabled the PWA creator module access for this app/user then below self-activation screen will be shown. You can enable the PWA creator module access for a specific app, for a specific user and for all users from the PWA BackOffice module.

After the PWA self-activation, PWA details configuration form will be displayed.

Here your user has to fill app details like app short name, app name, meta title/description/keywords, color scheme, offline message etc. Read more about PWA Manifest here.

If you have PWA Push module then user will see “Enable Push Notification” option to enable PWA Push Notification.

On click of the “Next” button, iPhone install pop-up configuration screen will be displayed.

Here default text will be pre-filled. iPhone share icon will be auto added between text line-1 & 2. Here user can manage text color, background color and border color. User can customise popup like display popup in center position, black overlay, display app short name & icon etc.

On click of the “Next” button, Facebook PWA pop-up configuration screen will be displayed.

User can enable or disable Facebook PWA Popup by clicking on a checkbox.

Here default text will be pre-filled. User can manage text color, background color and border color. User can customise popup like display app short name & icon, display black overlay etc.

User can see a demo preview of popup configuration on the left side panel.

Click on the “Save” button to save all details and then page will be refreshed and below screen will be displayed.

Note: If you’ve enabled push notification then option to enable external push sender will be displayed as shown in the image below.

Now upload your PWA icon (512*512px) in PNG or JPG format. Then after a screen like below will be displayed.

Click on the button “Publish your PWA“. After that screen like below will be displayed.

By clicking on the button “Edit PWA Details” you can edit the PWA details.

By clicking on the button “View PWA Icon” your 512px PWA Icon will be displayed into another browser tab.

By clicking on the button “Regenerate PWA” you can regenerate & republish the PWA.

Here your default PWA link with QR code will be displayed. If you have added a custom domain for PWA then it will be also displayed here.

By clicking on the button “Click here to add custom CSS“, a new page will be displayed into another browser tab as shown in the image below.

Here you can customise the look of desktop PWA using CSS. You’ll find CSS examples here.


FAQs:

When you require to regenerate / republish the PWA?

Once your PWA is published and then after you want to change PWA details like name, popup changes, enable or disable push notifications etc requires PWA regenerations.

I have installed the PWA and then after regenerated the PWA with new name or icon, so my installed PWA will display new name or icon?

No, your old installed PWA’s manifest has old data so it won’t change automatically. You have to uninstall the old PWA and reinstall the new one.


If you want you can restrict the access of the PWA Creator Editor Module using user roles. To do it, go to your Siberian BackOffice > Manage > Editor Access > Roles.

Now here click on the user role edit button and then from the Manage Access section uncheck the Pwa Creator and save.


Siberian PWA Creator Module Version – 2.0.0