Integration with Act-On Forms

If you are using Act-On web forms to capture leads on your website, you need to do a minor customization to the web forms so that the two fields required by the AdIntel App are populated properly when the visitor submits the form. The update of the two AdIntel fields is done in the doSubmit handler of the standard javascript code provided by Act-On.

Prerequisites:

You have included the following AdIntel javascript in your web site (template), just before the body tag:

<script type='text/javascript' src='https://success-software.biz/adintel/ss_adintel.js'></script>
</body>

Act-On is integrated with your Salesforce CRM org and configured to push leads/contacts captured from web forms to Salesforce.

Procedure:

Ensure that the Contacts are optimized for Salesforce so that the two AdIntel fields (Landing URL and Referral URL) show up in Act-On Contacts interface (Contacts -> Standard Field Names). If you do not see them, click the Optimize for Salesforce.com button.
Create the web form as you normally do with the Act-On form builder (Content -> Forms -> New Form).
Add the AdIntel fields Landing URL and Referral URL as hidden fields to the form.
In the next screen under Sign-ups to Salesforce section, enable the option Push Sign-up Data to Salesforce when someone submits this form.
In the next screen, ensure that the fields Landing URL and Referral URL under the Form Field Name column map to the corresponding names in the List Column Name column.
Make any other necessary customizations and Save the form.
Hover the mouse on the form in the Forms folder and select the Get Public URLs option.

AdIntel Act-On Integration

Hover the mouse on the section titled Default and click the Get Code option.
Follow the instructions in the code and implement the form on your website accordingly.
In the form code, note the ids assigned by Act-On to the two AdIntel input fields Landing URL and Referral URL.

In the doSubmit javascript function provided by Act-On, add the following two lines right before the call form.submit();

formElementById(form, 'form_0001_fld_0').value = AdIntelGetLandingUrl(); formElementById(form, 'form_0001_fld_1').value = AdIntelGetReferralUrl(); form.submit();

Ensure that you have replaced form_0001_fld_0 and form_0001_fld_1 with the appropriate ids noted in Step 10.
Make a complete test of the web form to check that the AdIntel fields are being populated properly, and the data is being copied to Salesforce as a lead / contact.
Done. AdIntel is now integrated with your Act-On web form. Please repeat this procedure for all other Act-On forms.

Example:

Click here to see the sample form in action.

<html>
<!-- ======================================================================================= -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="https://success-software-dev.actonservice.com/acton/form.css">
<link rel="stylesheet" type="text/css" href="https://success-software-dev.actonservice.com/acton/formNegCap.css">
<script type="text/javascript" src="https://success-software-dev.actonservice.com/acton/form/16714/0001/form.js">
</script>
<script type="text/javascript">
function formElementSerializers() { function input(element) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': return inputSelector(element); default: return valueSelector(element); } };
function inputSelector(element) { return element.checked ? element.value : null; };
function valueSelector(element) { return element.value; };
function select(element) { return (element.type === 'select-one' ? selectOne : selectMany)(element); };
function selectOne(element) { var index = element.selectedIndex; return index < 0 ? null : optionValue(element.options[index]); };
function selectMany(element) { var length = element.length; if (!length) return null; var values = []; for (var i = 0; i < length; i++) { var opt = element.options[i]; if (opt.selected) values.push(optionValue(opt)); } return values; };
function optionValue(opt) { if (document.documentElement.hasAttribute) return opt.hasAttribute('value') ? opt.value : opt.text; var element = document.getElementById(opt); if (element && element.getAttributeNode('value')) return opt.value; else return opt.text; };
return { input: input, inputSelector: inputSelector, textarea: valueSelector, select: select, selectOne: selectOne, selectMany: selectMany, optionValue: optionValue, button: valueSelector };
};
var requiredFields = new Array(); var requiredFieldGroups = new Array(); addRequiredField = function (id) { requiredFields.push (id); };
addRequiredFieldGroup = function (id, count) { requiredFieldGroups.push ([id, count]); };
missing = function (fieldName) { var f = document.getElementById(fieldName); var v = formElementSerializers()[f.tagName.toLowerCase()](f); if (v) { v = v.replace (/^\s*(.*)/, "$1"); v = v.replace (/(.*?)\s*$/, "$1"); } if (!v) { f.style.backgroundColor = '#FFFFCC'; return 1; } else { f.style.backgroundColor = ''; return 0; } };
missingGroup = function (fieldName, count) { var result = 1; var color = '#FFFFCC'; for (var i = 0; i < count; i++) { if (document.getElementById(fieldName+'-'+i).checked) { color = ''; result = 0; break; } } for (var i = 0; i < count; i++) document.getElementById(fieldName+'-'+i).parentNode.style.backgroundColor = color; return result; };
var validatedFields = new Array(); addFieldToValidate = function (id, validationType, arg1, arg2) { validatedFields.push ([ id, validationType, arg1, arg2 ]); };
validateField = function (id, fieldValidationValue, arg1, arg2) { var field = document.getElementById(id); var name = field.name; var value = formElementSerializers()[field.tagName.toLowerCase()](field); for (var i = 0; i < validators.length; i++) { var validationDisplay = validators[i][3]; var validationValue = validators[i][1]; var validationFunction = validators[i][2]; if (validationValue === fieldValidationValue) { if (!validationFunction (value,arg1,arg2,id)) { field.style.backgroundColor = '#FFFFCC'; alert (validationDisplay); return false; } else { field.style.backgroundColor = ''; } break; } } for (var i = 0; i < implicitValidators.length; i++) { var validationDisplay = implicitValidators[i][0]; var validationValue = implicitValidators[i][1]; var validationFunction = implicitValidators[i][2]; if (validationValue === fieldValidationValue) { if (!validationFunction (value,arg1,arg2,id)) { field.style.backgroundColor = '#FFFFCC'; alert (validationDisplay); return false; } else { field.style.backgroundColor = ''; } break; } } return true; };
var r = ''; formElementById = function(form, id) { for (var i = 0; i < form.length; ++i) if (form[i].id === id) return form[i]; return null; };
doSubmit = function(form) { try { if (typeof(customSubmitProcessing) === "function") customSubmitProcessing(); } catch (err) { } var ao_jstzo = formElementById(form, "ao_jstzo"); if (ao_jstzo) ao_jstzo.value = new Date().getTimezoneOffset(); var submitButton = document.getElementById(form.id+'_ao_submit_button'); submitButton.style.visibility = 'hidden'; var missingCount = 0; for (var i = 0; i < requiredFields.length; i++) if (requiredFields[i].indexOf(form.id+'_') === 0) missingCount += missing (requiredFields[i]); for (var i = 0; i < requiredFieldGroups.length; i++) if (requiredFieldGroups[i][0].indexOf(form.id+'_') === 0) missingCount += missingGroup (requiredFieldGroups[i][0], requiredFieldGroups[i][1]); if (missingCount >
0) { alert ('Please fill all required fields. '); submitButton.style.visibility = 'visible'; return; } for (var i = 0; i < validatedFields.length; i++) { var ff = validatedFields[i]; if (ff[0].indexOf(form.id+'_') === 0 && !validateField (ff[0], ff[1], ff[2], ff[3])) { document.getElementById(ff[0]).focus(); submitButton.style.visibility = 'visible'; return; } } if (formElementById(form, 'ao_p').value === '1') { submitButton.style.visibility = 'visible'; return; } formElementById(form, 'ao_bot').value = 'nope'; formElementById(form, 'form_0001_fld_0').value = AdIntelGetLandingUrl(); formElementById(form, 'form_0001_fld_1').value = AdIntelGetReferralUrl(); form.submit(); };
</script>
<!-- ======================================================================================= -->
<!-- place exactly one copy of everything above these lines in the head section of your page -->
<!-- place everything below these lines in the body section of your page -->
<!-- ======================================================================================= -->
<body>
<form id="form_0001" method="post" enctype="multipart/form-data" action="https://success-software.biz/adintel/AdIntelFormHandler.php" accept-charset="UTF-8">
<input type="hidden" name="ao_a" value="16714" >
<input type="hidden" name="ao_f" value="0001" >
<input type="hidden" name="ao_d" value="0001:d-0001" >
<input type="hidden" name="ao_p" id="ao_p" value="0" >
<input type="hidden" name="ao_jstzo" id="ao_jstzo" value="" >
<input type="hidden" name="ao_cuid" value="" >
<input type="hidden" name="ao_srcid" value="" >
<input type="hidden" name="ao_bot" id="ao_bot" value="yes" >
<input type="hidden" name="ao_camp" value="" >
<link rel="stylesheet" type="text/css" href="https://success-software-dev.actonservice.com/acton/form/16714/0001/form.css">
<div id="ao_alignment_container" class="aoFormContainer" align="center">
<table class="ao_tbl_container" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="ao_tbl_cell" style="padding-left: 10px; padding-right: 10px" align="center">
<div align="left">
<input type="hidden" id="form_0001_fld_0" name="Landing URL" value="">
</div>
</td>
</tr>
<tr>
<td class="ao_tbl_cell" style="padding-left: 10px; padding-right: 10px" align="center">
<div align="left">
<input type="hidden" id="form_0001_fld_1" name="Referral URL" value="">
</div>
</td>
</tr>
<tr>
<td class="ao_tbl_cell" style="padding-left: 10px; padding-right: 10px" align="center">
<div class="formField">
<div class="formSectionDescription">
Enter instructions for the user here</div>
</div>
</td>
</tr>
<tr>
<td class="ao_tbl_cell" style="padding-left: 10px; padding-right: 10px" align="center">
<div align="left">
<div class="formField">
<table cellspacing="0" cellpadding="0">
<tr>
<td class="sideBySideCell formFieldLabel" >
<label for = "form_0001_fld_3_fn">
First Name</label>
</td>
<td class="sideBySideCell formFieldLabel" style="padding-left: 5px">
<label for = "form_0001_fld_3_ln">
Last Name</label>
</td>
</tr>
<tr>
<td class="sideBySideCell" >
<input type="text" class="l6e formFieldText formFieldMediumLeft" id="form_0001_fld_3_fn" name="First Name" value="">
</td>
<td class="sideBySideCell" style="padding-left: 5px">
<input type="text" class="l6e formFieldText formFieldMediumRight" id="form_0001_fld_3_ln" name="Last Name" value="">
</td>
</tr>
<tr>
<td>
 </td>
</tr>
<tr>
<td class="formFieldLabel sideBySideCell">
<label for = "form_0001_fld_3_em">
Email Address</label>
</td>
</tr>
<tr>
<td colspan="2">
<input type="Email" class="l6e formFieldText formFieldLarge" id="form_0001_fld_3_em" name="E-mail Address" value="">
</td>
</tr>
</table>
</div>
<script type="text/javascript">
if (typeof(addFieldToValidate) != 'undefined') { addFieldToValidate ('form_0001_fld_3_em', 'EMAIL'); } </script>
</div>
</td>
</tr>
<!-- BUTTONS -->
<tr>
<td>
 </td>
</tr>
<tr>
<td style="padding-bottom: 10px" align="center" id="form_0001_ao_submit_button">
<input id="form_0001_ao_submit_input" type="button" name="Submit" value="Submit" onClick="doSubmit(document.getElementById('form_0001'))">
</td>
</tr>
<tr class="formNegCap">
<td>
<input type="text" id="ao_form_neg_cap" name="ao_form_neg_cap" value="">
</td>
</tr>
</table>
</div>
<img src='https://success-software-dev.actonservice.com/acton/form/16714/0001:d-0001/pgend.gif' width='1' height='1'>
</form>
<!-- The following AdIntel script needs to be included in your web site template before the closing body tag -->
<!-- This script sets the values for the two hidden fields ads__landing_url__c, ads__referral_url__c when the form is submitted -->
<script type='text/javascript' src='https://success-software.biz/adintel/ss_adintel.js'></script>
</body>
</html>

Home | Previous | Next