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 el código ya está instalado, el bloque se llama «Código de LeadForms encontrado en el sitio»: no hace falta pegarlo otra vez, pasa directamente al paso «Elige cómo mostrar el quiz».
<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 el código ya está instalado, el bloque se llama «Código de LeadForms encontrado en el sitio»: no hace falta pegarlo otra vez, pasa directamente al paso «Elige cómo mostrar el quiz».
Agrega un bloque nuevo
Entra en el editor de Tilda y agrega un bloque «Otros / Código HTML»
Pega el código
Abre el contenido del bloque que acabas de agregar, pega el código de LeadForms y guarda. El código tiene que estar en cada página donde deba funcionar el quiz: si tienes varias, agrega este bloque en cada una.
Ten en cuenta que el bloque de código HTML solo funciona en los planes de pago de Tilda. Es decir, para que el quiz funcione necesitas tener contratado Tilda Personal o Tilda Business.
Ten en cuenta que el bloque de código HTML solo funciona en los planes de pago de Tilda. Es decir, para que el quiz funcione necesitas tener contratado Tilda Personal o Tilda Business.
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» o «Apertura automática». Puedes elegir varias formas a la vez. Ahí mismo eliges en qué dispositivos y en qué páginas se muestra el quiz.
Si quieres el botón de LeadForms dentro de una sección de la página, elige «Botón en la página» y pega su código
Pulsa «Publicar» al final de la pestaña «Publicación». Sin este paso, los cambios no llegan a tu web.
Si quieres el botón de LeadForms dentro de una sección de la página, elige «Botón en la página» y pega su código
<div data-leadforms-button="ID"></div> en un bloque «Otros / Código HTML», justo donde deba ir el botón (en lugar de ID va 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 web.
Publica la página
Si quieres abrir el quiz con un botón de Tilda
El código de LeadForms tiene que estar en la página igualmente: pégalo como en los pasos 1 a 3 de arriba. Si ya está, no hace falta pegarlo otra vez.
Toma el enlace del quiz en «Enlaces y botones de tu sitio»
En LeadForms, en la pestaña «Publicación» → «En la web», dentro del paso «Cómo se abre», despliega «Enlaces y botones de tu sitio» y copia el enlace. Estos enlaces funcionan siempre: no hay que activar ni publicar nada aparte. El quiz se abrirá desde cualquier botón o enlace de tu web que lleve a
#leadforms-ID, donde ID es el número de tu quiz.
Agrega el botón
Agrega un bloque con botón del catálogo de Tilda, cualquiera de la sección de formularios y botones, y abre «Contenido».
Escribe el enlace del quiz
En el campo «Enlace del botón» escribe #leadforms-ID: en lugar de ID va el número de tu quiz. Guarda.
Publica la página
Tu quiz ya está en la web de Tilda.
Si el quiz tiene que ir dentro de la página
Puedes mostrar el quiz como un bloque dentro de una sección de la web, sin botón ni ventana emergente. El código de LeadForms también hace falta aquí, como en los pasos 1 a 3 de arriba.
Elige «Bloque en la página»
En LeadForms, en la pestaña «Publicación» → «En la web», en el paso «Dónde se muestra el quiz» elige «Bloque en la página» y pulsa «Publicar».
Pega el código del bloque
En Tilda agrega un bloque «Otros / Código HTML» donde deba ir el quiz y pega dentro
<div data-leadforms-block="ID"></div>: en lugar de ID va el número de tu quiz. Guarda y publica la página.¿No te sale la configuración?
Si algo no funciona, puedes y lo resolvemos contigo.
