Web Message

Step by Step Explanation of how to create a Web Message.

Campaign Listing Page

  • Go to Dashboard Button - Clicking on this button will take you to the Web Message Dashboard(Insight > Dashboards & Reports > Web Message).

  • Create Campaign Button - Clicking on this button will take you to the setup of the page of the newly created campaign.

  • Filter Based on Date - This filter will help you to filter the campaign based on their modified date. Predefined filters based on recent(Default), last 30 days, last month, etc is available. Also, you can set a custom range as well.

  • Status - There are four statuses available - Running, Paused, Scheduled and Completed. By default campaigns of all these statuses will be visible.

  • Tags - View campaigns associated with the selected tags. By default campaigns associated/not associated with tags will be visible.

  • Show Draft Campaigns - To view the campaigns which are work in progress, click on "Show Draft Campaigns".

  • Download Reports - Either download a summary report of all the campaigns or the selected ones(A popup asking to either select the Email Id from Dropdown or enter custom Email Id. Along with this select Date Range and Interval). Total Views, Unique Views, Total Clicks, Closes, and Responses will be visible in the Downloaded Summary Report.

  • Percentage and Hash Switch - Hash Switch(By Default) will show the numbers of View and Clicks. Percentage Switch will show the Click/View percentage in the Click column.

  • The Campaign Name section will have Campaign Name, Campaign ID and Status. Control Group tag in case the same has been Enabled for that campaign. Clicking on the campaign name will show the preview of the campaign.

  • Hamburger Menu - Clone option(In all statuses), Edit option(In Draft only), Play/Pause Option(In case of Running/Paused Campaign), Control Group Reports(In case of Control Group enabled Campaigns), Download Responses(In case of form templates) and Edit option(In case of paused campaigns).

  • Modified Date and Time - This is the Date and Time which reflects the last time you made saved changes to a Draft Campaign.

📘

  • If any campaign in running and then the status is changed to pause, then, in that case, the Campaign will become editable. Campaigns in Schedule and Draft status will also be editable.

  • For reports such as Summary Report, custom email id has to be entered for download. Detailed reports such as Download Responses and Click/View Report, Download will be available for the Email Ids in the Dropdown.

  • Control Group report will consist of a comparison of the campaign with the control group and campaign with no control group. The comparison will be measured on Conversions/Sessions.

Setup Page

  • Campaign Name - This is a mandatory field and will be used as the identifier for the campaign. Character limit is that of 75.

  • Website - A mandatory field where you select the website, where you wish to run the web message. If in case of one website, then by default that will remain selected. If in case of no website then a link to Web Asset, where you can enter your website details to be visible here.
    If you want your campaign to run on various websites at the same time, you can select multiple websites as well.

  • Tags - This field is optional. You can create or use existing tags for grouping relevant campaigns. Up to 5 max tags allowed.

Advance Features

Conversion Goal:

  • Select the 'activity' name which defines the purpose of the web message campaign.

  • Specify selected activity's payload parameter which acts, as a rule, to filter/consider activities within specified parameters (optional).

  • You can add up to 5 payload parameters
    Control Group

  • The control group is defined as the group in an experiment or study that does not receive communication by the marketer and is then used as a benchmark to measure how the other tested subjects do.

  • You can define the percentage of the control group, who shall not receive (or see) the web message

Use Case - You wish to know how much effective Web Messages are in pushing the users to add high-value products to carts. You select '5%'(5% audience won't be shown web message), and select 'Add to cart' as activity and 'cart value more than 5000' as payload parameter. This will help you measure whether more add to cart events were being triggered by web message or not.

📘

As of now users cannot set conversion goals independent of the Control Group.

Audience Page

Where To Target

  • Anywhere on Website - Whichever section of your website the user lands on, Web Message will be shown to the user.
  • Specific URLs - Web Message will be shown in the Specific URL/Part of URL specified.
  • Regex (regular expression) has been implemented here in order to enable various domains selected in the setup phase, so that web messages are shown in a consistent manner across numerous websites, regardless of domains.

📘

Click here to become familiar with the various syntaxes used in regex.

📘

In case of 'Equal to', 'Not Equal to' and 'Starts with' should have the complete URL consisting of the website selected in the Setup Part is to be entered.

Whom to Target

  • Identified/Anonymous - Target either all(Default) visitors on your website or Target Either Identified Ones or Anonymous ones.

  • New/Returning - Target either all(Default) visitors on your website or the new ones or the returning ones. This will also work with either Identified or Anonymous case as well.

  • User Technology - By default in All Browser and Devices the web message will be shown.
    Specific - In case of Devices you can select between Mobile, Desktop and Tablet. In the case of Browsers, you can select between Chrome and Firefox.

  • Location - A web message can now be targeted towards users from a particular location. CEE is capable of setting audiences on the basis of the location where the client wants to show the web message. This targeting is available on the basis of three parameters, user's city, region or country.

Based on User Activities

Activity-based Targeting - Show web messages to users based on whether they perform a particular activity or not.

Use Cases -

  1. Diminish the chances of cart abandonment by showing web messages to users with offers at the time of exit-intent by users.
  • User adds a product to the cart
  • User doesn't do checkout in next 30 seconds
  • User shows intent to exit.
  • Show web message to the user to entice them in making a purchase.
  1. Cross-sell/Upsell products/services
  • User views a product.
  • User spends 30 seconds on the website without taking any further action.
  • User shows intent to exit.
  • Show a web message to the user with an offer to entice then in adding a product to the cart.
  • Select an activity.
  • Select yes/no for activity performed.
  • If 'no' for activity performed selected, then specify wait time(Will remain selected by default).
  • Select the payload parameter for that activity(optional).

  • Once selected, you will have the option to apply this rule in 3 ways

    • All - if end user does/does not do the selected activity, then the web message will show
    • Any - if the end user does/does not do the selected activity along with other activities, then web message will show
    • Latest - If end user summited a lead and after 15 min again submitted a lead and if they are set to receive the web message after 30 mins, then only latest submitted lead will be considered

📘

Activity Based Targeting

  • No 2nd activity can be selected if the first activity selected is 'not performed'.
  • If the second activity selected is 'not performed', then the condition between the activities will by default remain 'and'.
  • 'Not performed' activity will have 'wait time' selected by default. If wait time deselected then the not performed condition will get satisfied with the end of the current session.
  • This is to be used for ad hoc targeting purposes.

Select Lists/Segments for Targeting

  • Show web messages to users based on the historical activity they have performed across channels.
  • Either select lists/segment from the dropdown or enter the name of the lists/segments which is to be selected.

Use case -

  1. A user clicks an email and lands on the website. The user spends sometime on the website and then shows an intent to exit. Show a web message at this instance to complete the conversion cycle.

📘

Lists/Segments

  • Segment refresh happens once every day.
  • Targeting can be done based on any activity/attribute falling in that segment/list across channels such as Email, SMS, APN, BPN & In-app.
  • Maximum 5 lists/segments can be selected at a time.

When to Target

  • Visit a Website - By default, this option will remain selected. In this case, any visitor who is on your website will be shown the web message.

  • Last Seen - Web message is to be shown to the users who were last seen on your website x(Any numeric value) time(Hours, days, weeks, months and Years) ago.

  • Cookies - Show web message to users based on their cookies.
    Use Case - Enter Key as Location and Operator(Starts with, Ends with, Not equal to, Contains & Does not contain) as Equal to and Value as Mumbai. In this case, users in Mumbai will be shown on the Web Message. Note - The Key needs to be the same as being passed in the Cookie.
    Cookies based targeting works on both clients as well as CEE cookies.

  • Exit Intent - when Visitor is about to exit the website or a mobile website, will be shown web message in case if Exit Intent Enabled.
    Here are the signals used to trigger the same:

    • (Website & Mobile Website) Scroll - If a user scrolls down on a website and comes back up to the header, then this will get triggered.
    • (Website & Mobile Website) Tab Switch - If a user switches to a new tab, the web message will pop up on the old tab
    • (Website) Mouse movement toward close button or tab switch - If a user moves to browser header (to close or switch tabs), web message will popup on the old tab
    • (Mobile Website) Back button click - if a user click on back button on the specified URL, web message will popup on the same tab
      - If a user is pressing back to visit another page of the same website, this signal will not work
      - User needs to perform some action, tap, scroll down, etc. before pressing the back button for the signal to work
      - This signal does not recognize the swipe action available in safari browser to go back
  • Referral
    Facebook and Google - If the referral of the user is either Facebook or Google, then the user will be shown the Web Message.
    Source URL - Enter the source URL, from where if the visitor comes, then the same visitor is to be shown web message. Note - The source URL has to be part of the website where the web message is to be shown. At max 5 Unique URLs can be entered. And/Or condition in between in case of whether either one URL validation or multiple URLs validation.

  • Page Views - Show web message to visitors based on no. of page views.

  • Scroll - Show web message to visitors based on scroll percentage of the website.

  • Time of Day - Set the Day and TIme when the Web Message is to be shown to the visitor.

Use Case - Visitors are to be shown Web Message from Monday to Friday from 8 at night to 6 in the morning. For setting up the same select day as 'Mon-Fri' and 'time' as '8 pm -12 am'. Add another Time of Day and select the same day and now time as '12 am - 6 am'.

  • Time spent on Page - Show web message to visitor post spending the specified time on a particular page.

  • Time spent in Session - Show web message to the visitor post spending the specified time in the session.

  • User Idle time - (Website & Mobile Website) Marketer can set a time limit in which if a user does not perform any click/scroll/movement, then they will be targeted with the web message

📘

  • AND condition between Where, Whom and When to Target Conditions. Within Whom to Target, also AND condition.

  • One Session concludes post a Tab is closed. If in the same tab and inactive for 30 minutes, then also a session concludes.

  • In a single session, a single web message will be shown.

  • Web Messages of any layout will be visible one at a time. The campaign created recently will be visible first. Post-closing the first one, then will the second one will be visible.

Content Section

Template Selection

  • Select template from following Layout Options - Banner, Sticky Bar, Modal and Fullscreen. Each Layout consists of 10 templates(Fullscreen has 5 templates, to begin with). Each template is different based on use cases.

  • Filter the template within a layout based on System or User Template or based on use case which are Product Information, Lead Generation and Product Offers.

  • A template can be Previewed and then select for Editing.

  • Campaign name, Campaign use case, campaign id, and campaign description will be visible with the campaigns.

  • Back to Template Editing Arrow - This arrow will take you back to editing. The same template will remain selected with the done editings.

  • One of the templates in case of Banner is an image only template. That template can be used as a modal as well. Height(150-750) and width(150-500) of the template can be adjusted based on the image size.

📘

  • Sticky Bar Templates are of following sizes - 55px(For text-only templates), 60px(For Image templates) and 65px(For form Templates).

  • For Banner Templates size at min and max will be - Width(150-750px) & Height(150-750px).

  • For Modal Templates, Maximum Size will be Width - 1000px and Height - 750px.

  • For all templates, maximum image size allowed is 500KB when you upload the image. If you wish to use larger size images, you can use a self-hosted image url feature

  • If none of the templates provided is satisfying the use case, then an HTML in accordance with the use case can be shared. Follow the Guidelines as to how the HTML is to be written - https://docs.google.com/document/d/1HKvOjEtvZi9DfV217oA8u-B79mJ-ETF2tNVpvU8mztg/edit?usp=sharing

  • In the case of Image only template(Banner), set the size of the background of which the image is to be uploaded.

Template Editing

  • Back to Template Selection Button - This will take you back to template selection to select any other template for editing.

  • Save Template Icon - Save a template for future use. The same will be visible under the user template section of template selection. Once saved with a name then it will just be autosaving with the same name given.

  • Page Numbers(In case of form templates only) - This number will come up in case of form templates. The first by Default will be Form. The second represents the thankyou page. Clicking on the thank you section as well open up that page as well.

  • Desktop/Mobile Switch - By default, the Desktop View will be there. Switching to Mobile View will disable editing capability.

  • Live Preview - Live preview will let you preview the web message created on your website. By default, the website selected will come up in the background. You can enter a custom URL and preview the web message on that particular website as well.
    Note - In some cases, a website might not open. In such cases, those websites block their upload on Live Preview iframe.

  • Appearance -

  1. Choose Position (In case of Sticky Bar and Banner only) - You can select between the top (Default) and bottom position in case of a sticky bar. Select between corner 8 positions of the screen in case of Banner (By default it is bottom right corner).
  2. Overlay (In case of the sticky bar, modal, and banner) (Optional) - Select overlay in case of giving a background to the message. By default, the opacity will be 50%. Color can be selected (By default it will be grey).
  3. Animation (Optional) - Select from 10 animations. Applicable in case of all layouts.
  4. Web Message over the Website (Will remain checked by default) - In case of Sticky Bar only.
  • Image(Option comes up in case of templates with image only) - By default, an image will be there(Template Specific). The image can be changed either by URL or Upload Image. This is optional so you can deselect the image. Note - Try to upload image according to the dimensions specified for proper image visualization. A GIF can also be uploaded.
  • Call to Action - Call to Action Button is optional. The predefined text will be there. Adding more text will adjust the Button accordingly. Color of the button can be changed in three ways.
  1. Standard Color
  2. Gradient Color
  3. Border Color.
    Three button type options also are given. Drop Shadow provision(If to give background to the CTA). Following actions can be specified -
  4. Open Thankyou Page(In case of form templates)
  5. Exit and close
  6. Open Link page - Enter correct and complete URL to send the user to the associated page if CTA clicked. Select either to send the user to the next page or open the link in the same page.

Errors will be thrown in case of following CTA URL Validations

  1. No ampersand immediate after the question mark.
  2. UTM parameters not in caps(To be released by may.)
  • Text - It is an Optional Field. Enter and change the text as per your wish. If an increase in the text length, the same will happen within the visible text frame. If two separate text frames, then two separate editings as well. The editing capability will consist of Font type, Font Size, Font Alignment, Font Color, etc.

📘

  • In cases, where you wish to add an href link to the text, the same can be handled via entering the HTML of that text in the text input area.

  • For Eg - You wish to enter the following text - 'Input text area' where 'Input' has an href link. Simply put the following HTML of the same in the text area. Preview on the left-hand side will give an idea as to how the same will appear.

  • Use the following tool if wish to convert text to HTML - https://wordtohtml.net/

  • Close Button - To begin with a simple editing capability where a switch between icon and text can be done along with color change. Note - This is a mandatory component.
  • Background Editing

Background of a web message can be edited with the following editing capability - Color change, Gradient Color change and Upload Image/GIF(Specifications will be specified). Rounded Corners(20 px) provision.
In case of an Image only template(Banner), the height(150-750 px) and width(150-500 px) adjustment provision. along with 3 options under "Action on click"

  1. Redirect to URL & Open in same tab
  2. Redirect to URL & Open in new tab
  3. Close the message - Let your users close the web message by clicking anywhere on the image.

These 3 "Action on click" options are also available for Product Information template (ID 44)

  • Form - This option will come up only in case of Form Templates. You System's Primary Key will be visible. Error Message Color, Border Color, and Text Color/placeholder color will all be common to all the Fields.
    Field-specific editing option will be following
  1. Use this Field or not
  2. Mark this field as mandatory or not
  3. Placeholder Text
  4. Error Message Selection and Text
  5. Attribute Mapping (A mandatory Field. Mapping will be to the attribute saved in the panel)

In case you have a primary key which is not email or mobile no. OR you want to run a form type web message without the panel primary key, please make sure you are calling the below event at the time of login or wherever the primary key gets generated. Make sure you call this again at login or register page

smartech('identify', {{Replace Unique customer identifier value here}});

Data for identified users will be available in contact master as well as reports
Data for anonymous users will be available only in the reports

📘

Note - Form type web messages

  • Identified and anonymous details, both in download response

  • Form submitted(Consisting of Primary Key) will make user identified at the panel level

  • If an already identified user, then captured anon data will be mapped with the identity.

  • Error Message Validation is in case of Blank input area and datatype validation works in case of Email and Mobile Only.

  • "Mark this field as mandatory" option is by default checked & when a user unchecks this option the field of Error message gets disabled.

  • Option to make a field optional is not available in case of Form type templates where there is only one field available

  • In case of multiple field form type message, at least one field has to marked mandatory & will be mapped with primary key (The field against which the primary id of the panel is marked as an attribute to be captured can’t be kept as optional)

Schedule Section

  • Campaign Start Date
    You can schedule the campaign to start Immediately or
    You can schedule the campaign to start from a future date

  • Campaign End Date
    You can schedule the campaign to continue for a long duration if you do not have a definite end date or
    You can schedule the campaign to end on a specific date.

Following three options are available on a selection of the Advance Settings

Webhook - Here you can select a preconfigured Webhook from the dropdown. URL and Form details will be sent over to the your webhook end point (e.g. your internal CRM) if this option selected. To know more about how to configure a webhook under Assets section - click here

Skip Web Message on destination pages – You may not want to display the Web Message on the destination page, that is, the page where the contacts land on clicking the Web Message. You can specify your choice here.

The maximum number of times the message should be shown – Provide the number of times the message should be displayed to contact in multiple sessions unless the campaign is acknowledged(Clicked). If this option note selected then the web message will be shown as many times unless not acknowledged.

📘

  • You can now either Save the campaign in the Draft status and continue editing further.

  • To make the campaign live click on the Preview option.

  • The preview section would provide an overview of the entire campaign for your confirmation.

  • If everything looks alright click on Publish to make the campaign live.

  • CTA Buttons for moving to next page remain disabled if some important field/Validation not being satisfied.

📘

Stackable Popups!

Now you can have more than 1 web message live on the same page of your website.

  • Create & publish multiple web message campaigns.
  • The web messages will be stacked in the below mentioned sequence:
  • Full screen, Modal, Sticky bar, and Banner template*
  • You cannot have two web messages of the same type at the same time on the same page
  • The priority in which what gets shown is decided on the date on which the message/campaign is deployed

Did this page help you?