How to Publish an App with PWA for WP

8 months ago

4 min read

Posted by:


Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.


Note: On PWA for WP, the icon logo and splash screen are swapped. Please test the .apk before publishing. Also, use ‘Browser Bar Color’ plugin to change the color of the navigation bar, as the Elementor’s default doesn’t work.

Note 2: If the APK feature doesn’t appears, check Dashboard>Plugins and activate it manually from there.

1. Get Rid of the Browser Bar for the First Time (Tutorial From PWA for WP)


APK Installation is fine but the address bar still appear.

Solve: Remove the URL bar Trusted Web Activities(PWA APK) require an association between the Android application and the website to be established to remove the URL bar.

This association is created via Digital Asset Links and the association must be established in both ways, linking from the app to the website and from the website to the app.

Follow the below steps to remove bar:

  1. Go APK zip make sure there is assetlinks.json [If not available regenerate again]
  2. Add the asset link on /.well-known/assetlinks.json path and serve it from your domain.
  3. Check your https:// YOUR_HOST/.well-known/assetlinks.json is exited or not exited
  4. If not available above link, then create a .well-known folder in the root and upload assetlinks.json file from zip in a .well-known folder, Make sure this link properly renders the content
  5. Now you are ready, Clear your browser and app data from mobile

For more information or verify assetlinks.json values for this Click Here.


Here is an example statement list on a website:

If you are still facing APK is showing top bar verification issue then follow the below instruction

  • This key we are going to verify in play console over here.

  • Sign in to your Play Store APP
  • Once we come in to the project we need to check in APP integrity

  • The copied key should be similar to the assest link
  • If the key is not similar, then we need to override this SHA 256 fingerprint in assetlinks.json file also

That’s it for this tutorial!

Hope this instruction will help you to solve the issue, if still, you are facing the issue please contact our Support team

2. Publish App on Google Play Developer

Go to: and follow the steps. Upload an .aab file to it, no need to upload .apk.

Once sent, wait for 48 hours or less for reviewing process.

3. Get Rid the Browser Bar for the Last Time

  1. Once the app is live on the Play Store, install this app for Android: (Asset Links Tool)
  2. Copy the signature and replace the ones on .well-known file (CPanel)
  3. If you installed it already, clear browsing data from your Android (Chrome) and done.

Read more

Post Widget

2 min read

How to Make Post Widget’s White Space Clickable (+Popup)

Go to Dashboard > Elementor > Custom Code. And then add this code to make the whole space/box/card of the

Read more


< 1 min read

Crop Image To Ratio

To crop image based on ratio, on Elementor’s Image Widget add this CSS: 16:9 Landscape CSS 9:16 Portrait CSS

Read more


3 min read

Improve the Quality of the Scrolling Experience with Custom CSS Scrollbars

Hello guys! Have you ever thought about how to improve the appearance of the scrollbar on your website page? A good scrollbar

Read more


< 1 min read

How to Fix Favicon Not Showing on WordPress Multisite

In some cases, sub-sites on multisite is not showing the favicon. To assign favicon for each site on WordPress multisite,

Read more

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Customer Service

Focus Website

Today, June 16

Hi, there 👋

How can I help you?

Start Chat with:

We use cookie to improve your experience on our site. By using our site you consent cookies.