Follow

Configure PWA & Send Push Notifications

I. Enable the PWA

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

    - Enable: 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 Button

    - Enable: Select Yes to enable the Add to Home Screen notification
    - App Name: The name that appears on PWA splash screen
    - App Short Name: The name of your PWA after you add it to mobile home 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

    1. Enable Redirection: Select Yes to enable PWA redirection for your mobile site
    2. 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.
    3. PWA Logo URL: URL of the logo that appears in the web app’s header.
    4. 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 the below steps) to apply changes to your PWA
    5. Click Save Config to save your changes.
    6. Go to System > Tools > Cache Management to clear your cache.
    7. Finally, click Build PWA to apply changes to your PWA.

II. Sending Push Notifications

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

    - Title: 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.
    - 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)
  3. When your notification is ready to be sent, click Send.
  4. If you want to save your notification for later use, click Save and Continue Edit.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments