Web Push

LivePinch Allows you to send rich, deeply personalized Web Push Notifications with flexible scheduling options. This document briefly describes the operation of Web Push system.

Web Push Settings

../_images/web-push-settings.png

Web Push Setttings allow you setup the basic parameters that are required in order for web push to work. In this section it is mandatory to

  • Upload a App Icon, this will be published in the manifset file
  • Set the GCM Server Key and GCM Sender Id this can be obtained from Google Developer Console, If this is not set web push will be set to disabled. Without these parameters Web Push will not work with Chrome
  • You can also setup Session Wait Time and Reprompt Delay, Session Prompt time lets you set how many seconds to wait before user is prompted to subscribe for web push. If the user denies permission, Reprompt Delay Is the number of seconds to wait until user is reprompted

Web Push Opt-In Settings

../_images/web-push-optin.png

In this pane you can setup the kind of first prompt user will see, the several options are

  • Header
  • Footer
  • Full Page
  • Modal

You can also setup the exact labels for heading, message and buttons

Web Push Welcome Notification

../_images/web-push-welcome.png

In this pane, you can configure the welcome notification that user will see when he first subscribes to web push

Web Push Frame Page

../_images/web-push-frame.png

In this pane you can setup the the background and text colors for frame page, that shows the the native prompt for subscribing into web push

Create an Web Push Message

  1. To Create an notification, Click on Web Push > Web Push
  2. Click on New Web Push
  3. Choose Promotional or Transactional depending on whether email is promotional or transactional ( See notes on promotional vs transactional )
  4. In case of promotional message, choose whether the sendout is Normal (Single), Split or A/B Test Sendout
  5. Choose label and Finish

Compose Web Push Message

../_images/web-push-compose.png

Shown above is the Web Push Notification edit screen, The following are the sections of the editor screen

  1. Label for message
  2. Live Preview for the given push message
  3. Edit, title, message and url action for the message
  4. Setup the icons and images for the push notification
  5. Chrome only, setup multiple buttons and actions associated with each of those buttons
  6. Settings tab, Tweak settings for split and A/B sendouts
  7. Schedule a sendout