Trigger Web Push

Prev Next

Trigger Web Push allows you to send real-time push notifications to users based on their behavior while they are actively browsing your website. Unlike other push types, Trigger Push notifications are delivered instantly and only if the user is still on-site when the conditions are met.

You can define the triggering behavior using:

Since Trigger Web Push relies on real-time behavior, notifications will not be delivered if the user leaves the site before the rule is triggered.

This article answers the following questions:

Create a Trigger Web Push notification

To create a Trigger Web Push, 

  1. Navigate to Campaigns > Messaging > Web Push.
  2. Click the Create button to start.
  3. Name your campaign, choose your campaign type, and click the Create button.

Segment your audience

Define your users in the Segments step of your campaign to narrow and target the right audience. You can select one or more user groups to show your campaign to.

Set rules to trigger a Web Push

You can use Insider's standard page rules, weather rules, and user rules, or use a custom rule to capture a desired behavior to target your audience.

A trigger push can also help you send a push to your users when they visit another tab while the site tab is still open. To configure it, click the Enable Exit Intent Push checkbox

This rule offers two options: 'Any Other Tab' and 'A Tab Outside Your Domain'

  • If you select Any Other Tab, the trigger push will be sent to the user whenever they switch tabs or click anywhere, whether on your website or another. This serves as a reminder for them to return to your website.
  • If you choose A Tab Outside Your Domain, the trigger push will only be sent when the user switches tabs to another website. No push will be triggered if the user navigates within the same domain.

It's essential to note that this feature activates when the user clicks outside the website, according to the selected rule option, not when they attempt to close the browser, unlike other products.

Once the user has interacted with an exit intent push, the notification will not be triggered for the same user on subsequent exit intent.

Design a Trigger Web Push notification

In the Design step, customize your campaign's text and visual content.

1. Select a layout to start designing your notification. It can be with an icon or an icon and a rich image.

2. Provide an icon for your push notification. Choose the type of rich image if you have chosen the layout with a rich image. You have three different options for the icon;

  • Default Icon: An icon configured on the Settings page of your panel.
  • Custom icon: Upload an icon from your computer.
  • Dynamic Image: Fetch an image using a URL (e.g., last visited product image or a product from the abandoned cart). 

When you select the dynamic image as the message icon, you can also define a fallback to ensure your Web Push notifications are not broken if the image source is empty.

The recommended resolution is 80x80 px, and the image size should be less than 500 KB.

Rich image: You can either upload an image or provide a dynamic image URL for the rich push image. Make sure that rich push image size complies with the rules:

  • Select an image with a 2:1 aspect ratio, such as 720x360 pixels.
  • The image must be smaller than 1024 x 512 pixels, and its file size cannot exceed 500 KB. 

Similar to the dynamic image for the message icon, you can also define a fallback for rich images to prevent your Web Push notifications from appearing broken if the image source is empty. 

3. You can add text and emoji characters or use attributes to personalize your Web Push notifications further. You can choose from different attributes when you click Add Dynamic Content.

  • Default Attributes: Contains attributes like user name, last visited product name, last visited category, and search query, which are already defined during the initial system rule definitions or Insider object integration.
  • Custom Attributes: Can contain any information related to user behavior or first-party data. These attributes need to be pre-defined.
  • CRM Attributes: Contains attributes you shared via Upsert API.
  • Expressions: Formulas used to create new attributes by combining one or more existing ones.

When you add any user attributes, you can also define a fallback or alternative text to ensure your Web Push notifications are not broken if the attributes' values are empty.

You can also get assistance from the text generator to create your title and description.

We highly recommend keeping your content brief, as the title and description may be trimmed on some devices due to factors such as the browser, operating system, screen resolution, and input language.

4. Define the message that the user will be redirected to when clicking the notification. You can provide it in two types:

  • Custom link: The static URL you enter manually.
  • Dynamic link: You can use default or custom attributes, which should be pre-defined in custom user attributes. You can also define a fallback to ensure your Web Push notifications are not disrupted if the URL source value is empty.
    The Fallback URL field will automatically display the value set in the Web Push Settings on the screen. Even if you leave the input field empty, the fallback value will still be used.

5. You can add up to two optional Message Action buttons to push notifications to increase user interaction. These buttons are a great way to conduct mini-surveys and polls. Using this option, you can direct your user to different links by clicking on the notification body, action button 1, or action button 2. When a user clicks any of them, the Web Push notification will disappear.

An example of using these buttons could be to direct your user to download a report, visit different products or category pages, or even conduct mini-surveys/polls with a Yes/No option.

Just like the action link for the notification body, you can give a custom link URL or a dynamic link URL (default or custom) to an action button. When you select the dynamic link, you can define a fallback to ensure that your Web Push notifications are not disrupted if the URL source value is empty.

The Fallback URL field will automatically display the value set in the Web Push Settings on the screen. Even if you leave the input field empty, the fallback value will still be used.
Action buttons are only supported by Chrome 56 and above (Desktop and Android).

6. UTM Parameters are simply tags that you add to a URL. When your notification is clicked, the tags are sent back to Google Analytics if you have the Google Analytics tracking code on your website. Enter the necessary information if you have Google Analytics set up to track the performance of your campaign.

Preview a Trigger Web Push notification

At any point during the design of the Web Push notification, you can see a live preview of what your subscribers will receive. The Preview, placed on the right side of your screen, shows the text, image, icon, link, and button elements

  • You can click the collapse/expand button on the preview Web Push notification to view the collapsed and expanded versions. 
  • You can also preview the dynamic content in your Web Push notification as a user. Click the Preview as User button to preview your Web Push notification with the dynamic content's real values. 
  • You can select one of the two User Selection Methods: 
    • User Identifier will enable you to search for a user by Profile ID, Email Address, or Phone Number. 
    • Recent User will list the 10 recently searched users for you to choose from. 
  • When you select your user, click the Preview as User button to preview your trigger Web Push notification with real values for the dynamic content specific to the user.
  • You can view how your Web Push will look in different operating systems and browsers. First, select the device, then choose the operating system and browser from the dropdown menu to preview your Web Push notification.
  • To test your trigger Web Push notification on your device, click the Test Message button. You will receive a Web Push notification preview with the dynamic content filled in.

Set goals for a Trigger Web Push notification

You can set goals to track the performance of your campaign. The default goal is Purchases; you can change it. Under the Conversion Duration, you can set the period during which users must accomplish the goals of your campaign. You can also set the re-eligibility duration. This is the period during which users are eligible to see your campaign again.

Launch a Trigger Web Push notification

In the Launch step of your campaign,

1. Select the language of the push notification to send it to the opt-in users who have opted in for the respective language. A warning will be displayed if there are no subscribers (tokens) for the selected language.

  • Draft: Your campaign is not yet sent or scheduled in draft status. You can make changes to it later.
  • Active: Your campaign is active on your website and can be displayed to eligible users.
  • Test: Your campaign is in test mode and cannot be displayed to any user without a test link.
  • Pause: You can pause your campaigns temporarily.

3. Set the activation time to start and end your campaign.

4. Time to Live refers to the expiry time of the web push. All web pushes will be sent out at the specified time. However, for users who do not have their browsers open at the point when the web push is sent, they will receive it the next time they open their browser unless the time to live passes.

For example, imagine a Trigger Push scheduled to be sent at 10 am with a Time to Live of 2 hours. If User A’s browser is not open at 10 am and they open their browser at 11 am, they will receive the web push at 11 am. If they only open the browser at 12:30 pm, they will no longer receive the Web Push notification since it already expired at 12 pm. This is useful for time-sensitive offers that you promote with Web Pushes.

5. Frequency Capping enables you to limit the number of web push notifications that a user gets in a day. To turn off the defined delivery limit for your campaign, you can enable the Bypass Channel Frequency Capping checkbox.

6. By setting Silent hours, you can prevent Web Push notifications from being delivered between these hours.

Silent hour refers to the prevention of Web Push notifications being delivered at certain time intervals. Notifications that reach users at the wrong time can be disturbing. You wouldn't want to wake up and lose them with a notification sent at 3 am. Additionally, some countries have laws and penalties, including high fines, regarding this matter.

You can choose to continue sending these Web Push notifications with a delay after the Silent Hour ends, or you may not send pushes that fall within that hour range.

7. You can use tags to find or filter your campaign easily. You can add previously created tags to the campaign.

You can also create new tags and save them for later use.

You can add up to 6 tags per campaign.

8. You can write notes in the designated area to remind yourself or your team members about the campaign.

9. You can see the information if your campaign is ready to go. When you are ready, click Launch Campaign.

You can call the language system rule on your website to check the current language of your website.