<!– Note :
– You can modify the font style and form style to suit your website.
– Code lines with comments Do not remove this code are required for the form to work properly, make sure that you do not remove these lines of code.
– The Mandatory check script can modified as to suit your business needs.
– It is important that you test the modified form before going live.–>
<div id=’crmWebToEntityForm’ class=’zcwf_lblLeft crmWebToEntityForm’ style=’background-color: white;color: black;max-width: 900px;’>
<meta name=’viewport’ content=’width=device-width, initial-scale=1.0′>
<META HTTP-EQUIV =’content-type’ CONTENT=’text/html;charset=UTF-8′>
<form action=’https://crm.zoho.com/crm/WebToLeadForm’ name=WebToLeads3691912000004851961 method=’POST’ onSubmit=’javascript:document.charset=”UTF-8″; return checkMandatory3691912000004851961()’ accept-charset=’UTF-8′>
<input type=’text’ style=’display:none;’ name=’xnQsjsdp’ value=’f420923456c0e910e94f7c453ca30e1320485671b7908d58941a549006da4638′></input>
<input type=’hidden’ name=’zc_gad’ id=’zc_gad’ value=”></input>
<input type=’text’ style=’display:none;’ name=’xmIwtLD’ value=’444737e1ffaa702106cd01d346a9f50cd769d6215fb1a686c820d78587c07692′></input>
<input type=’text’ style=’display:none;’ name=’actionType’ value=’TGVhZHM=’></input>
<input type=’text’ style=’display:none;’ name=’returnURL’ value=’https://crm.zoho.com/crm/org680159991/tab/Leads/custom-view/3691912000000087501/list’ > </input>
<!– Do not remove this code. –>
<style>
html,body{
margin: 0px;
}
#crmWebToEntityForm.zcwf_lblLeft {
width:100%;
padding: 25px;
margin: 0 auto;
box-sizing: border-box;
}
#crmWebToEntityForm.zcwf_lblLeft * {
box-sizing: border-box;
}
#crmWebToEntityForm{text-align: left;}
#crmWebToEntityForm * {
direction: ltr;
}
.zcwf_lblLeft .zcwf_title {
word-wrap: break-word;
padding: 0px 6px 10px;
font-weight: bold;
}
.zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea {
width: 60%;
border: 1px solid #ccc;
resize: vertical;
border-radius: 2px;
float: left;
}
.zcwf_lblLeft .zcwf_col_lab {
width: 30%;
word-break: break-word;
padding: 0px 6px 0px;
margin-right: 10px;
margin-top: 5px;
float: left;
min-height: 1px;
}
.zcwf_lblLeft .zcwf_col_fld {
float: left;
width: 68%;
padding: 0px 6px 0px;
position: relative;
margin-top: 5px;
}
.zcwf_lblLeft .zcwf_privacy{padding: 6px;}
.zcwf_lblLeft .wfrm_fld_dpNn{display: none;}
.dIB{display: inline-block;}
.zcwf_lblLeft .zcwf_col_fld_slt {
width: 60%;
border: 1px solid #ccc;
background: #fff;
border-radius: 4px;
font-size: 14px;
float: left;
resize: vertical;
}
.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
content: ”;
display: table;
clear: both;
}
.zcwf_lblLeft .zcwf_col_help {
float: left;
margin-left: 7px;
font-size: 14px;
max-width: 35%;
word-break: break-word;
}
.zcwf_lblLeft .zcwf_help_icon {
cursor: pointer;
width: 16px;
height: 16px;
display: inline-block;
background: #fff;
border: 1px solid #ccc;
color: #ccc;
text-align: center;
font-size: 11px;
line-height: 16px;
font-weight: bold;
border-radius: 50%;
}
.zcwf_lblLeft .zcwf_row {margin: 15px 0px;}
.zcwf_lblLeft .formsubmit {
margin-right: 5px;
cursor: pointer;
color: #333;
font-size: 14px;
}
.zcwf_lblLeft .zcwf_privacy_txt {
color: rgb(0, 0, 0);
font-size: 14px;
font-family: Arial;
display: inline-block;
vertical-align: top;
color: #333;
padding-top: 2px;
margin-left: 6px;
}
.zcwf_lblLeft .zcwf_button {
font-size: 14px;
color: #333;
border: 1px solid #ccc;
padding: 3px 9px;
border-radius: 4px;
cursor: pointer;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zcwf_lblLeft .zcwf_tooltip_over{
position: relative;
}
.zcwf_lblLeft .zcwf_tooltip_ctn{
position: absolute;
background: #dedede;
padding: 3px 6px;
top: 3px;
border-radius: 4px;word-break: break-all;
min-width: 50px;
max-width: 150px;
color: #333;
}
.zcwf_lblLeft .zcwf_ckbox{
float: left;
}
.zcwf_lblLeft .zcwf_file{
width: 55%;
box-sizing: border-box;
float: left;
}
.clearB:after{
content:”;
display: block;
clear: both;
}
@media all and (max-width: 900px) {
.zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {
width: auto;
float: none !important;
}
.zcwf_lblLeft .zcwf_col_help {width: 40%;}
}
</style>
<div class=’zcwf_title’ style=’max-width: 900px;color: black;’>prueba 10 febrero</div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’Company’>Empresa</label></div><div class=’zcwf_col_fld’><input type=’text’ id=’Company’ name=’Company’ maxlength=’100′></input><div class=’zcwf_col_help’></div></div></div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’First_Name’>Nombre<span style=’color:red;’>*</span></label></div><div class=’zcwf_col_fld’><input type=’text’ id=’First_Name’ name=’First Name’ maxlength=’40’></input><div class=’zcwf_col_help’></div></div></div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’Last_Name’>Apellidos<span style=’color:red;’>*</span></label></div><div class=’zcwf_col_fld’><input type=’text’ id=’Last_Name’ name=’Last Name’ maxlength=’80’></input><div class=’zcwf_col_help’></div></div></div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’Phone’>Teléfono<span style=’color:red;’>*</span></label></div><div class=’zcwf_col_fld’><input type=’text’ id=’Phone’ name=’Phone’ maxlength=’30’></input><div class=’zcwf_col_help’></div></div></div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’Email’>Correo electrónico<span style=’color:red;’>*</span></label></div><div class=’zcwf_col_fld’><input type=’text’ ftype=’email’ id=’Email’ name=’Email’ maxlength=’100′></input><div class=’zcwf_col_help’></div></div></div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’Description’>Formación de interés<span style=’color:red;’>*</span></label></div><div class=’zcwf_col_fld’><textarea id=’Description’ name=’Description’></textarea><div class=’zcwf_col_help’></div></div></div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’Designation’>Modalidad Presencial o Semipresencial<span style=’color:red;’>*</span></label></div><div class=’zcwf_col_fld’><input type=’text’ id=’Designation’ name=’Designation’ maxlength=’100′></input><div class=’zcwf_col_help’></div></div></div>
<div class=’zcwf_row’><div class=’zcwf_col_lab’ style=’font-size:14px; font-family: Arial;’><label for=’Street’>Mensaje</label></div><div class=’zcwf_col_fld’><input type=’text’ id=’Street’ name=’Street’ maxlength=’250′></input><div class=’zcwf_col_help’></div></div></div><div class=’zcwf_row’><div class=’zcwf_privacy’><div class=’dIB vat’ align=’left’><div class=’displayPurpose f13′><label class=’newCustomchkbox-md dIB w100per’><input autocomplete=’off’ id=’privacyTool3691912000004851961′ type=’checkbox’ name=’privacyTool’ onclick=’disableErr3691912000004851961()’></label></div></div><div class=’dIB zcwf_privacy_txt’ style=’font-size: 14px;font-family:Arial;color: black;’>He leído y acepto la <a href=’https://xabec.es/index.php/politica-de-privacidad-y-proteccion-de-datos/’ title=’https://xabec.es/index.php/politica-de-privacidad-y-proteccion-de-datos/’ target=’_blank’>Política de privacidad</a> </div> <div id=’privacyErr3691912000004851961′ style=’font-size:12px;color:red;padding-left: 5px;visibility:hidden;’>Acepte por favor</div></div></div><div class=’zcwf_row’><div class=’zcwf_col_lab’></div><div class=’zcwf_col_fld’><input type=’submit’ id=’formsubmit’ class=’formsubmit zcwf_button’ value=’Enviar’ title=’Enviar’><input type=’reset’ class=’zcwf_button’ name=’reset’ value=’Restablecer’ title=’Restablecer’></div></div>
<script>
function privacyAlert3691912000004851961()
{
var privacyTool = document.getElementById(‘privacyTool3691912000004851961’);
var privacyErr = document.getElementById(‘privacyErr3691912000004851961′);
if(privacyTool !=undefined && !privacyTool.checked )
{
privacyErr.style.visibility=’visible’;
privacyTool.focus();
return false;
}
return true;
}
function disableErr3691912000004851961()
{
var privacyTool = document.getElementById(‘privacyTool3691912000004851961’);
var privacyErr = document.getElementById(‘privacyErr3691912000004851961′);
if(privacyTool !=undefined && privacyTool.checked && privacyErr !=undefined )
{
privacyErr.style.visibility=’hidden’;
}
}
function validateEmail3691912000004851961()
{
var form = document.forms[‘WebToLeads3691912000004851961’];
var emailFld = form.querySelectorAll(‘[ftype=email]’);
var i;
for (i = 0; i < emailFld.length; i++)
{
var emailVal = emailFld[i].value;
if((emailVal.replace(/^\s+|\s+$/g, ”)).length!=0 )
{
var atpos=emailVal.indexOf(‘@’);
var dotpos=emailVal.lastIndexOf(‘.’);
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length)
{
alert(‘Introduzca una dirección de correo electrónico válida. ‘);
emailFld[i].focus();
return false;
}
}
}
return true;
}
function checkMandatory3691912000004851961() {
var mndFileds = new Array(‘First Name’,’Last Name’,’Designation’,’Email’,’Phone’,’Description’);
var fldLangVal = new Array(‘Nombre’,’Apellidos’,’Modalidad Presencial o Semipresencial’,’Correo electrónico’,’Teléfono’,’Formación de interés’);
for(i=0;i<mndFileds.length;i++) {
var fieldObj=document.forms[‘WebToLeads3691912000004851961′][mndFileds[i]];
if(fieldObj) {
if (((fieldObj.value).replace(/^\s+|\s+$/g, ”)).length==0) {
if(fieldObj.type ==’file’)
{
alert(‘Seleccione un archivo para cargar.’);
fieldObj.focus();
return false;
}
alert(fldLangVal[i] +’ no puede estar vacío.’);
fieldObj.focus();
return false;
} else if(fieldObj.nodeName==’SELECT’) {
if(fieldObj.options[fieldObj.selectedIndex].value==’-None-‘) {
alert(fldLangVal[i] +’ no puede ser nulo.’);
fieldObj.focus();
return false;
}
} else if(fieldObj.type ==’checkbox’){
if(fieldObj.checked == false){
alert(‘Please accept ‘+fldLangVal[i]);
fieldObj.focus();
return false;
}
}
try {
if(fieldObj.name == ‘Last Name’) {
name = fieldObj.value;
}
} catch (e) {}
}
}
if(!validateEmail3691912000004851961()){return false;}
if(!privacyAlert3691912000004851961()){return false;}
document.querySelector(‘.crmWebToEntityForm .formsubmit’).setAttribute(‘disabled’, true);
}
function tooltipShow3691912000004851961(el){
var tooltip = el.nextElementSibling;
var tooltipDisplay = tooltip.style.display;
if(tooltipDisplay == ‘none’){
var allTooltip = document.getElementsByClassName(‘zcwf_tooltip_over’);
for(i=0; i<allTooltip.length; i++){
allTooltip[i].style.display=’none’;
}
tooltip.style.display = ‘block’;
}else{
tooltip.style.display=’none’;
}
}
</script>
</form>
</div>