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 esta página, 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 esta página, no hace falta pegarlo otra vez.
Abre la entrada en WordPress
En el escritorio ve a «Entradas» → «Todas las entradas» y abre aquella en la que quieres el quiz.
Crea un bloque nuevo
En el editor de la entrada pulsa el icono «+» para agregar un bloque, justo donde quieres el quiz.
Elige el bloque «HTML personalizado» y pega el código de LeadForms
En la lista de bloques elige «HTML personalizado» y pega dentro el código de LeadForms. Si no lo ves en la lista, búscalo con el buscador de bloques o en la lista completa. Pulsa «Guardar» (en versiones anteriores de WordPress, «Actualizar»).
El código tiene que estar en cada entrada o página donde deba funcionar el quiz.
El código tiene que estar en cada entrada o página donde deba funcionar el quiz.
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 la entrada, 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 web.
Si elegiste «Botón en la página», es decir, el botón de LeadForms dentro de la entrada, 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 web.
Pega el código del botón y guarda la entrada
Si elegiste «Botón en la página», vuelve al editor de la entrada y pega
Para el botón de LeadForms en la esquina y para la apertura automática, este paso no hace falta.
<div data-leadforms-button="ID"></div> donde deba ir el botón: en el mismo bloque «HTML personalizado», justo detrás del código de LeadForms, o en otro bloque «HTML personalizado». Guarda la entrada.Para el botón de LeadForms en la esquina y para la apertura automática, este paso no hace falta.
¡Listo! El quiz ya está en la web
En la página aparece el botón de LeadForms y, al pulsarlo, se abre el quiz. Para comprobar la instalación, en LeadForms, en el bloque «Código del sitio», pulsa «Verificar página» y escribe la dirección de la entrada.
Si prefieres usar tu propio botón
Esta opción sirve cuando el quiz debe abrirse desde un botón que ya existe en tu página, y no desde el código de LeadForms.
El código de LeadForms sigue haciendo falta: pégalo como en los pasos 1 a 4 de arriba. El código del botón de LeadForms aquí no se usa.
El código de LeadForms sigue haciendo falta: pégalo como en los pasos 1 a 4 de arriba. El código del botón de LeadForms aquí no se usa.
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
Vuelve a la edición de la entrada e inserta un botón. Ponle un texto y, como enlace del botón, pega
#leadforms-ID: en lugar de ID va el número de tu quiz.Publica la página
El quiz se abrirá al pulsar el botón.
Si el quiz tiene que ir dentro de la entrada
Puedes mostrar el quiz como un bloque dentro de la entrada, sin botón ni ventana emergente. El código de LeadForms también hace falta aquí, como en los pasos 1 a 4 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 la entrada
En el editor de la entrada agrega un bloque «HTML personalizado» 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 la entrada.¿No te sale la configuración?
Si algo no funciona, puedes y lo resolvemos contigo.
