templates/zoho/ser_agente.html.twig line 1

  1. {% extends 'zoho/base.html.twig' %}
  3. {% block zoho_form %}
  4. {% if app.request.locale == 'es' %}
  5.     <!-- Note :
  6.    - You can modify the font style and form style to suit your website.
  7.    - 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.
  8.    - The Mandatory check script can modified as to suit your business needs.
  9.    - It is important that you test the modified form before going live.-->
  10. <div id='crmWebToEntityForm' style='margin:auto;'>
  11.    <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
  12.    <form id="crmWebToEntityForm" action='https://crm.zoho.eu/crm/WebToContactForm' name=WebToContacts48971000042375039 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory48971000042375039()' accept-charset='UTF-8'>
  13.  <input type='text' style='display:none;' name='xnQsjsdp' value='60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22f'></input>
  14.  <input type='hidden' name='zc_gad' id='zc_gad' value=''></input>
  15.  <input type='text' style='display:none;' name='xmIwtLD' value='835275e621923c54ee40572214c7417426e430344b5fc705105b94daf0396c30'></input>
  16.  <input type='text'  style='display:none;' name='actionType' value='Q29udGFjdHM='></input>
  17.  <input type='text' style='display:none;' name='returnURL' value='https://eurochange.es/ser-agente' > </input>
  18.      <!-- Do not remove this code. -->
  19.      <input type='text' style='display:none;' id='ldeskuid' name='ldeskuid'></input>
  20.      <input type='text' style='display:none;' id='LDTuvid' name='LDTuvid'></input>
  21.      <!-- Do not remove this code. -->
  22.     <div class="clase_tabla"><table class="tabla_agente">
  23. <tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Nombre y apellidos<span style='color:red;'>*</span></td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='80' name='Last Name' /></td>
  24. </tr>
  25. <tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Teléfono<span style='color:red;'>*</span></td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='50' name='Phone' /></td> </tr>
  26. <tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Correo electr&oacute;nico</td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='100' name='Email' /></td> </tr><tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Dirección<span style='color:red;'>*</span></td>
  27. <td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='255' name='CONTACTCF42' /></td> </tr><tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Población<span style='color:red;'>*</span></td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='255' name='CONTACTCF16' /></td> </tr>
  28. <tr style='display:none;' ><td style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:30%'>Idioma</td><td style='width:40%;'>
  29.         <select style='width:100%;box-sizing:border-box;' name='CONTACTCF30'>
  30.             <option value='-None-'>-None-</option>
  31.         <option selected value='Espa&ntilde;ol'>Espa&ntilde;ol</option>
  32.             <option value='Ingl&eacute;s'>Ingl&eacute;s</option>
  33.             <option value='ENU'>ENU</option>
  34.             <option value='ESP'>ESP</option>
  35.             <option value='SPA'>SPA</option>
  36.         </select></td> </tr><tr style='display:none;' ><td style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:30%'>Fuente de Lead</td><td style='width:40%;'>
  37.         <select style='width:100%;box-sizing:border-box;' name='Lead Source'>
  38.             <option value='-None-'>-None-</option>
  39.             <option value='Cambiator'>Cambiator</option>
  40.             <option value='Visita&#x20;web'>Visita web</option>
  41.             <option value='Web'>Web</option>
  42.             <option value='Visita&#x20;comercial'>Visita comercial</option>
  43.             <option value='BBDD'>BBDD</option>
  44.             <option value='RRSS'>RRSS</option>
  45.             <option value='Radio'>Radio</option>
  46.             <option value='Prensa'>Prensa</option>
  47.             <option value='Folletos'>Folletos</option>
  48.             <option value='WhatsApp'>WhatsApp</option>
  49.             <option value='Referido'>Referido</option>
  50.             <option value='Twitter'>Twitter</option>
  51.             <option value='Google&#x2b;'>Google&#x2b;</option>
  52.             <option value='Contactos&#x20;corporativos'>Contactos corporativos</option>
  53.         <option selected value='Solicitud&#x20;agente'>Solicitud agente</option>
  54.         </select></td> </tr>
  56.     <tr><td colspan='2' style='text-align:center; padding-top:15px;font-size:12px;'>
  57.         <input id='formsubmit' type='submit' value='Enviar'  ></input> {#<input class="resetAgente" type='reset' name='reset'  value='Restablecer' ></input>#} </td></tr></table></div>
  58.     <script>
  59.        var mndFileds=new Array('Last Name','Phone','CONTACTCF42','CONTACTCF16');
  60.        var fldLangVal=new Array('Nombre y apellidos','Teléfono','Dirección','Población');
  61.         var name='';
  62.         var email='';
  64.        function checkMandatory48971000042375039() {
  65.         for(i=0;i<mndFileds.length;i++) {
  66.           var fieldObj=document.forms['WebToContacts48971000042375039'][mndFileds[i]];
  67.           if(fieldObj) {
  68.             if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
  69.              if(fieldObj.type =='file')
  70.                 {
  71.                  alert('Seleccione un archivo para cargar.');
  72.                  fieldObj.focus();
  73.                  return false;
  74.                 }
  75.             alert(fldLangVal[i] +' no puede estar vacío.');
  76.                       fieldObj.focus();
  77.                       return false;
  78.             }  else if(fieldObj.nodeName=='SELECT') {
  79.                      if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
  80.                 alert(fldLangVal[i] +' no puede ser nulo.');
  81.                 fieldObj.focus();
  82.                 return false;
  83.                }
  84.             } else if(fieldObj.type =='checkbox'){
  85.                 if(fieldObj.checked == false){
  86.                 alert('Please accept  '+fldLangVal[i]);
  87.                 fieldObj.focus();
  88.                 return false;
  89.                }
  90.              }
  91.              try {
  92.                  if(fieldObj.name == 'Last Name') {
  93.                 name = fieldObj.value;
  94.                    }
  95.             } catch (e) {}
  96.             }
  97.         }
  98.         trackVisitor();
  99.         document.getElementById('formsubmit').disabled=true;
  100.     }
  101. </script><script type='text/javascript' id='VisitorTracking'>var $zoho= $zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode:'530e4123a2f7ee8756aaf29348de53a3e8ee506ed8be641ac2c84cfa42f761b6cbabfa81e68d3087b5ffe4610eece8a0', values:{},ready:function(){$zoho.salesiq.floatbutton.visible('hide');}};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 trackVisitor(){try{if($zoho){var LDTuvidObj = document.forms['WebToContacts48971000042375039']['LDTuvid'];if(LDTuvidObj){LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid();}var firstnameObj = document.forms['WebToContacts48971000042375039']['First Name'];if(firstnameObj){name = firstnameObj.value +' '+name;}$zoho.salesiq.visitor.name(name);var emailObj = document.forms['WebToContacts48971000042375039']['Email'];if(emailObj){email = emailObj.value;$zoho.salesiq.visitor.email(email);}}} catch(e){}}</script>
  102.     </form>
  103. </div>
  104. {% else %}
  105. <!-- Note :
  106.    - You can modify the font style and form style to suit your website.
  107.    - 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.
  108.    - The Mandatory check script can modified as to suit your business needs.
  109.    - It is important that you test the modified form before going live.-->
  110. <div id='crmWebToEntityForm' style='margin:auto;'>
  111.    <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
  112.    <form action='https://crm.zoho.eu/crm/WebToContactForm' name=WebToContacts48971000042375258 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory48971000042375258()' accept-charset='UTF-8'>
  113.  <input type='text' style='display:none;' name='xnQsjsdp' value='60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22f'></input>
  114.  <input type='hidden' name='zc_gad' id='zc_gad' value=''></input>
  115.  <input type='text' style='display:none;' name='xmIwtLD' value='835275e621923c54ee40572214c74174bb320b30c5afceffb9e92761a42e3920'></input>
  116.  <input type='text'  style='display:none;' name='actionType' value='Q29udGFjdHM='></input>
  117.  <input type='text' style='display:none;' name='returnURL' value='https://eurochange.es/en/become-agent' > </input>
  118.      <!-- Do not remove this code. -->
  119.      <input type='text' style='display:none;' id='ldeskuid' name='ldeskuid'></input>
  120.      <input type='text' style='display:none;' id='LDTuvid' name='LDTuvid'></input>
  121.      <!-- Do not remove this code. -->
  122.     <style>
  123.         #crmWebToEntityForm tr , #crmWebToEntityForm td {
  124.             padding:6px;
  125.             border-spacing:0px;
  126.             border-width:0px;
  127.             }
  128.     </style>
  129. <table class='tabla_agente' style='max-width:600px;background-color:#ffffff;background-color:white;color:black'>
  130.    <br></br><tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Name and surname<span style='color:red;'>*</span></td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='80' name='Last Name' /></td>
  131.   </tr><tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Telephone number<span style='color:red;'>*</span></td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='50' name='Phone' /></td> </tr>
  132.    <tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Email</td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='100' name='Email' /></td> </tr>
  133.    <tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Address<span style='color:red;'>*</span></td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='255' name='CONTACTCF42' /></td> </tr>
  134.    <tr><td  style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:20%;'>Town<span style='color:red;'>*</span></td><td style='width:70%;' ><input type='text' class='inputs_agente' style='width:100%;box-sizing:border-box;padding:4px 8px;background-color:#e6e6e6;color:#9f8bb4;'  maxlength='255' name='CONTACTCF16' /></td> </tr>
  135.   <tr style='display:none;' ><td style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:30%'>Idioma</td><td style='width:70%;'>
  136.         <select style='width:100%;box-sizing:border-box;' name='CONTACTCF30'>
  137.             <option value='-None-'>-None-</option>
  138.             <option value='Espa&ntilde;ol'>Espa&ntilde;ol</option>
  139.         <option selected value='Ingl&eacute;s'>Ingl&eacute;s</option>
  140.             <option value='ENU'>ENU</option>
  141.             <option value='ESP'>ESP</option>
  142.             <option value='SPA'>SPA</option>
  143.         </select></td> </tr><tr style='display:none;' ><td style='word-break: break-word;text-align:left;font-size:12px;font-family:Arial;width:30%'>Fuente de Lead</td><td style='width:40%;'>
  144.         <select style='width:100%;box-sizing:border-box;' name='Lead Source'>
  145.             <option value='-None-'>-None-</option>
  146.             <option value='Cambiator'>Cambiator</option>
  147.             <option value='Visita&#x20;web'>Visita web</option>
  148.             <option value='Web'>Web</option>
  149.             <option value='Visita&#x20;comercial'>Visita comercial</option>
  150.             <option value='BBDD'>BBDD</option>
  151.             <option value='RRSS'>RRSS</option>
  152.             <option value='Radio'>Radio</option>
  153.             <option value='Prensa'>Prensa</option>
  154.             <option value='Folletos'>Folletos</option>
  155.             <option value='WhatsApp'>WhatsApp</option>
  156.             <option value='Referido'>Referido</option>
  157.             <option value='Twitter'>Twitter</option>
  158.             <option value='Google&#x2b;'>Google&#x2b;</option>
  159.             <option value='Contactos&#x20;corporativos'>Contactos corporativos</option>
  160.         <option selected value='Solicitud&#x20;agente'>Solicitud agente</option>
  161.         </select></td> </tr>
  163.     <tr><td colspan='2' style='text-align:center; padding-top:15px;font-size:12px;'>
  164.         <input style='padding: 1em;width: 48%;text-decoration: none;font-size: 16px;margin: 7px 0;cursor: pointer;border-radius: 20px;border: 0;background-color:#213B8A !important;color:white;' id='formsubmit' type='submit' value='Send'  ></input> {#<input class="resetAgente" type='reset' name='reset' style='padding: 1em;width: 48%;text-decoration: none;font-size: 16px;margin: 7px 0;cursor: pointer;border-radius: 20px;border: 0;background-color:#213B8A !important;color:white;' value='Restore' ></input>#} </td></tr></table>
  165.     <script>
  166.        var mndFileds=new Array('Last Name','Phone','CONTACTCF42','CONTACTCF16');
  167.        var fldLangVal=new Array('Name and surname','Telephone number','Address','Town');
  168.         var name='';
  169.         var email='';
  171.        function checkMandatory48971000042375258() {
  172.         for(i=0;i<mndFileds.length;i++) {
  173.           var fieldObj=document.forms['WebToContacts48971000042375258'][mndFileds[i]];
  174.           if(fieldObj) {
  175.             if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
  176.              if(fieldObj.type =='file')
  177.                 {
  178.                  alert('Seleccione un archivo para cargar.');
  179.                  fieldObj.focus();
  180.                  return false;
  181.                 }
  182.             alert(fldLangVal[i] +' no puede estar vacío.');
  183.                       fieldObj.focus();
  184.                       return false;
  185.             }  else if(fieldObj.nodeName=='SELECT') {
  186.                      if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
  187.                 alert(fldLangVal[i] +' no puede ser nulo.');
  188.                 fieldObj.focus();
  189.                 return false;
  190.                }
  191.             } else if(fieldObj.type =='checkbox'){
  192.                 if(fieldObj.checked == false){
  193.                 alert('Please accept  '+fldLangVal[i]);
  194.                 fieldObj.focus();
  195.                 return false;
  196.                }
  197.              }
  198.              try {
  199.                  if(fieldObj.name == 'Last Name') {
  200.                 name = fieldObj.value;
  201.                    }
  202.             } catch (e) {}
  203.             }
  204.         }
  205.         trackVisitor();
  206.         document.getElementById('formsubmit').disabled=true;
  207.     }
  208. </script><script type='text/javascript' id='VisitorTracking'>var $zoho= $zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode:'530e4123a2f7ee8756aaf29348de53a3e8ee506ed8be641ac2c84cfa42f761b6cbabfa81e68d3087b5ffe4610eece8a0', values:{},ready:function(){$zoho.salesiq.floatbutton.visible('hide');}};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 trackVisitor(){try{if($zoho){var LDTuvidObj = document.forms['WebToContacts48971000042375258']['LDTuvid'];if(LDTuvidObj){LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid();}var firstnameObj = document.forms['WebToContacts48971000042375258']['First Name'];if(firstnameObj){name = firstnameObj.value +' '+name;}$zoho.salesiq.visitor.name(name);var emailObj = document.forms['WebToContacts48971000042375258']['Email'];if(emailObj){email = emailObj.value;$zoho.salesiq.visitor.email(email);}}} catch(e){}}</script>
  209.     </form>
  210. </div>
  212. {% endif %}
  213. {% endblock zoho_form %}