Create Message

Learn how to create a Web Popup campaign using the CleverTap dashboard

Create a New Web Pop-up Campaign

Create a campaign to deliver your Web Popup message. Follow the steps below to create a new web popup campaign:

  1. From the dashboard, navigate to Campaigns.
  2. Click + Campaign button.
  3. From the Messaging Channels list, select Web Popup.
2858

Select Messaging Channel

The campaign page displays.

1100

Create Campaign

Define all the sections and publish the campaign.

Start Campaign Setup

The Start here section displays the setup information.

Set a goal: You can track your campaign conversion by setting up a goal. Setting a goal allows you to measure your campaign effectively against what you want to achieve in the campaign. This selection is optional.

The campaign goal can be as generic or as specific as you want. It can answer questions from How many users were influenced for purchasing an X amount? to How many first-time visitors purchased red shoes worth a minimum of X amount and blue jackets worth a minimum of Y amount?".

Define the conversion period by selecting the Conversion Time. You can define your conversion goal further by filtering an event by event properties. For more information on event properties, see Events.

919

Set a Goal

Define the Audience

You must indicate the target audience for your campaign. You can specify your target audience from the Target segment section. Here, you can create a new segment or use a previously saved user segment from the segment list.

2448

Define Target Segment - Who

Campaigns can be configured based on the following types of user interactions:

  • Single Action: Target users based on action on one of your web pages.
  • Page Visit: Target users visiting specific web pages. For example, a page such as https://ctcart.com/black_friday_sale, where you can create a campaign to target users that visit the Black Friday sale on your website. You can add multiple pages.
  • Page Referral: Target users visiting your website via any referral web page. For example, users who have visited your website through a Black Friday sale advertisement on google, such as
    https://ctcart.com/redirect?utm_medium=google&utm_campaign=black_friday_sale.
  • Page Count: Target users based on the specified number of web pages visited in a single session.

Deliver Action Based Web Popup Notifications

You can trigger a web popup message based on an action. For example, a web popup with a promo code can be shown to customers who have just completed a purchase. This will help incentivize an existing user. Moreover, such popups make notifications more contextual and result in increased conversion.

Filter Users Based on Past Behavior

You can also target users basis their past behavior. For example, you might want to target customers who have purchased a specific product in the past.

Filter by User Properties

Using the With user properties filter in the Who section, you can segment your campaign to only reach users who meet specific criteria.

For example, you can send a web popup notification to female users who live in the United States. The image below represents a sample target segment that is filtered using specific user properties to target the required audience.

2202

Filter by User Properties

The following table explains the various property types:

Property TypeDescriptionExample
User PropertiesCustom user profile properties that you define and send to CleverTap.Customer Type = Platinum
DemographicsDemographics filters include Age and Gender.Age = 25 to 40 years
Gender = Female
GeographyUser's coarse location. Filters include Country, Region, and City. CleverTap's SDK can automatically detect this from the user's IP address.Country = United States
State = California
City = San Francisco
ReachabilityReachability filters include Has email address, Has phone number, Unsubscribed email, and Unsubscribed SMS.Unsubscribed email = No
App FieldsApp fields filters include App Version, Device Make, Device Model, OS Version, and CleverTap SDK Version. This information is sent by CleverTap's SDK for each device that has your app which means a single user can have multiple devices associated with their user profile.OS Version = 10

To know more about what segments can be used, see Segments.

Control Group

You can define the control group to compare and measure the results of your campaign. For more information on control groups, see Control Groups

2338

Control Group

Web Pop-up Message Types

You can create the following types of messages for your web exit intent pop-ups:

  • Single Message
  • AB Test
  • Split Delivery
  • By User Property

Single Message

In this campaign, a standard message is sent to all users who qualify as your target audience. This message type is best for broadcast messages and for applications that do not vary campaign communication based on differences between properties such as language, geography, or any other user properties.

A/B Testing

A/B testing helps you understand what type of message copy works best in the pop-up to get clicks from users.
You can test up to three pop-up message variants on a test group. The variant that gets the most clicks is declared the winning variant and is automatically sent to the rest of your target audience.

2326

A/B Test Variant Distribution

Split Delivery

With split delivery, you can decide what percentage of your audience receives each pop-up variant for the duration of the campaign.

2344

Split Delivery Variant Distribution

By User Property

If you would like to send different message variants to your target audience based on the user properties they possess, this campaign type is your best bet. A good example would be when you want to send a localized update to people based on their preferred language.

Similar to creating A/B test variants, you can use the + Variant button to add multiple variants based on a user property value. In the example below, we have used the Language user property so users with different language preferences will receive corresponding copies of the campaign in their preferred language.

2320

Message Variant by User Property

Define the Web Pop-up Message Content

After you select a particular message type, you need to choose a template. CleverTap supports three types of templates for Web popup creation - Basic, Ratings, and Custom HTML.

1740

Web Popup Templates

  • Basic Templates

    At a high level, one can choose from three styles of popup layouts available under Basic Templates:

    • Box - It's a small popup that can be placed at the desired corners of the browser window.
    • Banner- It's a wide horizontal popup that can be either placed at the top or bottom of the browser window.
    • Interstitial - It's a center-aligned popup particularly used for driving better engagements.
  • Ratings Template

    Marketers can now create feedback-related popups (Interstitials only) for their website users using the Ratings Template.

    Marketers can now create two types of rating templates for gaining feedback from their customers:

    • User Rating Popup

    • NPS Popup

      The images below represent a sample user rating popup and NPS popup.

1200

User Rating Popup

1276

NPS Popup

Marketers get the complete flexibility to explicitly define the rating scale, style, its shape (Star, Heart, Emojis), labels, and the overall content of the popup. One can also choose to add a comment box to get accurate user feedback/comments.

1710

Define Element Style

Besides, additional styling such as the background color of the notification, text color, button color, and the color of the rating scale is also possible from the editor as shown in the image above. Refer to the Analysing User Rating document to learn more about tracking and monitoring user rating data.

The web popup notification text fields shown below can be personalized for every user based on specific user property or event property values. For more information, refer to User Profiles.

Enter all the required information.

2862

Personalize in Editor

🚧

Browser Considerations

Some of the optional items only apply to a certain browser, such as Firefox, Chrome, or KaiOS.

  • Custom HTML Templates

    Users have a choice to customize their popup's appearance for the Box, Banner, and Interstitial templates. One simply needs to insert the custom HTML scripts for the respective template layout in the HTML editor.

🚧

Manually Configured Click Tracking?

If you are already raising the Notification Clicked event manually in your template, then ensure to disable the Enable click tracking for Custom HTML checkbox to avoid overcounting.

To track the campaign stats, such as the number of total clicks and CTRs, marketers need to ensure that they check mark the Enable click tracking for Custom HTML checkbox.

1510

Track Campaign Stats

Preview

Once you are all done setting up the content of your Web Popup campaign in the What section, you have the option to preview how your popup would look to your end-users.

Click Preview button from the message editor to get a preview of your created web popup.

Define the Campaign Schedule

Each web popup campaign needs to be scheduled to run actively for a specific timeline. To define the schedule for your popup campaign, you need to specify the Start date and time and End date and time. You also have the option to start a campaign immediately by selecting Now. Besides, you can also define a delay (by seconds, minutes, hours, or days) once a user qualifies for the target segment. Once you define the schedule and click on Done, the campaign will be triggered and terminated as per the defined timings.

1904

Campaign Schedule

Delivery preferences

In certain scenarios, you might not want a campaign to run actively on a particular day and time. In such cases, you can set the frequency for that particular campaign.

Finally, you can specify how often users receive the campaign: Bypass global campaign limits by selecting the Exclude from campaign limits option from the dropdown or choose the appropriate cadence on how often to send your campaign.

1298

Delivery Preferences

📘

Global Session Limits

In the global campaign limits, when you want to show 'x' web popups per session, it actually applies to 'x' distinct web popup campaigns, not the same web popup campaign.

As per CleverTap's web SDK, for a given web popup campaign, it will only be shown once per session.

Publish Campaign

After previewing the appearance of your campaign, finalize your campaign by clicking Publish Campaign.

1193

Publish Campaign

Assigning Priorities for Web Pop-up Campaigns

After publishing the campaign, marketers can assign the priorities to specific campaigns to avoid random delivery of popups. This means, If multiple web popups are scheduled to go live for the same web page at the same time, the priority order defines the order in which the popups are to be shown.

To assign the priority:

  1. Navigate to the Campaigns dashboard and select the specific campaign from the campaign list.
  2. Click the Web priority marker icon below each campaign to open the priority list.
1848

Assign Priority to Web Popups

  1. Set the Priority as per your choice and click Save.
1780

Priority List