These docs are for v1.0. Click to read the latest docs for v2.0.

Web Message

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

Campaign Listing Page

842
  • 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

1334
  • 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.

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

875

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

1339

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.

📘

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.

1314

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. Smartech 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.
1273
  • Select an activity.
  • Select yes/no for activity performed.
  • Select the payload parameter for that activity(optional).
  • If 'no' for activity performed selected, then specify wait time(Will remain selected by default).

📘

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.
926

📘

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.
1322

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 smartech cookies.

  • Exit Intent - when Visitor is about to exit the website, will be shown web message in case if Exit Intent Enabled.

  • 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.

📘

  • 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

815
  • 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

1335
  • 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.

1326
  • 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.
1321
  • 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 - Open Thankyou Page(In case of form templates) 2. Exit and close 3. 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.)

1317
  • 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/

1326
  • 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.
1320
  • 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.
1323
  • Form - This option will come up only in case of Form Templates. You System's Primary Key will be visible. Text message alignment in case of both error and placeholder. 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. Placeholder Text 3. Error Message Selection and Text 4. Attribute Mapping(A mandatory Field. Mapping will be to the attribute saved in the panel.

📘

  • 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.

1094

Schedule Section

823
  • 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 - Select Webhook(The same can be configured under webhook section of Assets) from Dropdown. URL and Form details will be sent over to the Client's CRM if this option selected.

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.


Next

Web Message Dashboard