JMango Operations BV

            How to create a PrestaShop PWA?


            Please note that:
            1. This article applies to PrestaShop 1.6.x. Depending on the PrestaShop version you are using, the terms and steps may vary slightly.
            2. The JMango360 PWA Builder module is around 11MB. You may have to increase the size limit for attachment files in order to install the module.

            1. Install JMango360 PWA Builder module

            It’s quick and easy to turn your PrestaShop webstore into a PWA (progressive web app) with JMango360. First, you need to install JMango360 PWA Builder module.
            You can:
            1. Install JMango360 PWA Builder module from the PrestaShop Addons Marketplace (coming soon).
            2. If you cannot find the module on the Marketplace, try installing using the package file. The details are as below.

            Step 1: Download JMango360 PWA Builder module.

            Step 2: Log in to your PrestaShop Back Office.
            Step 3: Click Modules and Services in the left menu.



            Step 4: Click the Add a new module button at the top right of the screen.



            Step 5: Browse the module package file and upload it. 



            Step 6: The JMango360 PWA Builder module is now added and appears in the Modules List section. Click the Install button to install it.



            2. Configure the module and create your PWA

            Now that you've done installing the JMango360 PWA Builder module, move on to creating your PrestaShop PWA:

            Step 1: Right after the installation, verify your PrestaShop URL, store name, and store language. 



            Step 2: Click the Create my PWA for me button to move on to the three-step onboarding flow:


            1. Create your JMango360 account by verifying all required fields.
            2. Provide your business information. This important information helps JMango360 serve you better.
            3. Import relevant data into the PWA to synchronize your webstore with your PWA.
            Step 3: Click the Go to my PWA button to go ahead. Then, you can preview your PWA and choose one of the following options:



            1. Click Order set-up package to request JMango360 to do all the heavy lifting for you.
            2. Click Go to my PWA to be redirected to JMango360 Back Office where you can find your PWAs in the My Apps menu. 


            Step 4: The default PWA is the one coming with the store language you specified in the previous step and has all relevant data imported. You can open this one to start designing your app. While designing, use the Preview panel in the Design module to preview your PWA. 



            Take note of the following:
            1. By default, newly created PWAs are in the Preview mode. In order to change to the Live mode, you need to pay subscription.
            2. Except for the default PWA, all other placeholder PWAs in other languages have no data imported. To import data into these PWAs, open the PWA, in the Settings modules, click Integrate with PrestaShop

            1. The PWA name has the form [store name] - [language code]. If you want to change the PWA name, open the PWA, then from the navigation bar click Settings > General Settings > PWA Name


            Related Articles:
            1. About PrestaShop integrated app
            2. How to create an app inside your PrestaShop Back Office?

            Updated: 3 days ago
            Helpful?  
            Help us to make this article better
            0 0