templates/zoho/contacto.html.twig line 1

  1. {% extends 'zoho/base.html.twig' %}
  2. {% block zoho_form %}
  3. {% if app.request.locale != 'en' %}
  4. <!-- 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.-->
  5. <div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm' style='background-color: white;color: black;max-width: 600px;'>
  6.   <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  7.   <META HTTP-EQUIV='content-type' CONTENT='text/html;charset=UTF-8'>
  8.   <script src='https://www.google.com/recaptcha/api.js' async defer> </script>
  9.   <form id='webform48971000000468008' action='https://crm.zoho.eu/crm/WebToContactForm' name=WebToContacts48971000000468008 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory48971000000468008()' accept-charset='UTF-8'> <input type='text' style='display:none;' name='xnQsjsdp' value='134666bb79049679a1f509a994091518e7d569a36f3c1f51590a189f177ac1f8'> </input> <input type='hidden' name='zc_gad' id='zc_gad' value=''> </input> <input type='text' style='display:none;' name='xmIwtLD' value='f6244720117c082372014b86dbb56313bdce4031caa7bfd0be39b98e0394ace755f7a5feea5a26e818cf6b56ba776d8e'> </input> <input type='text' style='display:none;' name='actionType' value='Q29udGFjdHM='> </input> <input type='text' style='display:none;' name='returnURL' value='https&#x3a;&#x2f;&#x2f;www.eurochange.es&#x2f;contacto'> </input> <!-- Do not remove this code. --> <input type='text' style='display:none;' id='ldeskuid' name='ldeskuid'> </input> <input type='text' style='display:none;' id='LDTuvid' name='LDTuvid'> </input> <!-- Do not remove this code. -->
  10.     <style>
  11.       html,body{ margin: 0px; } .formsubmit.zcwf_button{ color: white !important; background: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%); } #crmWebToEntityForm.zcwf_lblLeft{ width: 100%; padding: 15px; 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.cpT_primaryBtn:hover{ background: linear-gradient(#02acff 0,#006be4 100%)no-repeat padding-box !important; box-shadow: 0 -2px 0 0 #0159b9 inset !important; border: 0 !important; color: #fff !important; outline: 0 !important; } .zcwf_lblLeft .zcwf_col_fld input[ type = text], input[ type = password], .zcwf_lblLeft .zcwf_col_fld textarea{ width: 100%; border: 1px solid #c0c6cc !important; 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: 100%; 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: 12px; float: left; resize: vertical; padding: 2px 5px; } .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: 12px; 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 #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%; } .zcwf_lblLeft .zcwf_row {margin: 0px; } .zcwf_lblLeft .formsubmit{ margin-right: 5px; cursor: pointer; color: #313949; font-size: 12px; } .zcwf_lblLeft .zcwf_privacy_txt{ width: 90%; color: rgb(0, 0, 0); font-size: 12px; font-family: Arial; display: inline-block; vertical-align: top; color: #313949; padding-top: 2px; margin-left: 6px; } .zcwf_lblLeft .zcwf_button{ font-size: 12px; color: #313949; border: 1px solid #c0c6cc; 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-word; min-width: 100px; max-width: 150px; color: #313949; z-index: 100; } .zcwf_lblLeft .zcwf_ckbox{ float: left; } .zcwf_lblLeft .zcwf_file{ width: 55%; box-sizing: border-box; float: left; } .cBoth:after{ content: ''; display: block; clear: both; } @media all and (max-width: 600px){ .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld{ width: auto; float: none !important; } .zcwf_lblLeft .zcwf_col_help {width: 40%; } }
  12.       .zcwf_lblLeft .zcwf_col_fld input[type="text"], input[type="password"], .zcwf_lblLeft .zcwf_col_fld textarea{border-radius: 5px;margin: 0;}
  13.       #formsubmit{
  14.         border: 1px solid #1c3264;
  15.       }
  16.       #formsubmit:hover{
  17.         border: 1px solid #1c3264;
  18.         background: #fff;
  19.         color: #1c3264 !important;
  20.       }
  21.     </style>
  22.     <div class='zcwf_row'>
  23.       <div class='zcwf_col_fld'> <input type='text' id='Last_Name' aria-required='true' aria-label='Last Name' name='Last Name' aria-valuemax='80' maxlength='80' placeholder="Nombre y apellidos *"> </input>
  24.         <div class='zcwf_col_help'> </div>
  25.       </div>
  26.     </div>
  27.     <div class='zcwf_row'>
  28.       <div class='zcwf_col_fld'> <input type='text' ftype='email' autocomplete='false' id='Email' aria-required='true' aria-label='Email' name='Email' aria-valuemax='100' crmlabel='' maxlength='100' placeholder="Correo electrónico *"> </input>
  29.         <div class='zcwf_col_help'> </div>
  30.       </div>
  31.     </div>
  32.     <div class='zcwf_row'>
  33.       <div class='zcwf_col_fld'> <textarea style='font-family: Arial, sans-serif;' aria-multiline='true' id='Description' aria-required='true' aria-label='Description' name='Description' placeholder="Mensaje *"></textarea>
  34.         <div class='zcwf_col_help'> </div>
  35.       </div>
  36.     </div>
  37.     <div class='zcwf_row'>
  38.       <div class='zcwf_col_lab'> </div>
  39.       <div class='zcwf_col_fld'>
  40.         <div class='g-recaptcha' data-sitekey='6LfQhLIZAAAAAFzE4unFH81UrzzRBo4WDewGwrst' data-theme='light' data-callback='rccallback48971000000468008' captcha-verified='false' id='recap48971000000468008'> </div>
  41.         <div id='recapErr48971000000468008' style='font-size:12px;color:red;visibility:hidden;'>Error en validación de Captcha. Si no es un robot, inténtelo de nuevo.</div>
  42.       </div>
  43.     </div>
  44.     <div class='zcwf_row wfrm_fld_dpNn'>
  45.       <div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'> <label for='CONTACTCF30'>Idioma</label> </div>
  46.       <div class='zcwf_col_fld'> <select class='zcwf_col_fld_slt' role='combobox' aria-expanded='false' aria-haspopup='listbox' id='CONTACTCF30' onChange='addAriaSelected48971000000468008()' aria-required='false' aria-label='CONTACTCF30' name='CONTACTCF30'>
  47.           <option value='-None-'>-None-</option>
  48.           <option selected value='Espa&ntilde;ol'>Espa&ntilde;ol</option>
  49.           <option value='Ingl&eacute;s'>Ingl&eacute;s</option>
  50.           <option value='ENU'>ENU</option>
  51.           <option value='ESP'>ESP</option>
  52.           <option value='SPA'>SPA</option>
  53.         </select>
  54.         <div class='zcwf_col_help'> </div>
  55.       </div>
  56.     </div>
  57.     <div class='zcwf_row wfrm_fld_dpNn'>
  58.       <div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'> <label for='Lead_Source'>Fuente de Posible cliente</label> </div>
  59.       <div class='zcwf_col_fld'> <select class='zcwf_col_fld_slt' role='combobox' aria-expanded='false' aria-haspopup='listbox' id='Lead_Source' onChange='addAriaSelected48971000000468008()' aria-required='false' aria-label='Lead Source' name='Lead Source'>
  60.           <option value='-None-'>-None-</option>
  61.           <option value='Cambiator'>Cambiator</option>
  62.           <option value='Visita&#x20;web'>Visita web</option>
  63.           <option selected value='Web'>Web</option>
  64.           <option value='Visita&#x20;comercial'>Visita comercial</option>
  65.           <option value='BBDD'>BBDD</option>
  66.           <option value='RRSS'>RRSS</option>
  67.           <option value='Radio'>Radio</option>
  68.           <option value='Prensa'>Prensa</option>
  69.           <option value='Folletos'>Folletos</option>
  70.           <option value='WhatsApp'>WhatsApp</option>
  71.           <option value='Referido'>Referido</option>
  72.           <option value='Twitter'>Twitter</option>
  73.           <option value='Google&#x2b;'>Google&#x2b;</option>
  74.           <option value='Contactos&#x20;corporativos'>Contactos corporativos</option>
  75.           <option value='Solicitud&#x20;agente'>Solicitud agente</option>
  76.           <option value='Linkedin&#x20;LNB'>Linkedin LNB</option>
  77.           <option value='Solicitud&#x20;afiliado'>Solicitud afiliado</option>
  78.           <option value='Solicitud&#x20;anunciante'>Solicitud anunciante</option>
  79.           <option value='Google&#x20;AdWords'>Google AdWords</option>
  80.         </select>
  81.         <div class='zcwf_col_help'> </div>
  82.       </div>
  83.     </div>
  84.     <div class='zcwf_row'>
  85.       <div class='zcwf_privacy'>
  86.         <div class='dIB vaT' align='left'>
  87.           <div class='displayPurpose crm-small-font-size'> <label class='newCustomchkbox-md dIB w100_per'> <input autocomplete='off' id='privacyTool48971000000468008' type='checkbox' aria-checked='false' name='' aria-errormessage='privacyErr48971000000468008' aria-label='privacyTool' onclick='disableErr48971000000468008()'> </label> </div>
  88.         </div>
  89.         <div class='dIB zcwf_privacy_txt' style='font-size: 12px;font-family:Arial;color: black;'>Acepto los términos y condiciones de la <a href='https://eurochange.es/cms/politica-de-privacidad-23' title='https://eurochange.es/cms/politica-de-privacidad-23' target='_blank'>política de privacidad</a>.</div>
  90.         <div id='privacyErr48971000000468008' aria-live='polite' style='font-size:12px;color:red;padding-left: 5px;visibility:hidden;'>Acepte por favor</div>
  91.       </div>
  92.     </div> <input type='text' type='hidden' style='display: none;' name='aG9uZXlwb3Q' value='' />
  93.     <div class='zcwf_row'>
  94.       <div class='zcwf_col_lab'> </div>
  95.       <div class='zcwf_col_fld'> <input type='submit' id='formsubmit' role='button' class='formsubmit zcwf_button' value='Enviar' aria-label='Enviar' title='Enviar'> <input type='reset' class='zcwf_button' role='button' name='reset' value='Restablecer' aria-label='Restablecer' title='Restablecer'> </div>
  96.     </div>
  97.     <script>
  98.       function addAriaSelected48971000000468008(){ var optionElem = event.target; var previousSelectedOption = optionElem.querySelector('[aria-selected=true]'); if (previousSelectedOption) { previousSelectedOption.removeAttribute('aria-selected'); } optionElem.querySelectorAll('option') [optionElem.selectedIndex] .ariaSelected = 'true'; } function privacyAlert48971000000468008(){ var privacyTool = document.getElementById('privacyTool48971000000468008'); var privacyErr = document.getElementById('privacyErr48971000000468008'); if (privacyTool != undefined && !privacyTool.checked) { privacyErr.style.visibility = 'visible'; privacyTool.ariaInvalid = 'true'; privacyTool.focus(); return false; } return true; } function disableErr48971000000468008(){ var privacyTool = document.getElementById('privacyTool48971000000468008'); var privacyErr = document.getElementById('privacyErr48971000000468008'); if (privacyTool != undefined && privacyTool.checked && privacyErr != undefined) { privacyErr.style.visibility = 'hidden'; privacyTool.ariaInvalid = 'false'; } } /* Do not remove this code. */ function rccallback48971000000468008(){ if (document.getElementById ('recap48971000000468008') != undefined) { document.getElementById('recap48971000000468008').setAttribute('captcha-verified', true); } if (document.getElementById ('recapErr48971000000468008') != undefined && document.getElementById ('recapErr48971000000468008') .style.visibility == 'visible') { document.getElementById('recapErr48971000000468008').style.visibility = 'hidden'; } } function reCaptchaAlert48971000000468008(){ var recap = document.getElementById('recap48971000000468008'); if (recap != undefined && recap.getAttribute ('captcha-verified') == 'false') { document.getElementById('recapErr48971000000468008').style.visibility = 'visible'; return false; } return true; } function validateEmail48971000000468008(){ var form = document.forms['WebToContacts48971000000468008']; 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 checkMandatory48971000000468008(){ var mndFileds = new Array('Last Name', 'Email', 'Description'); var fldLangVal = new Array('Nombre\x20y\x20apellidos', 'Correo\x20electr\xF3nico', 'Mensaje'); for (i = 0; i < mndFileds.length; i++ ) { var fieldObj = document.forms['WebToContacts48971000000468008'] [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){} } } trackVisitor48971000000468008(); if ( !validateEmail48971000000468008 () ) { return false; } if ( !privacyAlert48971000000468008 () ) { return false; } if ( !reCaptchaAlert48971000000468008 () ) { return false; } var urlparams = new URLSearchParams(window.location.search); if (urlparams.has ('service') && (urlparams.get ('service') === 'smarturl') ) { var webform = document.getElementById('webform48971000000468008'); var service = urlparams.get('service'); var smarturlfield = document.createElement('input'); smarturlfield.setAttribute('type', 'hidden'); smarturlfield.setAttribute('value', service); smarturlfield.setAttribute('name', 'service'); webform.appendChild(smarturlfield); } document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true); } function tooltipShow48971000000468008(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'; } }
  99.     </script>
  100.     <script type='text/javascript' id='VisitorTracking'>
  101.       var $zoho = $zoho || {}; $zoho.salesiq = $zoho.salesiq || { widgetcode: 'siq225472570a4b158dd32bda8059b8fa263e9328a2523dd35a9f9b68638700727c', values: {}, ready: function(){} }; var d = document; s = d.createElement('script'); s.type = 'text/javascript'; s.id = 'zsiqscript'; s.defer = true; s.src = 'https://salesiq.zoho.eu/widget'; t = d.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t); function trackVisitor48971000000468008(){ try{ if ($zoho) { var LDTuvidObj = document.forms['WebToContacts48971000000468008'] ['LDTuvid']; if (LDTuvidObj) { LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid(); } var firstnameObj = document.forms['WebToContacts48971000000468008'] ['First Name']; if (firstnameObj) { name = firstnameObj.value + ' ' + name; } $zoho.salesiq.visitor.name(name); var emailObj = document.forms['WebToContacts48971000000468008'] ['Email']; if (emailObj) { email = emailObj.value; $zoho.salesiq.visitor.email(email); } } } catch (e){} }
  102.     </script> <!-- Do not remove this --- Analytics Tracking code starts -->
  103.     <script id='wf_anal' src='https://crm.zohopublic.eu/crm/WebFormAnalyticsServeServlet?rid=4091261ed6b293a203d80f00f6c15765956097eb20131ffe56db1808c93bce8c422816a2c54de11432b953f3b3cb2ec2gidb776e93f0a2793c67b8eb8e93b51ad522f1da8e3987bf246a6a02f54379570c8gid7cd6a87ab9c32f96f419b739c61ab727ee64c497998700dcec1b4f8d69f76904gid5d900c86e4d542043714d81605754fe8445605fc75f2ac6037d2a4bd3c013427&tw=feba61b0c91105af6cf732b941d61619540a9bdadaacd73da815ea8290b0bf6a'> </script> <!-- Do not remove this --- Analytics Tracking code ends. -->
  104.   </form>
  105. </div>
  106.     {% else %} {# Form ingles #}
  107.     <!-- 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.-->
  108.     <div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm' style='background-color: white;color: black;max-width: 600px;'>
  109.     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  110.     <META HTTP-EQUIV='content-type' CONTENT='text/html;charset=UTF-8'>
  111.     <script src='https://www.google.com/recaptcha/api.js' async defer> </script>
  112.     <form id='webform48971000000472023' action='https://crm.zoho.eu/crm/WebToContactForm' name=WebToContacts48971000000472023 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory48971000000472023()' accept-charset='UTF-8'> <input type='text' style='display:none;' name='xnQsjsdp' value='c39f4081b911675c0ca0bd87ba863a032c258ad578f737fb8f3d066c80ba86e3'> </input> <input type='hidden' name='zc_gad' id='zc_gad' value=''> </input> <input type='text' style='display:none;' name='xmIwtLD' value='0709c015ff195f5a3db6c8554b3d421ce9aec70c1e6987561e22ed95a3955dcddc4bbfc928b831a2354f7784d8981171'> </input> <input type='text' style='display:none;' name='actionType' value='Q29udGFjdHM='> </input> <input type='text' style='display:none;' name='returnURL' value='https&#x3a;&#x2f;&#x2f;eurochange.es&#x2f;en&#x2f;contact'> </input> <!-- Do not remove this code. --> <input type='text' style='display:none;' id='ldeskuid' name='ldeskuid'> </input> <input type='text' style='display:none;' id='LDTuvid' name='LDTuvid'> </input> <!-- Do not remove this code. -->
  113.         <style>
  114.         html,body{ margin: 0px; } .formsubmit.zcwf_button{ color: white !important; background: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%); } #crmWebToEntityForm.zcwf_lblLeft{ width: 100%; padding: 15px; 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.cpT_primaryBtn:hover{ background: linear-gradient(#02acff 0,#006be4 100%)no-repeat padding-box !important; box-shadow: 0 -2px 0 0 #0159b9 inset !important; border: 0 !important; color: #fff !important; outline: 0 !important; } .zcwf_lblLeft .zcwf_col_fld input[ type = text], input[ type = password], .zcwf_lblLeft .zcwf_col_fld textarea{ width: 100%; border: 1px solid #c0c6cc !important; 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: 100%; 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: 12px; float: left; resize: vertical; padding: 2px 5px; } .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: 12px; 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 #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%; } .zcwf_lblLeft .zcwf_row {margin: 0px; } .zcwf_lblLeft .formsubmit{ margin-right: 5px; cursor: pointer; color: #313949; font-size: 12px; } .zcwf_lblLeft .zcwf_privacy_txt{ width: 90%; color: rgb(0, 0, 0); font-size: 12px; font-family: Arial; display: inline-block; vertical-align: top; color: #313949; padding-top: 2px; margin-left: 6px; } .zcwf_lblLeft .zcwf_button{ font-size: 12px; color: #313949; border: 1px solid #c0c6cc; 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-word; min-width: 100px; max-width: 150px; color: #313949; z-index: 100; } .zcwf_lblLeft .zcwf_ckbox{ float: left; } .zcwf_lblLeft .zcwf_file{ width: 55%; box-sizing: border-box; float: left; } .cBoth:after{ content: ''; display: block; clear: both; } @media all and (max-width: 600px){ .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld{ width: auto; float: none !important; } .zcwf_lblLeft .zcwf_col_help {width: 40%; } }
  115.         .zcwf_lblLeft .zcwf_col_fld input[type="text"], input[type="password"], .zcwf_lblLeft .zcwf_col_fld textarea{border-radius: 5px;margin: 0;}
  116.         #formsubmit{
  117.             border: 1px solid #1c3264;
  118.         }
  119.         #formsubmit:hover{
  120.             border: 1px solid #1c3264;
  121.             background: #fff;
  122.             color: #1c3264 !important;
  123.         }
  124.         </style>
  125.         <div class='zcwf_row'>
  126.         <div class='zcwf_col_fld'> <input type='text' id='Last_Name' aria-required='true' aria-label='Last Name' name='Last Name' aria-valuemax='80' maxlength='80' placeholder="Full name *"> </input>
  127.             <div class='zcwf_col_help'> </div>
  128.         </div>
  129.         </div>
  130.         <div class='zcwf_row'>
  131.         <div class='zcwf_col_fld'> <input type='text' ftype='email' autocomplete='false' id='Email' aria-required='true' aria-label='Email' name='Email' aria-valuemax='100' crmlabel='' maxlength='100' placeholder="E-mail *"> </input>
  132.             <div class='zcwf_col_help'> </div>
  133.         </div>
  134.         </div>
  135.         <div class='zcwf_row'>
  136.         <div class='zcwf_col_fld'> <textarea style='font-family: Arial, sans-serif;' aria-multiline='true' id='Description' aria-required='true' aria-label='Description' name='Description' placeholder="Message *"></textarea>
  137.             <div class='zcwf_col_help'> </div>
  138.         </div>
  139.         </div>
  140.         <div class='zcwf_row'>
  141.         <div class='zcwf_col_lab'> </div>
  142.         <div class='zcwf_col_fld'>
  143.             <div class='g-recaptcha' data-sitekey='6LfQhLIZAAAAAFzE4unFH81UrzzRBo4WDewGwrst' data-theme='light' data-callback='rccallback48971000000472023' captcha-verified='false' id='recap48971000000472023'> </div>
  144.             <div id='recapErr48971000000472023' style='font-size:12px;color:red;visibility:hidden;'>Error en validación de Captcha. Si no es un robot, inténtelo de nuevo.</div>
  145.         </div>
  146.         </div>
  147.         <div class='zcwf_row wfrm_fld_dpNn'>
  148.         <div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'> <label for='Lead_Source'>Fuente de Posible cliente</label> </div>
  149.         <div class='zcwf_col_fld'> <select class='zcwf_col_fld_slt' role='combobox' aria-expanded='false' aria-haspopup='listbox' id='Lead_Source' onChange='addAriaSelected48971000000472023()' aria-required='false' aria-label='Lead Source' name='Lead Source'>
  150.             <option value='-None-'>-None-</option>
  151.             <option value='Cambiator'>Cambiator</option>
  152.             <option value='Visita&#x20;web'>Visita web</option>
  153.             <option selected value='Web'>Web</option>
  154.             <option value='Visita&#x20;comercial'>Visita comercial</option>
  155.             <option value='BBDD'>BBDD</option>
  156.             <option value='RRSS'>RRSS</option>
  157.             <option value='Radio'>Radio</option>
  158.             <option value='Prensa'>Prensa</option>
  159.             <option value='Folletos'>Folletos</option>
  160.             <option value='WhatsApp'>WhatsApp</option>
  161.             <option value='Referido'>Referido</option>
  162.             <option value='Twitter'>Twitter</option>
  163.             <option value='Google&#x2b;'>Google&#x2b;</option>
  164.             <option value='Contactos&#x20;corporativos'>Contactos corporativos</option>
  165.             <option value='Solicitud&#x20;agente'>Solicitud agente</option>
  166.             <option value='Linkedin&#x20;LNB'>Linkedin LNB</option>
  167.             <option value='Solicitud&#x20;afiliado'>Solicitud afiliado</option>
  168.             <option value='Solicitud&#x20;anunciante'>Solicitud anunciante</option>
  169.             <option value='Google&#x20;AdWords'>Google AdWords</option>
  170.             </select>
  171.             <div class='zcwf_col_help'> </div>
  172.         </div>
  173.         </div>
  174.         <div class='zcwf_row wfrm_fld_dpNn'>
  175.         <div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'> <label for='CONTACTCF30'>Idioma</label> </div>
  176.         <div class='zcwf_col_fld'> <select class='zcwf_col_fld_slt' role='combobox' aria-expanded='false' aria-haspopup='listbox' id='CONTACTCF30' onChange='addAriaSelected48971000000472023()' aria-required='false' aria-label='CONTACTCF30' name='CONTACTCF30'>
  177.             <option value='-None-'>-None-</option>
  178.             <option value='Espa&ntilde;ol'>Espa&ntilde;ol</option>
  179.             <option selected value='Ingl&eacute;s'>Ingl&eacute;s</option>
  180.             <option value='ENU'>ENU</option>
  181.             <option value='ESP'>ESP</option>
  182.             <option value='SPA'>SPA</option>
  183.             </select>
  184.             <div class='zcwf_col_help'> </div>
  185.         </div>
  186.         </div>
  187.         <div class='zcwf_row'>
  188.         <div class='zcwf_privacy'>
  189.             <div class='dIB vaT' align='left'>
  190.             <div class='displayPurpose crm-small-font-size'> <label class='newCustomchkbox-md dIB w100_per'> <input autocomplete='off' id='privacyTool48971000000472023' type='checkbox' aria-checked='false' name='' aria-errormessage='privacyErr48971000000472023' aria-label='privacyTool' onclick='disableErr48971000000472023()'> </label> </div>
  191.             </div>
  192.             <div class='dIB zcwf_privacy_txt' style='font-size: 12px;font-family:Arial;color: black;'>I agree to the <a href='https://eurochange.es/en/cms/privacy-policy-23' title='https://eurochange.es/en/cms/privacy-policy-23' target='_blank'>Privacy Policy and Terms of Service.</a> </div>
  193.             <div id='privacyErr48971000000472023' aria-live='polite' style='font-size:12px;color:red;padding-left: 5px;visibility:hidden;'>Acepte por favor</div>
  194.         </div>
  195.         </div> <input type='text' type='hidden' style='display: none;' name='aG9uZXlwb3Q' value='' />
  196.         <div class='zcwf_row'>
  197.         <div class='zcwf_col_lab'> </div>
  198.         <div class='zcwf_col_fld'> <input type='submit' id='formsubmit' role='button' class='formsubmit zcwf_button' value='Send' aria-label='Enviar' title='Enviar'> <input type='reset' class='zcwf_button' role='button' name='reset' value='Restore' aria-label='Restablecer' title='Restablecer'> </div>
  199.         </div>
  200.         <script>
  201.         function addAriaSelected48971000000472023(){ var optionElem = event.target; var previousSelectedOption = optionElem.querySelector('[aria-selected=true]'); if (previousSelectedOption) { previousSelectedOption.removeAttribute('aria-selected'); } optionElem.querySelectorAll('option') [optionElem.selectedIndex] .ariaSelected = 'true'; } function privacyAlert48971000000472023(){ var privacyTool = document.getElementById('privacyTool48971000000472023'); var privacyErr = document.getElementById('privacyErr48971000000472023'); if (privacyTool != undefined && !privacyTool.checked) { privacyErr.style.visibility = 'visible'; privacyTool.ariaInvalid = 'true'; privacyTool.focus(); return false; } return true; } function disableErr48971000000472023(){ var privacyTool = document.getElementById('privacyTool48971000000472023'); var privacyErr = document.getElementById('privacyErr48971000000472023'); if (privacyTool != undefined && privacyTool.checked && privacyErr != undefined) { privacyErr.style.visibility = 'hidden'; privacyTool.ariaInvalid = 'false'; } } /* Do not remove this code. */ function rccallback48971000000472023(){ if (document.getElementById ('recap48971000000472023') != undefined) { document.getElementById('recap48971000000472023').setAttribute('captcha-verified', true); } if (document.getElementById ('recapErr48971000000472023') != undefined && document.getElementById ('recapErr48971000000472023') .style.visibility == 'visible') { document.getElementById('recapErr48971000000472023').style.visibility = 'hidden'; } } function reCaptchaAlert48971000000472023(){ var recap = document.getElementById('recap48971000000472023'); if (recap != undefined && recap.getAttribute ('captcha-verified') == 'false') { document.getElementById('recapErr48971000000472023').style.visibility = 'visible'; return false; } return true; } function validateEmail48971000000472023(){ var form = document.forms['WebToContacts48971000000472023']; 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 checkMandatory48971000000472023(){ var mndFileds = new Array('Last Name', 'Email', 'Description'); var fldLangVal = new Array('Full\x20name', 'E\x2Dmail', 'Message'); for (i = 0; i < mndFileds.length; i++ ) { var fieldObj = document.forms['WebToContacts48971000000472023'] [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){} } } trackVisitor48971000000472023(); if ( !validateEmail48971000000472023 () ) { return false; } if ( !privacyAlert48971000000472023 () ) { return false; } if ( !reCaptchaAlert48971000000472023 () ) { return false; } var urlparams = new URLSearchParams(window.location.search); if (urlparams.has ('service') && (urlparams.get ('service') === 'smarturl') ) { var webform = document.getElementById('webform48971000000472023'); var service = urlparams.get('service'); var smarturlfield = document.createElement('input'); smarturlfield.setAttribute('type', 'hidden'); smarturlfield.setAttribute('value', service); smarturlfield.setAttribute('name', 'service'); webform.appendChild(smarturlfield); } document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true); } function tooltipShow48971000000472023(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'; } }
  202.         </script>
  203.         <script type='text/javascript' id='VisitorTracking'>
  204.         var $zoho = $zoho || {}; $zoho.salesiq = $zoho.salesiq || { widgetcode: 'siq225472570a4b158dd32bda8059b8fa263e9328a2523dd35a9f9b68638700727c', values: {}, ready: function(){} }; var d = document; s = d.createElement('script'); s.type = 'text/javascript'; s.id = 'zsiqscript'; s.defer = true; s.src = 'https://salesiq.zoho.eu/widget'; t = d.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t); function trackVisitor48971000000472023(){ try{ if ($zoho) { var LDTuvidObj = document.forms['WebToContacts48971000000472023'] ['LDTuvid']; if (LDTuvidObj) { LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid(); } var firstnameObj = document.forms['WebToContacts48971000000472023'] ['First Name']; if (firstnameObj) { name = firstnameObj.value + ' ' + name; } $zoho.salesiq.visitor.name(name); var emailObj = document.forms['WebToContacts48971000000472023'] ['Email']; if (emailObj) { email = emailObj.value; $zoho.salesiq.visitor.email(email); } } } catch (e){} }
  205.         </script> <!-- Do not remove this --- Analytics Tracking code starts -->
  206.         <script id='wf_anal' src='https://crm.zohopublic.eu/crm/WebFormAnalyticsServeServlet?rid=24ae918d4c57a14e01df1aa6c8c04230a035f7500b9205485945800ce9fabb898dac7eda6e4833d92a6bfbaf4520b8cagid7c68868b96a147a4736c8195c26a38e3284bed626cdf7e15f11e55e8cda5da52gid4934dec8bafda6b7f76e4140827d417054fdc2fbb52a78f0cd12a29f60890523gidc330bb87815ce4385dc8f48c416b0bf5e871a6b17f8502d97e5b278db6a52ab8&tw=c8dc4a3dff224079800f8bc527e36951af610ed1f5a862b04ddfbdfa2774b50f'> </script> <!-- Do not remove this --- Analytics Tracking code ends. -->
  207.     </form>
  208.     </div>
  209.     {% endif %} 
  210. {% endblock zoho_form %}