<div class="hidden">
(set: $email to "")
(set: $codigopostal to "")
(set: $aceptado_politica_privacidad to "")
(set: $numero_empleados to "")
(set: $ofrecer_a_familiares to "")
(set: $cif to "")
(set: $telefono to "")
(set: $pasos to "5")
</div><h1>Te damos la bienvenida al asistente DKV para empresas
<span class="steps">Paso 1 de $pasos</span></h1>
Antes de comenzar a ayudarte, me gustaría conocer tu nombre, ¿cómo te llamas?
(set: $name to "")<input type="text" id="name" name="name" value="" width="40" autocomplete="off">
<span class="legend">Ayuda: Lo necesito para saber cómo dirigirme a ti.</span>
<span id="fake-link">> Siguiente</span><span id="enlace" class="hidden">[[Siguiente->Código postal]]</span>
<a class="cancelar" href="javascript: history.back();">Cancelar</a>
{(live: 0.5s)[
<script>
if (document.getElementById("name").value != '') {
document.getElementById("fake-link").classList.add('hidden');
document.getElementById("enlace").classList.remove('hidden');
} else {
document.getElementById("fake-link").classList.remove('hidden');
document.getElementById("enlace").classList.add('hidden');
}
CustomScripts.updateVariable('name','text');
</script>
]}
<h1>Te damos la bienvenida al asistente DKV para empresas
<span class="steps">Paso 2 de $pasos</span></h1>
Para poder darte la mejor oferta necesito saber el código postal de tu empresa, ¿cuál es?
<input type='text' id='codigopostal' name='codigopostal' value='' width='10' autocomplete='off'><br><span class="legend">Ayuda: Sólo se permiten números. Ejemplo: 08092.</span>
<span id="fake-link">> Siguiente</span><span id="enlace" class="hidden">[[Siguiente->Empleados]]</span>
[[Volver->Inicio]]
{(live: 0.5s)[
<script>
var isnumCP = /^\d+$/.test(document.getElementById("codigopostal").value);
if (document.getElementById("codigopostal").value != '' && isnumCP) {
document.getElementById("fake-link").classList.add('hidden');
document.getElementById("enlace").classList.remove('hidden');
} else {
document.getElementById("fake-link").classList.remove('hidden');
document.getElementById("enlace").classList.add('hidden');
}
CustomScripts.updateVariable('codigopostal','text');
</script>
]}<h1>Te damos la bienvenida al asistente DKV para empresas
<span class="steps">Paso 3 de $pasos</span></h1>
¿Cuántas empleados tiene tu empresa?
<select id="numero_empleados_select" name="numero_empleados_select" value="" width="10" autocomplete="off">
<option value="1">Selecciona una opción</option>
<option value="De 1 a 5 empleados">De 1 a 5 empleados</option>
<option value="De 6 a 10 empleados">De 6 a 10 empleados</option>
<option value="De 11 a 25 empleados">De 11 a 25 empleados</option>
<option value="De 26 a 50 empleados">De 26 a 50 empleados</option>
<option value="De 51 a 100 empleados">De 51 a 100 empleados</option>
<option value="Más de 100 empleados">Más de 100</option>
</select>
<input type="text" id="numero_empleados" name="numero_empleados" value="" class="hidden">
<span id="fake-link">> Siguiente</span><span id="enlace" class="hidden">[[Siguiente->Familiares]]</span>
[[Volver->Código postal]]
{(live: 100ms)[
<script>
if (document.getElementById("numero_empleados_select").options[document.getElementById("numero_empleados_select").selectedIndex].value != '1') {
document.getElementById("fake-link").classList.add('hidden');
document.getElementById("enlace").classList.remove('hidden');
document.getElementById("numero_empleados").value = document.getElementById("numero_empleados_select").options[document.getElementById("numero_empleados_select").selectedIndex].value;
} else {
document.getElementById("fake-link").classList.remove('hidden');
document.getElementById("enlace").classList.add('hidden');
}
CustomScripts.updateVariable('numero_empleados','text');
</script>
]}<h1>Te damos la bienvenida al asistente DKV para empresas
<span class="steps">Paso 4 de $pasos</span></h1>
¿Quieres además de incluir a tus empleados, a sus familiares?
<select id="familiares_select" name="familiares_select" value="" width="10" autocomplete="off">
<option value="">Selecciona una opción</option>
<option value="SI">Sí</option>
<option value="NO">No</option>
</select>
<input type="text" id="ofrecer_a_familiares" name="ofrecer_a_familiares" value="" class="hidden">
<span id="fake-link">> Siguiente</span><span id="enlace" class="hidden">[[Siguiente->Datos contacto]]</span>
[[Volver->Empleados]]
{(live: 100ms)[
<script>
if (document.getElementById("familiares_select").options[document.getElementById("familiares_select").selectedIndex].value != '') {
document.getElementById("fake-link").classList.add('hidden');
document.getElementById("enlace").classList.remove('hidden');
document.getElementById("ofrecer_a_familiares").value = document.getElementById("familiares_select").options[document.getElementById("familiares_select").selectedIndex].value;
} else {
document.getElementById("fake-link").classList.remove('hidden');
document.getElementById("enlace").classList.add('hidden');
}
CustomScripts.updateVariable('ofrecer_a_familiares','text');
</script>
]}<h1>Te damos la bienvenida al asistente DKV para empresas
<span class="steps">Paso 5 de $pasos</span></h1>
Rellena los siguientes campos para que podamos contactar contigo.
<div class="field">CIF:</div><div class="input"><input type="text" id="cif" name="cif" value="">
<span class="legend">Ayuda: Lo necesito para hacer un estudio previo de tu empresa y poder ayudarte mejor en la búsqueda de un producto DKV.</span></div>
<div class="field">Teléfono:</div><div class="input"><input type="text" id="telefono" name="telefono" value=""></div>
<div class="field">Email:</div><div class="input"><input type="email" id="email" name="email" value="">
<span class="hidden error" id="error-email">Introduce un email válido.</span></div>
<div class="field"></div><div class="input"><input type="checkbox" value="" id="privacidad_check" name="privacidad_check"> He leído y acepto la <a href="https://dkv.es/aviso-legal/privacidad" target="_blank">política de privacidad</a> de DKV Seguros.</div>
<input type="text" id="aceptado_politica_privacidad" name="aceptado_politica_privacidad" value="" class="hidden">
<span id="fake-link">> Terminar</span><span id="enlace" class="hidden">[[Terminar->Enviar datos]]</span>
[[Volver->Familiares]]
{(live: 100ms)[
<script>
function validateEmail(email) {
const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(String(email).toLowerCase());
}
var todoOK = false;
if (document.getElementById("cif").value!='' &&
document.getElementById("telefono").value!='' &&
document.getElementById("email").value!='' &&
document.getElementById("privacidad_check").checked) {
todoOK = true;
}
if (document.getElementById("email").value!='' && !validateEmail(document.getElementById("email").value)) {
todoOK = false;
document.getElementById("error-email").classList.remove('hidden');
} else {
document.getElementById("error-email").classList.add('hidden');
}
if (document.getElementById("privacidad_check").checked) {
document.getElementById("aceptado_politica_privacidad").value = 'SI';
} else {
document.getElementById("aceptado_politica_privacidad").value = 'NO';
}
if (todoOK) {
document.getElementById("fake-link").classList.add('hidden');
document.getElementById("enlace").classList.remove('hidden');
} else {
document.getElementById("fake-link").classList.remove('hidden');
document.getElementById("enlace").classList.add('hidden');
}
CustomScripts.updateVariable('cif','text');
CustomScripts.updateVariable('telefono','text');
CustomScripts.updateVariable('email','text');
CustomScripts.updateVariable('aceptado_politica_privacidad','text');
</script>
]}<h2>Envío de la información</h2>
<div class="box">
(if: $name is not 0)[$name, gracias](else:)[Gracias] por contestar a estas preguntas, estamos enviando tu petición a nuestro mejor especialista teniendo en cuenta los datos que nos has facilitado.
<span id="waiting">Enviando...</span><span id="exito" class="hidden">En menos de 24 horas, un gestor personal especializado en seguros para empresas se pondrá en contacto contigo. Es posible que nos pongamos en contacto por teléfono, email o whatsapp.</span><span id="error" class="hidden">Ha habido un error en el envío, ponte en contacto con nosotros en informacion.seguros@dkvseguros.es.</span>
Cuídate mucho.
</div>
<script>
function getUserGA() {
// INICIO RECUPERAMOS LA COOKIE GA
var clientId = "";
try {
var tracker = ga.getAll()[0];
clientId = tracker.get('clientId');
} catch(e) {
console.log("Error al acceder al objeto ga");
}
// FIN RECUPERAMOS LA COOKIE GA
return clientId;
}
function getUserConsent() {
var consentJSON = "";
// INICIO RECUPERAMOS CONSENTIMIENTO
consentJSON = JSON.stringify(CookieScript.instance.currentState());
console.log('DEBUG: consentJSON:'+consentJSON);
// FIN RECUPERAMOS CONSENTIMIENTO
return consentJSON;
}
var myJSON = {
"fields": [
{
"name":"firstname",
"value":harlowe.State.variables['name']
},
{
"name":"email",
"value":harlowe.State.variables['email']
},
{
"name":"dkv_origen_und",
"value":"ROPO-EMPRESAS"
},
{
"name":"comentarios",
"value": "Quiere meter a familiares " + harlowe.State.variables['ofrecer_a_familiares']
},
{
"name":"mobilephone",
"value":harlowe.State.variables['telefono']
},
{
"name":"dkv_suborigen_und",
"value":"ropo-asistenteempresas"
},
{
"name":"zip",
"value":harlowe.State.variables['codigopostal']
},
{
"name":"dkv_privacy_policy",
"value":harlowe.State.variables['aceptado_politica_privacidad']
},
{
"name":"und_tipo_empresa",
"value": harlowe.State.variables['numero_empleados']
},
{
"name":"dni",
"value": harlowe.State.variables['cif']
},
{
"name":"und_consent_mode",
"value": getUserConsent()
} ,
{
"name":"und_ga_cid",
"value": getUserGA()
}
],
"context":
{
"hutk": Cookies.get('hubspotutk')
}
};
jQuery.ajax({
url: "https://api.hsforms.com/submissions/v3/integration/submit/2841087/72aca3b1-540a-4608-bc59-afd6313eae17",
type: "post",
contentType: "application/json",
data: JSON.stringify(myJSON),
cache: false,
success: function(returnhtml){
document.getElementById("waiting").classList.add('hidden');
document.getElementById("exito").classList.remove('hidden');
},
error: function(errorhtml){
console.log(errorhtml);
document.getElementById("waiting").classList.add('hidden');
document.getElementById("error").classList.remove('hidden');
}
});
</script>
