Integrate T&Cs checkbox with UPViral Embed Code

Chiuso Pubblicato 5 anni fa Pagato alla consegna
Chiuso 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>

CSS HTML JavaScript PHP WordPress

Rif. progetto: #17380369

Info sul progetto

2 proposte Progetto a distanza Attivo 5 anni fa