Create InApp Surveys via CleverTap using custom HTML


#1

Create an InApp Campaign in CleverTap Dashboard. In the ‘What’ section of the InApp campaign creation step, select the ‘Custom’ tab. Click on ‘Source’ and paste your HTML code there.

Unselect the ‘Source’ tab to view the InApp campaign render on the dashboard.

Here is sample custom HTML for reference:

<title></title>
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhaina" rel="stylesheet" />
<style type="text/css">body {
font-family: 'Baloo Bhaina', cursive;
margin: 0;
padding: 0;

background-color: rgb(225, 245, 196);
   background-image: linear-gradient(to left, rgb(237, 229, 116), rgb(225, 245, 196));
}
input[type="submit"] {
    padding: 10px;
    border: 0;
    display: block;
    width: 120px;
    margin: 10px auto;
    background-color: #506;
    color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
}
.title {
   font-size: 20px;
    text-align: center;
    margin: 20px 0;
}
.logo {
width: 80%;
margin: 20px auto;
display:block;
}
</style>
<form action="wzrk://this_link_leads_to_nowhere" method="GET">
<div class="title">How was your experience watching this video?</div>

<p><input name="wzrk_c2a" type="submit" value="Excellent" /><input name="wzrk_c2a" type="submit" value="Average" /><input name="wzrk_c2a" type="submit" value="Disappointing" /></p>
</form>

Finding out the Survey results:

CleverTap raises events out-of-the-box as soon as the InApp notification has been viewed and/or clicked. You can find out the number of clicks each survey option got by:

a. Go to Events in the left nav, and search for the event ‘Notification Clicked’. Filter this event by property ‘Campaign ID’ and enter the campaign id of the InApp surgery campaign. Hit ‘View Details’

b. Under the ‘Trend and Properties Tab’, scroll to the histogram section that let’s you filter by event properties. Select ‘wzrk_c2a’ as the event property, and then you will be able to view the stats for each survey option selected:

You can also create in-app surveys via CleverTap using the InApp Builder - Create InApp Surveys via CleverTap using the InApp Builder


Create InApp Surveys via CleverTap using the InApp Builder