Cómo añadir un formulario Growform de varios pasos a Instapage

Instapage es un constructor de páginas de aterrizaje impresionante, pero puede ser limitante si desea crear un formulario de múltiples pasos de alta conversión.

Aunque Instapage tiene una función de formularios multipaso, sólo está disponible en sus planes personalizados, y carece de las características de un constructor de formularios multipaso especializado.

Growform – el constructor de formularios multipaso líder – facilita la creación de hermosos formularios multipaso e incrustarlos directamente en su página de destino Instapage.

Tus usuarios verán un formulario que parece parte de Instapage – terminarás con algo como esto:

1 – Crear un formulario en Growform

Para empezar, primero tendrás que crear un formulario en Growform. Está disponible como prueba gratuita de 14 días, sin necesidad de tarjeta de crédito: empiece aquí.

El primer paso será algo parecido a esto:

Siga nuestra guía de introducción si necesita ayuda para crear su primer formulario.

2 – Obtenga su código de participación Growform

Obtenga su código de uso compartido de Growform en el menú “compartir formulario” de la barra de navegación superior.

Haga clic en la primera opción, titulada “Incrustar Growform directamente en su sitio web con un fragmento HTML”. A continuación, haga clic en el cuadro de código y copie el código en el portapapeles.

3 – Añadir un bloque HTML personalizado a Instapage

Ahora, abre tu página de aterrizaje en el editor de Instapage. Deberá eliminar los formularios que ya tenga.

A continuación, busque el widget “HTML” en la parte izquierda. Parece un par de corchetes de código ( <> ).

Nota: es posible que tenga que desplazarse para encontrar el widget HTML, ¡es el último!

A continuación, haz clic en el widget HTML, pulsa “Editar” y pega tu código en el recuadro. Haga clic en “Hecho”.

Ahora, reposiciona la caja para que encaje en tu diseño.

Aquí tienes un gif de todo el proceso:

Pulsa “Guardar” y “Actualizar” para finalizar este paso.

Debido al funcionamiento de Instapage, el HTML personalizado (incluido el widget de formulario multipaso de Growform) no se mostrará en el modo de vista previa. No te preocupes: puedes comprobar que tu formulario funciona publicándolo.

4 – Publique su formulario y realice algunos ajustes

Cuando publiques tu formulario, probablemente verás un formulario parecido a este, dependiendo de la plantilla que hayas utilizado:

Esto significa que estás muy cerca – sólo necesitas hacer algunos ajustes para que tu forma sea absolutamente perfecta:

• En la configuración de “Tema” de Growform, establezca el fondo del contenedor padre en “color” y elija un color de fondo que coincida con el color de Instapage.
• Elimina cualquier encabezado/instrucciones en la parte superior de tu formulario Growform – siempre puedes añadirlos en el espacio de arriba en Instapage.
• Ajuste el color primario de su formulario (que afecta a las barras de progreso y a los acentos), así como la gama de otros ajustes de color.

Tomándonos un momento para ajustar la configuración del diseño, podemos conseguir un formulario multipaso en Instapage, que se vea perfectamente alineado con el diseño y parte de la página:

5 – Opcionalmente, configure el seguimiento de conversiones y los destinos de los leads

Ahora que tenemos nuestro formulario multipaso de Instapage configurado, ¿dónde van los clientes potenciales?

Los clientes potenciales aparecerán en su cuenta de Growform y se le enviarán por correo electrónico de forma predeterminada. También puede utilizar Zapier para enviar sus clientes potenciales a uno de los cientos de destinos.

Esto significa que no hay necesidad de configurar nada más (como formularios y notificaciones de clientes potenciales) en su cuenta de Instapage, ya que esto vivirá en Growform ahora.

Si lo deseas, siempre puedes activar el código de seguimiento externo de Instapage para realizar un seguimiento de las conversiones en Instapage; sólo tienes que copiar su código y añadirlo a la opción “Script personalizado para activar al enviar el formulario” de Growform en la configuración del formulario:

¿Necesitas más? Estamos trabajando activamente en nuestra oferta de Instapage.

Póngase en contacto con nuestro experimentado equipo de asistencia si podemos ayudarle en algo, incluida la configuración de su cuenta.