v 11.0 v 12.0 Third Party 16
Live Preview
Required Apps eCommerce (website_sale)
Website Builder (website)
Technical Name odoo_ecommerce_pwa
Websitehttps://store.webkul.com/Odoo-Website-Progressive-Website-Application-PWA.html
Also available in version v 13.0 v 12.0
You bought this module and need support? Click here!
Required Apps eCommerce (website_sale)
Website Builder (website)
Technical Name odoo_ecommerce_pwa
Websitehttps://store.webkul.com/Odoo-Website-Progressive-Website-Application-PWA.html
Also available in version v 13.0 v 12.0

Odoo Website PWA (Progressive Web Application)

Loads Like a website, Works like an App

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.

Information

user-guide
User Guide
https://webkul.com/blog/odoo-website-pwa-progressive-web-application/
Not found
Odoo Website PWA Introduction

A Progressive Web Application (PWA) is a website application that is designed to feel and work like an App. When opened in a mobile phone or similar devices it looks and operates like a native app.

A PWA essentially is a hybrid between a Native App and a website. It offers the features of an App such as offline content browsing, push notifications, etc. without the need of installing it to your device, saving storage space in the process.

You just hit the Pwa URL and use it with the feel of an App.

It also allows you to add it to the home screen of your device so you can access it with one click.

Odoo Website PWA Highlights

Scroll down to read about the PWA features in detail.

Not found
Content caching
Not found
Offline browsing
Not found
Push Notifications
Not found
Quick loading
Not found
Simple Notifications
Configuration
Not found
Mobile Responsive Design of PWA
Not found
Add To HomeScreen
Feature
Not found
PWA Icon
Manager
Not found
PWA Name
Manager
Not found
Loads on any device/ OS independent
Not found
Safe (https protocol
incorporated)
Not found
Compatible For Multiple Odoo Websites
Not found
A Progress Web Application For Your Odoo Website

Over 80% increase in conversion was the result of BookMyShow's Progress Web Application.
If it worked for them it would work for your Odoo website as well. So convert your Odoo Website into Progressive Web Application.

When the website PWA is loaded, the contents are saved in the cache so even if the internet connection goes out, they would be able to browse the content offline.

The customers can add your Odoo website PWA to their home screen.

Odoo Website PWA is designed to be OS independent (as PWAs are) so you do not need to constantly manage separate App for each platform.

"It Supports Multi-Website compatibility, so you can separately manage PWA features of each of your multiple Odoo Websites"

Not found
Add To Home Screen Popup

An 'Add to Home Screen' prompt is displayed when customer launches the main website.

Click on the Popup to add the PWA icon to the Homescreen of the device.

Now, next time just load the website from the homescreen in a click.

Not found
Browse In Offline Mode

On working internet connection, the website data is cached in the device.

So, if the internet connection is disabled, the user can still browse the website's content which is already cached without any issues.

Not found
Multi-Website Compatibility Enabled

Are you managing multiple Odoo websites from the same database.

Then obviously you would want to have individual configurations of PWA for each website.

With Odoo Website progressive Web Application you can choose separate configurations for each of your websites.

Detailed Features
Here is the detailed list of Odoo Website PWA Features.
Connectivity independent
  • Shows the status of the internet connective.
  • page preloading to help the person to browse without connectivity.
Add to Home screen
  • Allows the customers to add the PWA to their device screen.
  • The Odoo PWA website can then be launched from the homescreen.
Customize PWA icon and name
  • Change the appearance of the PWA website icon.
  • Set the long and short name of your PWA icon from Odoo.
  • You can also change the splash screen background color.
Push Notifications
  • The push notifications can be configured with Firebase Project
  • Send push notifications to PWA website users.
  • Schedule the notifications in Odoo for a later date.
No Need to install
  • No need to install or download in the device memory.
  • Saves customer's device storage.
Build to Acts As / impersonate native App
  • Combines the best web capabilities of website with that of native app.
OS independent
  • The customers can access the PWA website directly through any browser.
  • As no download/installation is needed, same PWA website on different devices.
Push Notification Templates
  • Pre design and store push notifications templates in Odoo
  • Choose the target customers for the a push notification.
  • Select recipients from odoo users, website users, public users or All.
View PWA User List
  • View the number of users using your Odoo PWA website from Odoo.
  • The list is also useful while send push notifications.
Supports Multiple Website Compatibility
  • Made for those who run multiple websites from the Same Odoo.
  • Configure separate PWA website for each website on the same Odoo.

PWA configuration

    Configure PWA settings from backend:
  • Set your web Application Name
  • Choose Application Icon
  • Choose Theme Color

Firebase Integration

Integrate Google FireBase With Odoo Website PWA

Create Push Notifications Templates

Set Push Notification Automatic Schedule

Automatically push notifications to the Odoo PWA users by setting scheduler.
Set separate schedule for each push notification template.

View the List of PWA Users and device

    The list of PWA users show different types of users:
  • Public Users
  • Portal users
  • Internal Users

Odoo Website HomePage & ShopPage on PWA

Offline Mode on Mobile

The user can browse the cached pages in Offline mode
The red icon indicates ‘connection lost status’ for the Odoo PWA

Online Mode on Mobile

The blue indicator appears when connection is restored.
Once connected the user can browse the entire website.

Add to Home Popup On Mobile

PWA Icon and name on Launch Page

Push Notifications on Mobile

Website PWA HomePage View on Laptop and similar devices

Website Shop Page Website View

Offline Mode indicator on Website PWA

Online Connection Restored Popup icon

PWA Push Notifications in Website View

Follow the steps mentioned below to configure Push Notifications For Odoo website PWA in your Odoo:

Prerequisites

To send push notifications to your Odoo website PWA users, you need to integrate your Odoo with Google Firebase project.

How to Create Firebase Project Credentials

Visit the Following link to Create Your Firebase Project Credentials.
Login to the Firebase Project using your gmail account. Then click on ‘Create Project’.

Choose the Project Name.

Now, go to Project Settings >> Cloud Messaging.

Here, you can see the Project credentials i.e. Server Key and Sender ID.

Go to Odoo >> website settings.

Enter the firebase credentials under PWA settings to integrate Firebase with Odoo.

Once successfully done, you would be able to send push notifications to the PWA users.

Help and Support

Get Immediate support for any of your query

You will get 90 days free support for any doubt, queries, and bug fixing (excluding data recovery) or any type of issue related to this module.

mail

Write a mail to us:

support@webkul.com

Any queries or want any extra features? Just drop a mail to our support.

support-icon

Get in touch with our Expert:

https://webkul.uvdesk.com/en/customer/create-ticket/

Have any technical queries, want extra features, or anything else? Our team is here to answer all your questions. Just Raise A Support Ticket.

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author or have a question related to your purchase, please use the support page.
There are no ratings yet!
Hi I need a demo
by
Daly Babay
on 7/1/20, 10:14 AM

Can I have a demo

Re: Hi I need a demo
by
Webkul
on 7/2/20, 4:04 AM Author

Hello Daly, Please create a ticket at support@webkul.com so that we can share the demo credentials with you. Regards Prakreti