Añadir Checkbox con Términos y Condiciones en Thrive Leads

Hay una inmensa locura en la red y tu necesitas poner checkbox con términos y condiciones en Thrive Leads .

¡¡¡¡Que llega la nueva ley de protección de datos !!!!

Sí, el próximo día 25 de mayo de 2018 entra en vigor en toda Europa la nueva ley de protección de datos RGPD ( Reglamento General de Protección de Datos ).

Y todo el mundo se esta volviendo loco, por que parece que el día 26, ya nos van a estar poniendo multas a todos.

No te preocupes no te voy a soltar un rollazo sobre la nueva ley, que incluye, lo que tienes que cumplir y lo que no, etc, para eso te recomiendo que hables con mi abogado Raúl Florido de www.raulflorido.com

Yo hoy te vengo a hablar de la parte técnica, es decir como incluir una casilla de verificación en Thriveleads para que cuando tus visitas  decidan descargarse tu Lead Magnet  marquen que han leído y están conformes con tus términos y condiciones, política de privacidad etc.

Ya que las últimas semanas no he parado de recibir peticiones y preguntas a este respecto he decidido contarte como solucionarlo.

Video Tutorial Checkbox con Términos y Condiciones en Thrive Leads

Si te es mas sencillo te he preparado un video para que pierdas menos tiempo.

Empezamos con el tutorial para poner un checkbox con términos y condiciones en Thrive Leads

Este tutorial es genérico para poner un checkbox con términos y condiciones en Thrive Leads para los formularios que están conectados a través de una conexión via API en Thrive Leads.

Al final del tutorial te pondré un par de videos más especificos para conexiones hechas directamente con un formulario en Active Campaing y Mailrelay.

En primer lugar, tienes que copiar el código Html5 que encontraras a continuación y añadirlo donde te diga, así que permanece atento.

Para copiarlo haz click en donde dice “view raw” y se te abrirá el código en una ventana en blanco del navegador donde te será más fácil de copiar

Aquí tienes el Código html5 para el checkbox :

Una vez copiado dirigete a thriveleads y edita el formulario al que le quieras añadir está caja de confirmación con tus términos y condiciones.

En mi caso se lo voy a añadir a un Thrivebox.

Primero busco el Trhivebox  y hago click en “Edit”.

Después edito el formulario, dentro de este thrivebox, en mi caso sólo tengo uno ya que no tengo ningún Test A/B activo. Para editarlo hago click en el icono del lapiz azul

Una vez en Thrive Architect tendrás que hacer click en el icono de la rueda dentada que hay en la parte superior izquierda donde están las herramientas, el contenido de la barra lateral cambiara y te apareceran las settings, desde aquí  selecciona la opción “Edit HTML”.

Entonces se mostrará todo el código html como ves en la imagen a continuación, pero no te agobies que te guío paso a paso, Ahora vas a presionar la teclas “ctrl + f” y se te abrirá una caja de busqueda como ves en la foto que viene a continuación, escribe en la caja de búsqueda la palabra “button”. Una vez la escribas te la marcará en todo el texto, pon el cursor al final de </button> y pulsa la tecla intro, para crear un salto de linea, es al principio de esta nueva linea donde pegarás el código html5 que copiaste en uno de los pasos anteriores.

Una vez pegado el código haz click en el icono de check que encontraras en la esquina superior derecha de esta ventana del código

Ahora vuelve a hacer click en la rueda superior dentada en la barra de herramientas y esta vez selecciona Custom CSS

Ahora copia el código CSS3 que encontrarás a continuación haciendo click en “view raw” se te abrirá en una ventana en blanco para que te sea más fácil copiarlo, recuerda que esto es importante para añadir un checkbox con términos y condiciones en Thrive Leads.

Aquí tienes el Código CSS3 para el checkbox :

Una vez lo tienes copiado, pégalo a continuación del código que te encuentres en la barra de Css y haz click en la X de cerrar la ventana para que los estilos tomen efecto.

Una vez hecho esto ya estaría, sólo nos falta una prueba para ver que todo funciona y está en orden.

Guardamos y hacemos click en preview para ver como toman efecto los cambios.

Probamos a rellenar todos los campos sin marcar la caja check y enviamos el formulario para asegurarnos de que no manda el formulario a menos de que rellenemos esta casilla

Nos ha de dar un mensaje de error, eso quiere decir que ha detectado que el checkbox no está marcado y por lo tanto no envía el formulario. Funciona!!!!!

Ya podemos decir que hemos añadido un checkbox con términos y condiciones en Thrive Leads.

Si no has traducido los mensajes de error te recomiendo que lo hagas, simplemente tienes que hacer click sobre el formulario en thrive architect, como si fueras a editarlo y en la barra lateral te aparecerán las opciones de edición del formulario, despliega advanced, y haz click en “Edit error messages”.

Modifica sólo “Email error” y “Required field error” el resto no tienen importancia de cara a un formulario de suscripción.

Una vez hecho esto ya tendremos listo nuestro formulario con un check para la política de datos, comprueba que todo funciona y disfrútalo.

Video tutorial para poner checkbox en thriveleads conectado con un formulario de ActiveCampaing

Código html para poner el span:

Código CSS para ponerlo Bonito:

Video tutorial para poner checkbox en thriveleads conectado con un formulario de Mailrelay

Código html para poner el span:

Código CSS para ponerlo Bonito:

Bueno espero haberte podido ayudar, ya que se que hay mucha gente desesperada con respecto a este tema, recuerda que te espero en los comentarios para cualquier duda o inquietud, o simplemente para escuchar tu opinión.

Un fuerte abrazo!!!!