PWA Settings

 

 

In case that you don't know what this is, here it's a little explanation about it:

 

Progressive Web App (PWA) is a website that looks and behaves as if it is a mobile app. PWAs are built to take advantage of native mobile device features, without requiring the end user to visit the App Store and Play Store

 

As you know, Ordering is always looking to improve our tech, and we improve the websites

• Dashboard
• Website 2.0

This means that those website now have the feature called PWA, and here are the settings that you need to know to fully use this improvement.

 

Let's start with the Dashboard.

 

Go to the Builder my.ordering.co

Search for your Dashboard product, and click on EDIT

Next, go to the section called Images and at the end of the page you will find 4 images called Banner icon

 

This images is to show your company logo/brand when a user is doing the PWA installation, also it will show the icon one the PWA is installed.

Remember to click UPDATE to save the changes

 

Example:

Installation process

 

PWA Icon

 

Now to change the name for your PWA, you need to follow these steps:

• Go to the next section called Developers, and you'll find 2 files called Dashboard name and Dashboard info

 

You need to download each file and add your information

Example:

 

On the file called Dashboard name you need to change 4 things:

• app_name
• project
• title
• description

Example:

 

Save the changes and upload the file again on the Builder

Example:

Remember to click UPDATE to save the changes

 

With the second file, follow the same steps, only that on that file you need to change these things:

• name
• short_name
• description

Example:

 

Save the changes on the file, upload it again on the Builder, click UPDATE to save the change, and to apply the changes you need to build the website to apply it

Example:

 

 

 

Now you can move forward the changes on the Website 2.0, are the same steps:

• Go to the Builder
• Search for the Website product
• Click on EDIT
• Go to the Images section to replace the icons
• Then to the Developer section
• Download the files

In this section the files are called PWA name and PWA data

 

On the first file PWA name, you need to replace these info:

• app_name
• project

 

And on the second file PWA data, are the same 3 options as before

 

Save the changes on the file, upload it again on the Builder, click UPDATE to save the change, and to apply the changes you need to build the website to apply it.

 

That's it!

Enjoy your PWA feature.

 

 

 

 

As Always, Happy Ordering.
www.ordering.co