Forma 1: usar un botón de Taplink
Abre el quiz → pestaña «Publicación» → subpestaña «Enlace». Copia el enlace directo del quiz, que tiene esta forma:
https://quiz.leadforms.org/ID. Para esta forma no hace falta pegar ningún código en la página.
Agrega un bloque nuevo en el editor de Taplink
Pulsa «Agregar bloque» y elige «Enlace».
En la ventana que se abre escribe el texto del botón
Elige la opción «Abrir sitio web», pega el enlace copiado y pulsa «Guardar».
¡Listo! El quiz ya está puesto.
Forma 2: instalar el código de LeadForms (botón, apertura automática o quiz como bloque)
Copia el código de LeadForms
En el editor del quiz abre «Publicación» → «En la web» y despliega el bloque «Código del sitio». Copia el código, que tiene esta forma:
Es un solo código para toda la web: carga todos tus quizzes y widgets. Si ya está en tu página de Taplink, no hace falta pegarlo otra vez.
<script async src="https://script.leadforms.org/v1.js" data-key="TU_CLAVE"></script>. Tu clave ya viene puesta.Es un solo código para toda la web: carga todos tus quizzes y widgets. Si ya está en tu página de Taplink, no hace falta pegarlo otra vez.
Agrega un bloque nuevo en el editor de Taplink
Pulsa «Agregar bloque» y elige «Código HTML». Ten en cuenta que ese bloque solo funciona en los planes de pago de Taplink.
Pega el código de LeadForms en el bloque «Código HTML»
Pega el código copiado en el bloque y guarda.
Elige cómo mostrar el quiz y pulsa «Publicar»
Vuelve a LeadForms, a la pestaña «Publicación» → «En la web». En el paso «Dónde se muestra el quiz» elige «Ventana sobre el sitio» o «Panel lateral», y en el paso «Cómo se abre», por ejemplo, «Botón de LeadForms: en la esquina o como banner», «Apertura automática» o «Botón en la página». Puedes elegir varias formas a la vez.
Si elegiste «Botón en la página», es decir, el botón de LeadForms dentro de tu página de Taplink, copia su código, que tiene esta forma:
Pulsa «Publicar» al final de la pestaña «Publicación». Sin este paso, los cambios no llegan a tu página.
Si elegiste «Botón en la página», es decir, el botón de LeadForms dentro de tu página de Taplink, copia su código, que tiene esta forma:
<div data-leadforms-button="ID"></div> (ID es el número de tu quiz).Pulsa «Publicar» al final de la pestaña «Publicación». Sin este paso, los cambios no llegan a tu página.
Vuelve al editor de Taplink
Si elegiste «Botón en la página», pega
Si el quiz tiene que ir dentro de la página, sin botón ni ventana: en «Publicación», en el paso «Dónde se muestra el quiz», elige «Bloque en la página», pulsa «Publicar» y pega en el bloque «Código HTML»
<div data-leadforms-button="ID"></div> en el mismo bloque «Código HTML», justo detrás del código de LeadForms, y guarda los cambios. Para el botón de LeadForms en la esquina y para la apertura automática, este paso no hace falta.Si el quiz tiene que ir dentro de la página, sin botón ni ventana: en «Publicación», en el paso «Dónde se muestra el quiz», elige «Bloque en la página», pulsa «Publicar» y pega en el bloque «Código HTML»
<div data-leadforms-block="ID"></div>.¡Listo! El quiz ya está puesto.
¿No te sale la configuración?
Si algo no funciona, puedes y lo resolvemos contigo.