1 / 25

[Free Download] Magento 2 Progressive Web Apps - User Guide

DOWNLOAD EXTENSION: https://www.tigren.com/product/progressive-web-apps-magento-2/<br>The Free Progressive Web Apps for Magento 2 are impeccable combinations of webs and apps. They apply modern web capability to deliver amazing app-like experience to your mobile users. As a result, your customer experience is enhanced, more traffic is driven, conversions are boosted and sale volumes will go sharply for sure.

tigrensolutions
Download Presentation

[Free Download] Magento 2 Progressive Web Apps - User Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PROGRESSIVE WEB APPS USER GUIDE FOR MAGENTO 2 Version: 1.0.0 Release Date: 02.10.2017 Free Download: PWAs for Magento 2

  2. TABLE OF CONTENTS INSTALLATION ………………………………………….………………......1 MODULE CONFIGURATION…………………………………………….....2 PUSH NOTIFICATION SETTINGS………………………………………..16 TEST PWA PERFORMANCE……………………………………………...19 CUSTOMIZATION……………………………………………………...……22 CUSTOMER SUPPORT…….………………………………………….......23

  3. Page 1 1. Installation Download Extension • Download the extension on the website: https://www.tigren.com/product/progressive- web-apps-magento-2 Unpack Zip File • After downloading, unpack the extension zip file Upload Files • Upload all the files from the extension package to the root folder of your Magento installation Run Following Commands • php bin/magento module:enable Tigren_Core • php bin/magento module:enable Tigren_ProgressiveWebApp • composer require sngrl/php-firebase-cloud- messaging dev-master

  4. Page 2 2. Module Configuration Admin Panel => PROGRESSIVE WEB APP => Settings Or: Admin Panel => STORES => Configuration => TIGREN => Progressive Web App

  5. Page 3 Manifest Settings: 2. Module Configuration Set Short Name, Name, Description, URL & Background Color

  6. Page 4 Manifest Settings: 2. Module Configuration Set Theme Color

  7. Page 5 2. Module Configuration Choose Display Type Manifest Settings (cont.):

  8. Page 6 2. Module Configuration Manifest Settings (cont.) Choose Display Type Fullscreen App Web Page/ Minimal UI Standalone App

  9. Page 7 2. Module Configuration Select Screen Orientation & Upload App Icon Manifest Settings (cont.)

  10. Page 8 2. Module Configuration Manifest Settings (cont.): App Icon On Home Screen On Splash Page

  11. Page 9 2. Module Configuration Push Notification Settings

  12. Page 10 2. Module Configuration Push Notification Settings: Add Firebase to Your Web App Step 1: Go to the page firebase.google.com and Sign In (You must have a Gmail account)

  13. Page 11 2. Module Configuration Push Notification Settings: Add Firebase to Your Web App Step 2: Add New Project (Click on GET STARTED => Add project)

  14. Page 12 2. Module Configuration Push Notification Settings: Add Firebase to Your Web App Step 3: Create a Project & Add Firebase to your web app

  15. Page 13 2. Module Configuration Push Notification Settings: Add Firebase to Your Web App & Messaging Sender Id Step 4: Copy the snippet in Firebase & paste it to Add Firebase to Your Web App (green) Copy messagingSenderId number & paste it to Your Messaging Sender Id (red)

  16. Page 14 2. Module Configuration Push Notification Settings: Firebase Cloud Message Server Key Step 5: Copy the Server Key in Firebase & paste it to the field in the configuration. Project settings Cloud Messaging => Copy Server key Paste to Firebase Cloud Message Server Key field

  17. Page 15 2. Module Configuration Push Notification Settings: Topic name Add Topic Name & Save Config

  18. Page 16 3. Push Notification Settings Admin Panel => PROGRESSIVE WEB APP => Manage Notifications

  19. Page 17 3. Push Notification Settings Create New Notification Add New Notification Add Title, Body, URL & Upload Icon

  20. Page 18 3. Push Notification Settings Send Notification Click on the Send Notification button to send the notification instantly to the customer list.

  21. Page 19 4. Test PWA Performance Download Lighthouse Extension & Add it to your Chrome

  22. Page 20 4. Test PWA Performance Go to your PWA page => Lighthouse => Generate Report

  23. Page 21 4. Test PWA Performance Check the results

  24. Page 22 5. Customization FREE PROGRESSIVE WEB APP for Magento 2 is 100% open source and provided under General Public License (http://www.gnu.org/licenses/gpl.html). You are allowed to customize the module to meet your requirements.

  25. Page 23 6. Customer Support Should you have any questions or feature suggestions, please submit a support ticket at: https://www.tigren.com/contact/ We’re glad to here your feedback!

More Related