Integrate T&Cs checkbox with UPViral Embed Code
€8-30 EUR
Pagato alla consegna
Hi,
we are running a refer a friend campaign using a tool named UpViral. This tool can generate landing pages but we decided to integrate it on our website.
There is two way you can integrate it:
1. an iframe widget;
2. HTML code (an input form).
We are using the latter as it gives much more styling and control over the frontend.
We have integrated the HTML form on a landing page hosted on our website (which runs on wordpress + woocommerce).
Prospects can leave their email address. Unfortunately UpViral HTML embed code does not come with T&Cs checkboxes so what we want to do is to achieve the following behaviour:
1. prospect writes its email address, does not flag the checkbox, presses the send button => button must be disabled and show an error message "Please accept the T&Cs"
2. prospect writes its email address, flags the checkbox, presses the send button => button works and the form captures the lead.
3. prospect does not fill the email field and presses the send button => button must be disabled and show an error message "please write your email"
The current situation is that we have no checkbox for T&Cs, so prospects can just write their email and click on the button to proceed.
This is the code provided by upviral
1) HTML code to put in the <body> tag of the landing page:
<form name='upviralForm54176' id='' method='post' action='[login to view URL]'>
<div class='form-group'>
<label>Name</label>
<input type='text' name='name' class='form-control' value=''>
</div>
<div class='form-group'>
<label>Email Id</label>
<input type='text' name='email' class='form-control' value=''>
</div>
<div class='form-group'>
<label></label>
<input type='submit' name='upviralsubmit' value='Submit'>
<input type='hidden' name='reflink' value=''>
</div>
</form>
2) code to be added on footer / header of the landing page
<script>[login to view URL] = { camp : 'GA8A$$' }</script>
<script language='javascript' src='[login to view URL]'></script>
3) code to be added on the thank you page:
<iframe class="uvembed54176" frameborder="0" src="[login to view URL]"></iframe>
<script>
[login to view URL] = {
camp: "GA8A$$",
widget_style:'iframe',
width:"500px"}
</script>
<script language="javascript" src="[login to view URL]"></script>
Rif. progetto: #17380369