Follow

Configure PWA & Send Push Notifications

I. Enable the PWA

  1. In your Magento backend, go to Simi PWA > Settings
  2. Push Notification and Offline Mode

    - Enable Chrome Notification for Website: Select Yes to enable both Push Notification and Offline Mode functions of PWA
    - Notification Icon URL (png): image URL of the notification icon (ends with “.png”)
  3. Add to Home Screen Configuration
    - App Short Name: The name of your PWA after you add it to mobile home screen
    - App Name: The name that appears on PWA splash screen
    - Icon URL (png): The image URL of your PWA icon which appears on home screen (ends with “.png”)
    - Theme Color: The color of PWA header
    - Background Color: The background color of your PWA splash screen
  4. Advanced PWA Configuration

    • Enable PWA: Select Yes to expand advanced PWA configuration
    • Enable Redirection: Select Yes to enable PWA redirection for your mobile site
    • PWA Excluded Paths: If you want to exclude any URLs from your PWA, enter their path here (separated by comma). Please note that any URL containing any of these path will be excluded from the PWA.
    • PWA Logo URL: URL of the logo that appears in the web app’s header.
    • PWA Favicon URL: URL of the favicon for PWA.
    • Action:
      • Sync Sitemaps: Click this button whenever you have a new URL from your website, such as having new products or categories. This will convert, for example, the product URL of the PWA from something like example.com/pwa/view/id/123 into your regular product URL like www.example.com/shirts/blue-dotted-shirt.html
      • Build PWA: Click this button after you’ve done everything (including step 5) to apply changes to your PWA
  5. Click Save Config to save your changes.
  6. Finally, click Build PWA to apply changes to your PWA.

II. Sending Push Notifications

  1. In your Magento backend, go to Simi PWA > Manage PWA Notification
  2. Click Add New button

    - Device IDs: You can choose to send the notification to one or multiple specific devices. Click button to show a list of registered devices (users who click “Allow” when prompted to show notification for your PWA)
    - Title Message: The title of your notification
    - Image: Upload an image for your notification
    - Message: The message of your notification
    - Direct viewers to: You can choose what happens when users click on the push notification: go to a product page (Product In-app), a category page (Category In-app), or an external website (Website Page)
    - Product ID/Category/URL: Select which product/category/URL that you want to redirect viewers to. Click  button to show your product/category list.
  3. When your notification is ready to be sent, click Save and Send Notification.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments