Create web push notifications

  • Updated
If you had access to campaigns prior to April 2023, Optimizely updated the tab name from Campaigns to Activation. All functionality remains the same.

With the web push integration enabled, you can create and send personalized push notifications to your customers through their web browser.

The main difference between web push and other communication channels is the ease of sign-up. Web push does not require an email address, tracking cookie, or other personal data, simplifying the process of sending notifications to interested subscribers.

Collect web push subscribers

Communicate with customers with web push notifications by collecting opt-in events. Similar to email opt-ins, a customer's consent determines your reachable audience through the channel. When enabled, an opt-in prompt displays to site visitors.

Web_push_examples.png

Web push opt-in prompts and notifications are not available on Google Chrome on iOS.

Confirm opt-in events

Customer opt-ins send an event to Optimizely Data Platform (ODP), confirming the customer's app push subscription and providing analytics and app push values. To see an example event, see the event inspector in your ODP account. Look for the following values in the event inspector:

  • Event Type = push
  • Action = add_push_token
  • User Agent Information (UA)

A push token displays on the customer profile under Customer Details when a customer opts in for web push notifications.

Chrome_push_token_on_profile.png

Additionally, you can view the web push events in the event history feed of the customer profile.

Push_token_on_feed.png

Create a web push campaign

After customers opt-in to web push notifications, you can include web push touchpoints in your campaigns and send messages to customers.

Review web push audience

After creating or adding a segment to a campaign, review the reachable web push audience by the web push icon.

 Web_push_eligible.png

You can reach a customer if you know their web push token value. When a customer opts out of the app push channel, the system removes the token from their customer profile and captures a Remove Token event. This behavior means you can segment based on push token attributes to specifically target web push customers or create a campaign that only uses web push messages.

Create web push touchpoint

After you have determined your campaign audience, you can create a web push touchpoint.  

  1. Go to Activation > Engage.
  2. Select or create a One-Time or Behavioral campaign.
  3. Select the desired segment of customers who have opted in for web push notifications and configure the additional enrollment rules as desired.
  4. Edit the campaign touchpoint and select the Web Push channel. If this is an omnichannel campaign, see Create an omnichannel campaign to add additional channels to an existing touchpoint.
  5. Go to Push Delivery > Deliver Push To and select the display name of your app. The browsers associated with the push display, with Chrome selected by default. Select or deselect your desired browsers.
  6. Design the web push notification: enter a name, load a template, add liquid or custom HTML variables to customize the push notification, enter the message you want customers to receive, and so on. The message should be no longer than 40 characters.
  7. (Optional) Expand +Web Options to define additional settings. Chrome's additional options let you further customize the web push notification and override default settings determined during the setup of the web push integration.
    • Icon URL – The image that displays inline with the message. This value overrides the image set during the setup of the web push integration, such as the brand's logo.
    • Image URL – The image that displays below the message.
    • Click URL – The destination following a click of the message's content.
    • Automatically add UTM parameters – Parameters to track interactions with the message. If disabled, you need to manually incorporate parameters into the Click URL to ensure the same level of tracking.
    • Require Interaction – Setting to manually dismiss the message. If not selected, the system dismisses notifications on a customer's desktop after approximately 20 seconds.
  8. Preview and test your touchpoint. Preview lets you review the touchpoint on-screen, while Test lets you send a test through the touchpoint channel instead.
  9. Select the campaign's name from the breadcrumb trail, then click Save.
  10. Click Go Live when the campaign is customer-ready.

Review performance

Review the performance metrics associated with a web push touchpoint. 

  1. Go to Activation > Engage.
  2. Select the campaign containing the desired touchpoint.
  3. Click the Eye icon to expand the performance metrics view for the touchpoint with the web push. See Campaign metrics for more information.