Cómo integrar un Formulario a tu Página de Aterrizaje de Kaydu
Las landing pages—o páginas de aterrizaje—son una parte esencial del marketing digital. Funcionan como el lugar donde tu posible cliente tendrá una primera impresión de lo que ofreces, por lo que no solamente es muy importante elaborarla bien para dar correctamente esta primera impresión, sino también asegurarte que funciona correctamente.
Es muy común integrar formularios a una página de aterrizaje puesto que, en ocasiones, la página de aterrizaje va ligada a un imán de prospectos para lo cual necesitarás recopilar datos de tu potencial cliente. Para esto necesitarás que el formulario que elabores (cosa que la plataforma de Kaydu te permite hacer mediante su sección de formularios) esté integrado correctamente al dominio de tu página de aterrizaje.
Descuida, en seguida te enseñamos a hacer esto, pero primero queremos enfatizar que si este proceso no está hecho correctamente, tu formulario dentro de la página de aterrizaje no funcionará.
Tu landing page ya deberá estar creada.
Dentro del editor de la Landing Page, agrega un elemento HTML.
Una vez integrado, debe verse así:
Guarda tu landing page y sal de momento.
En el apartado de Landing Pages, busca la landing page que creaste y busca en la parte derecha este ícono:
Haz clic y selecciona “Link de Landing Page”
Te aparecerá el siguiente pop-up que contiene el link de tu página. Haz clic en el botón rojo de copiar.
Dirígete hacia formularios y crea el formulario que desees utilizar.
Al crear tu formulario, te aparecerá el siguiente pop-up. En el campo de “Dominio” debes pegar el dominio que copiaste de tu landing page.
Edita y guarda tu formulario.
En la sección de Formularios de la página de Kaydu, en la fila de la tabla correspondiente a tu formulario, te debe salir el link de tu landing page en la columna de “Dominio” como se muestra aquí:
El dominio del formulario debe ser el mismo link de la Landing Page, de lo contrario, el formulario dentro de tu Landing Page no va a funcionar.
En esa misma sección de Formularios, busca el ícono de las tres rayas en la parte derecha de la tabla y haz clic.
Selecciona la opción “Mostrar Código HTML”
Aquí se despliega el código HTML que necesitas para integrar el formulario a tu Landing Page. Haz clic en el botón rojo de copiar.
Regrésate al editor de tu landing page y dirígete al bloque HTML que integramos anteriormente.
Pega el código HTML en la consola al lado izquierdo de la pantalla. Una vez que hagas esto, tu formulario debe salir en la pantalla del editor.
Guarda tu landing page nuevamente.
Recuerda que, por tratarse de un formulario estático, debes actualizar el código HTML en el editor de la landing page manualmente cada vez que le hagas un cambio al formulario.
Sigue el mismo procedimiento para integrar un formulario inteligente a tu Landing Page, únicamente considera que el código para un formulario inteligente se ve distinto al de un formulario estático, sin embargo, la integración funciona de la misma manera en el editor de tu Landing Page. Tu formulario inteligente aparecerá con base en las configuraciones avanzadas que elijas al momento de crearlo; te explicamos más sobre esto en este artículo.
Es muy común integrar formularios a una página de aterrizaje puesto que, en ocasiones, la página de aterrizaje va ligada a un imán de prospectos para lo cual necesitarás recopilar datos de tu potencial cliente. Para esto necesitarás que el formulario que elabores (cosa que la plataforma de Kaydu te permite hacer mediante su sección de formularios) esté integrado correctamente al dominio de tu página de aterrizaje.
Descuida, en seguida te enseñamos a hacer esto, pero primero queremos enfatizar que si este proceso no está hecho correctamente, tu formulario dentro de la página de aterrizaje no funcionará.
Tu landing page ya deberá estar creada.
Dentro del editor de la Landing Page, agrega un elemento HTML.
Una vez integrado, debe verse así:
Guarda tu landing page y sal de momento.
En el apartado de Landing Pages, busca la landing page que creaste y busca en la parte derecha este ícono:
Haz clic y selecciona “Link de Landing Page”
Te aparecerá el siguiente pop-up que contiene el link de tu página. Haz clic en el botón rojo de copiar.
Dirígete hacia formularios y crea el formulario que desees utilizar.
Al crear tu formulario, te aparecerá el siguiente pop-up. En el campo de “Dominio” debes pegar el dominio que copiaste de tu landing page.
Edita y guarda tu formulario.
En la sección de Formularios de la página de Kaydu, en la fila de la tabla correspondiente a tu formulario, te debe salir el link de tu landing page en la columna de “Dominio” como se muestra aquí:
El dominio del formulario debe ser el mismo link de la Landing Page, de lo contrario, el formulario dentro de tu Landing Page no va a funcionar.
En esa misma sección de Formularios, busca el ícono de las tres rayas en la parte derecha de la tabla y haz clic.
Selecciona la opción “Mostrar Código HTML”
Aquí se despliega el código HTML que necesitas para integrar el formulario a tu Landing Page. Haz clic en el botón rojo de copiar.
Regrésate al editor de tu landing page y dirígete al bloque HTML que integramos anteriormente.
Pega el código HTML en la consola al lado izquierdo de la pantalla. Una vez que hagas esto, tu formulario debe salir en la pantalla del editor.
Guarda tu landing page nuevamente.
Recuerda que, por tratarse de un formulario estático, debes actualizar el código HTML en el editor de la landing page manualmente cada vez que le hagas un cambio al formulario.
Sigue el mismo procedimiento para integrar un formulario inteligente a tu Landing Page, únicamente considera que el código para un formulario inteligente se ve distinto al de un formulario estático, sin embargo, la integración funciona de la misma manera en el editor de tu Landing Page. Tu formulario inteligente aparecerá con base en las configuraciones avanzadas que elijas al momento de crearlo; te explicamos más sobre esto en este artículo.
Actualizado el: 11/05/2023
¡Gracias!