The PWA (progressive web application) for Odoo website is designed to work as a normal app on the mobile device. However, unlike any native software application, the client doesn’t need to download it to its device’s memory.
The customer just needs to use the customized Odoo website PWA URL and load the site on its browser.
The Odoo PWA is browser-independent which means it can be loaded on any browser.
It also supports cache loading like any other PWA, which means the webpage the customer visits are stored in the cache so if the internet connection is lost, he/she can still browse the Odoo website content without interruption.
To make sure that the module works properly, your website should be SSL certified and run on an https connection.
1.) Once you purchase the App from the Webkul store, you will receive the link to download the zip file of the module.
2.) Extract the file on your system after the download finishes. You will be able to see a folder named-
3.) Copy and paste this folder inside your Odoo
4.) Now, open the Odoo App and click on the Settings menu. Here, click on
Activate the Developer Mode.
5.) Then, open on the Apps menu and click on
‘Update Modules List’.
6.) In the search bar, remove all the filters and search
7.) You will be able to see the module in the search result. Click on
‘Install’ to install it.
Before moving ahead, Check our extensive range of
Configuring the PWA from the backend
1.) Go to Website Settings >> Website PWA.
2.) Set the Name of your Odoo Website PWA.
3.) You can also choose the short Name; it is visible when the user adds it to the Home Screen.
4.) Set the Splash Screen color, PWA background theme color, and application icons.
5.) The start URL determines the page on which the users land when they launch the Odoo website PWA on their devices. Such as shop page, website home page, etc.
Configuring the Push Notifications
6.) You would need a
Google Firebase account to enable push notifications for your Odoo website PWA.
7.) Click on the following link to know more about how to create an account on Google Firebase >>
8.) Now, login into your Firebase account, Then click on
‘Create Project’ and choose the apt project name.
9.) Now, go to Project Settings >> Cloud Messaging.
10.) Here, you can see the Project credentials i.e. API Key and Sender ID.
11.) Enter the credentials under Odoo Website Settings >> Website PWA. And Save.
Types Of PWA Users
12.) The module automatically stores three types of Odoo Website PWA users in Odoo.
Portal Users >> who are using PWA while being logged into the Odoo website.
Public Users >> Who are browsing PWA but do not have a website account.
Internal Users >> those who have access to Odoo backend.
13.) You can see the list of Users and their type from Odoo Website >> Registered Browsers.
Sending SMS Push Notification
14.) To create SMS notification templates, go to Website >> Notification Templates >> Create.
15.) Enter the title for the notification.
16.) Choose the Logo: Either from a URL or add from local storage.
17.) Then, add the target link to which you want to redirect users. And also the body of the push notification.
18.) Choose the User type.
19.) You can choose to set the scheduler to the push notification.
20.) Click on validate to set the push notification.
21.) You can either send the push notification or set it back to draft for further editing.
22.) Once sent, the customers receive the push notifications on their mobile devices or laptops/desktops.
Using Odoo PWA Website
22.) You do not need to do any manual efforts. Once you install and configure the module, your Odoo website domain will automatically turn into a PWA.
23.) Launch your Odoo website on your device. Just enter the normal URL of your website such as
23.) The customer is prompted to add the PWA to his/her Mobile Device Home Screen while launching the website PWA.
24.) During browsing If your internet connection is interrupted, the customer will see the red indicator.
25.) You can still browse the cached website pages while disconnected from the internet.
26.) Once you come back online, the blue popup indicator notifies you.