<style> .entry-title{ display:none; } .et_pb_pagebuilder_layout .page .post-wrap h1 { padding-bottom: 23px; font-size: 30px; padding-top: 15px; } .cuestionario{ width: 100%; text-align: center; } /* CONTADOR DE PREGUNTAS*/ .counter ul{ padding: 0; margin: 0; } .counter li{ display: inline-block; width: 25px; height: 29px; padding: 0px 0px 0px 7px; border:1px solid; border-color: #5A143E !important; color: #5A143E !important; border-radius: 0 !important; transition: 1s all; list-style: none; text-align: left; } .counter li:last-child{ padding: 0px 0px 0 3px; } .counter li.sel{ border-color: #5A143E !important; color: #5A143E !important; background-color:#EDB0C9 !important; border-radius: 0; font-weight: bold; } /* PREGUNTAS */ .question{ color: #5A143E !important; font-size: 1.5em; padding-top: 20px; } .question img{ position: absolute; margin: -10px 0 0 -47px; } .item{ display: none; } /* OPCIONES EN LAS PREGUNTAS*/ .response{ padding-top: 25px; } .option{ display: inline-block; width: 100px; height: 125px; border: 1px solid #5A143E; color: #5A143E; vertical-align: top; cursor: pointer; margin: 5px; } .option:hover{ background: rgba(237,176,201,0.2); } .option-ok{ width: 0; height: 0; border-top: 32px solid #5A143E; border-left: 32px solid transparent; position: absolute; padding: 1px 0 -2px 0; margin: 1px 0 0 65px; color: #EDB0C9; font-size: 17px; float: none; display: none; } .option-ok img{ position: absolute; margin: -28px 0 0 -17px; width: 15px; height: 15px; max-width:15px; } .option-icon{ display: block; font-size: 38px; border: 1px solid #5A143E; width: 90px; margin: 5px; color: #5A143E; } .option-txt{ padding: 5px 0 0 0; font-size: 24px; font-weight: bold; } /* FORMULARIO DE REGISTRO */ .loading{ width: 100px; text-align: center; margin: 0 auto; display: none; } .formulario { padding-bottom: 30px; width: 460px; margin: 0 auto; display: none; } .input-txt{ font-size: 30px; color: #5A143E; margin: 30px 0 20px 0; } .cuestionario input{ border: 1px solid #5A143E; } .cuestionario .btn{ font-size: 28px; } .input, .textarea, select, textarea, input, input[type="text"], input[type="password"], input[type="email"], input[type="search"] { outline: none; background: rgba(0, 0, 0, 0.05); border-radius: 3px; box-shadow: none; box-sizing: border-box; padding: 3px 0 0 12px; color: rgba(0, 0, 0, 0.6); font-family: inherit; font-size: inherit; font-weight: inherit; line-height: normal; transition: .3s ease; display: block; width: 100%; height: 41px; border: 1px solid #5A143E; } .form-group { margin-bottom: 15px; } .btn{ font-family: 'Arimo', Helvetica, Arial, Lucida, sans-serif; background: #ac337b; color: #FFFFFF; font-size: 25px; outline: none; border: 0; display: inline-block; padding: 16px 0 9px 12px; border-style: solid; border-radius: 3px; box-shadow: none; font-weight: 600; line-height: 33px; text-shadow: none; text-transform: uppercase; cursor: pointer; transition: .3s ease; width: 100%; } .checkbox, .radio { position: relative; margin-top: 10px; margin-bottom: 10px; } .checkbox span{ width: 200px; display: inline-block; vertical-align: top; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; font-weight: 400; cursor: pointer; display: block; max-width: 300px; font-size: 12px; margin:0 auto; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { border: 1px solid #5A143E; line-height: normal; height: inherit; width: 20px; display: inline-block; } .input-txt { font-size: 30px; color: #5A143E; margin: 30px 0 20px 0; } @media only screen and (max-width: 560px) { .formulario { padding-bottom: 30px; width: 100%; margin: 0 auto; display: none; } } </style>

<div class="cuestionario"> <div class="row"> <div class="col-xs-12 text-center"> <h1>¿Eres un Superahorrador?</h1> <span>¡Haz el Test en un minuto y descubre tu Nivel de Ahorro!</span> </div> </div> <div class="row"> <hr> </div> <div class="row contador"> <div class="col-xs-12"> <ul class="list-inline text-center counter"> <li class="list-group-item sel">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li> <li class="list-group-item">4</li> <li class="list-group-item">5</li> <li class="list-group-item">6</li> <li class="list-group-item">7</li> <li class="list-group-item">8</li> <li class="list-group-item">9</li> <li class="list-group-item">10</li> </ul> </div> </div> <div class="row"> <div class="col-xs-12 text-center item" data-id="1"> <div class="question"> <span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"> <img alt="icono hucha" src="https://www.superquoter.com/wp-content/uploads/2017/05/hucha.png" width="40px;"> </span> <span> En un mes normal, ¿consigues ahorrar?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="icono verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono correcto" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="icono correcto" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png" > </div> <div class="option-icon"> <img alt="Icono incorrecto" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="2"> <div class="question"> <span class="glyphicon glyphicon-stats" aria-hidden="true"> <img alt="icono gráfico" src="https://www.superquoter.com/wp-content/uploads/2017/05/stats.png" width="40px;"> </span> <span>Según tus ingresos y gastos fijos, ¿te fijas un presupuesto mensual?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="opción correcta" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono pulgar arriba" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="icono verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="incorrecto" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="3"> <div class="question"> <span class="glyphicon glyphicon-search" aria-hidden="true"> <img alt="icono lupa" src="https://www.superquoter.com/wp-content/uploads/2017/05/lupa.png" width="40px;"> </span> <span>¿Revisas tus cuentas cada mes?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="icono ok" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="verdadero"src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="opción ok" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono falso" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="4"> <div class="question"> <span class="glyphicon glyphicon-tags" aria-hidden="true"> <img alt="icono tags" src="https://www.superquoter.com/wp-content/uploads/2017/05/labels.png" width="40px;"> </span> <span>Antes de hacer compras, ¿comparas precios y buscas ofertas?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono valido" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="icono correcto"<br /> src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="incorrecto" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="5"> <div class="question"> <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"> <img alt="icono carrito" src="https://www.superquoter.com/wp-content/uploads/2017/05/shopping.png" width="40px;"> </span> <span>¿Evitas las compras por impulso en la medida de lo posible?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="opción correcta" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="opción válida"src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="opción incorrecta" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="6"> <div class="question"> <span class="glyphicon glyphicon-leaf" aria-hidden="true"> <img alt="icono ahorrar" src="https://www.superquoter.com/wp-content/uploads/2017/05/eco.png" width="40px;"> </span> <span>¿Tomas precauciones para reducir el consumo de agua, luz, calefacción…?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="opción correcta"src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="opción correcta" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono incorrecto"src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="7"> <div class="question"> <span class="glyphicon glyphicon-dashboard" aria-hidden="true"> <img alt="icono coche" src="https://www.superquoter.com/wp-content/uploads/2017/05/conduccion.png" width="40px;"> </span> <span> ¿Consideras que conduces de forma eficiente?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="correcto" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="falso" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="8"> <div class="question"> <span class="glyphicon glyphicon-comment" aria-hidden="true"> <img alt="icono compartir" src="https://www.superquoter.com/wp-content/uploads/2017/05/compartir.png" width="40px;"> </span> <span>¿Compartes tus trucos de ahorro a amigos y familiares?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="icono ok" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="icono validación" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="error" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="9"> <div class="question"> <span class="glyphicon glyphicon-calendar" aria-hidden="true"> <img alt="icono calendario" src="https://www.superquoter.com/wp-content/uploads/2017/05/calendar.png" width="40px;"> </span> <span>¿Te pones metas de ahorro a corto, medio y largo plazo?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="opción valida" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="correcto" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="no válido" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> <div class="col-xs-12 text-center item" data-id="10"> <div class="question"> <span class="glyphicon glyphicon-eye-open" aria-hidden="true"> <img alt="icono noticias" src="https://www.superquoter.com/wp-content/uploads/2017/05/news.png" width="40px"> </span> <span>¿Estás al tanto de la actualidad económica?</span> </div> <div class="response"> <div class="option" data-id="1"> <div class="option-ok"> <img alt="Opción correcta" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono correcto" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_up.png" width="70px"> </div> <span class="option-txt">Si</span> </div> <div class="option" data-id="0"> <div class="option-ok"> <img alt="icono verdadero" src="https://www.superquoter.com/wp-content/uploads/2017/05/check_ok.png"> </div> <div class="option-icon"> <img alt="icono incorrecto" src="https://www.superquoter.com/wp-content/uploads/2017/05/hund_down.png" width="70px"> </div> <span class="option-txt">No</span> </div> </div> </div> </div> <div class="clearfix"></div> <div class="row formulario"> <div class="text-center input-txt"> Sólo un paso mas... </div> <div class="col-sm-offset-3 col-sm-6 col-xs-12"> <form class="text-center" id="form_egoi"> <div class="form-group"> <input type="text" class="form-control" id="name" placeholder="Nombre" required> </div> <div class="form-group"> <input type="email" class="form-control" id="email" placeholder="Email" required> </div> <div class="checkbox"> <label> <input type="checkbox" id="politica" required><span>Acepto la <a href="https://www.superquoter.com/politica-privacidad-fichero-newsletter/" target="_blank">Política de Privacidad</a></span> </label> </div> <button type="submit" class="btn btn-success btn-block">¡Comprueba <br>tu resultado!</button> </form> </div> </div> </div> <div class="loading"> <img alt="icono cargando" src="https://www.superquoter.com/wp-content/uploads/2017/05/loading.gif" width="50x"><br> Cargando </div>

<script> var i=0; jQuery(document).ready(function(){ url = location.href; params = url.split('?'); if(params.length>0){ param = '?'+params[1]; }else{ param = ""; } jQuery(".item:first").fadeIn(); jQuery(".option").click(function(){ jQuery(this).unbind('click').siblings('.option').unbind('click'); if(jQuery(this).data("id")==1){ i+=1; } jQuery(this).css("background-color","#EDB0C9"); jQuery(this).find('.option-ok').fadeIn('fast',function(){ jQuery(this).delay(150).fadeOut('fast'); jQuery(this).parents('.item').delay(150).slideUp('slow'); jQuery(this).parents('.item').find('.question').delay(150).fadeOut('slow'); }); jQuery(this).parents('.item').next('.item:first').fadeIn(); jQuery('.counter li:not(.sel):first').addClass('sel'); if(jQuery(this).parents('.item').is(':last-child')){ jQuery('.formulario').slideDown(); jQuery('.contador').slideUp(); } }); jQuery('#form_egoi').submit(function(event){ var datos= []; url=""; name = jQuery("#name").val(); email = jQuery("#email").val(); switch (i){ case 0: case 1: case 2: url = "https://38.e-goi.com//w/1efeZQ0e1P1wUChkne1803bcc-"; datos ={"fname_40":name,"email_41":email,"lang":"es","lista":1,"cliente":215400,"formid":14}; break; case 3: case 4: url = "https://38.e-goi.com//w/1edeZQ0e1P1wUH9t3e8705a4-a"; datos ={"fname_38":name,"email_39":email,"lang":"es","lista":1,"cliente":215400,"formid":13}; break; case 5: case 6: url = "https://38.e-goi.com//w/1eceZQ0eaU9bt7mqe11455-7b"; datos ={"fname_36":name,"email_37":email,"lang":"es","lista":1,"cliente":215400,"formid":12}; break; case 7: case 8: url = "https://38.e-goi.com//w/1ebeZQ0e1P1wUHoX3e51a5b825"; datos ={"fname_34":name,"email_35":email,"lang":"es","lista":1,"cliente":215400,"formid":11}; break; case 9: case 10: url = "https://38.e-goi.com//w/1e6eZQ0e1P1wUHsBve3db839b9"; datos ={"fname_24":name,"email_25":email,"lang":"es","lista":1,"cliente":215400,"formid":6}; break; } if (jQuery('#politica').is(':checked')){ jQuery('.cuestionario').slideUp('fast'); jQuery('.loading').slideDown('fast'); console.log(datos); jQuery.post(url,datos,function(data){ window.location.href ="https://www.superquoter.com/gracias-test-ahorrador/"+param; }).fail(function() { window.location.href ="https://www.superquoter.com/gracias-test-ahorrador/"+param; }); } event.preventDefault(); }); }); </script>