Growform Multi Step Form Builder
  • Plantillas
  • Integraciones
  • Testimonios
  • Precios
  • Contacte con nosotros
  • Log in
  • Free trial

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

Unbounce es nuestro constructor de páginas de aterrizaje favorito por mucho, pero los usuarios a menudo desean construir formularios de varios pasos que no se pueden hacer en su interfaz.

En lugar de hackear cientos de líneas de JavaScript o encadenar múltiples páginas de aterrizaje, esta guía te mostrará cómo implementar Growform – el constructor de formularios multipaso líder – en tu página de aterrizaje Unbounce.

Si elige incrustar su formulario en la página, terminará con algo como esto:

blank
Se trata de un formulario incrustado. Para el usuario, parece exactamente como si fuera parte de Unbounce.

… o si prefiere mostrar su formulario como una superposición cuando se hace clic en un botón, terminará con algo como esto:

Se trata de un formulario superpuesto. Aparece cuando se hace clic en un botón de tu página de Unbounce.

Tabla de contenidos

  • En primer lugar,elige entre “incrustar” o “superponer”.
  • Insertar el formulario directamente en la página
    • 1 – Crear un formulario en Growform
    • 2 – Obtenga su código de participación Growform
    • 3 – Añade un bloque HTML personalizado a Unbounce y pega tu código
  • 4 – Previsualice su formulario y realice algunos ajustes
    • 5 – Activar el seguimiento de conversiones de Unbounce

En primer lugar,elige entre “incrustar” o “superponer”.

Ahora que conoces la diferencia entre las dos opciones, es el momento de elegir si quieres incrustar tu formulario multipaso directamente en tu página de Unbounce, o hacer que “aparezca” como una superposición cuando se hace clic en un botón.

El que utilices dependerá principalmente de tu plantilla Unbounce – no hay una “respuesta correcta” – así que elige la que mejor se adapte a tu diseño.

Ahora, elige una opción…

⬇️ Incrustar el formulario directamente en la página (sigue leyendo esta guía)
⬇️ Hacer que el formulario aparezca como una superposición cuando se hace clic en un botón

Insertar el formulario directamente en la página

1 – Crear un formulario en Growform

Por supuesto, tendrás que crear un formulario en Growform. Hay una prueba gratuita de 14 días (sin tarjeta de crédito) – inscríbete aquí.

El primer paso será algo parecido a esto:

blank

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

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

Para obtener su código de compartición de Growform, abra Growform y asegúrese de que su formulario está guardado. A continuación, vaya a “Compartir formulario” en la barra superior azul.

Elija la primera opción – “Incrustar Growform directamente en su sitio web con un fragmento HTML”, haga clic en el código y cópielo en el portapapeles:

blank

3 – Añade un bloque HTML personalizado a Unbounce y pega tu código

Ahora, abre tu página Unbounce en el editor y arrastra sobre el bloque “Custom HTML”. A continuación, se le pedirá que pegue el código.

Pega el código que obtuviste en el paso 2, y reposiciona la caja para que encaje en tu diseño:

blank

Pulsa “Guardar”, y no olvides ajustar el posicionamiento de la caja para móviles, como es habitual en el constructor de Unbounce).

4 – Previsualice su formulario y realice algunos ajustes

Cuando pulses vista previa, deberías ver tu formulario multipaso incrustado correctamente en la página de Unbounce:

blank

He aquí algunos ajustes que puedes hacer para que tu forma sea perfecta:

  • En la configuración de “Tema” de Growform, establece el fondo del contenedor padre en color, y elige un color de fondo que coincida con el color en Unbounce
  • Elimina cualquier encabezado/instrucciones en la parte superior de tu formulario Growform – siempre puedes tenerlos en Unbounce.
  • 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.

Con sólo un pequeño ajuste, podemos obtener un formulario de varios pasos que parece 100% “integrado” en la página de Unbounce:

blank

5 – Activar el seguimiento de conversiones de Unbounce

Por último, como toque final opcional, puedes elegir que los rellenos de formularios Growform se registren como conversiones en Unbounce. Esto simplemente incrementa la columna “conversiones” en las estadísticas de tu página de destino de Unbounce.

Para activar esta opción, en Growform, vaya a “Editar configuración del formulario” > “Seguimiento y etiquetado” > “Activar seguimiento de conversiones de Unbounce”.

¿Necesitas más? Estamos trabajando activamente en nuestra oferta Unbounce, incluyendo la capacidad de ver los clientes potenciales aparecen en Unbounce.

Póngase en contacto con nosotros para hacernos llegar sus comentarios y ayudarnos a perfilar la hoja de ruta.

template_name
_id
friendly_id
above_fold_header
above_fold_description
long_description_header
long_description
how_does_it_work_header
how_does_it_work_text
screenshot_url
template_page_name
featured
how_it_works_new
Case study description

Post a Comments

Recent Posts

  • 20 mejores ideas de generación de leads para tejados en 2024
  • Cómo crear formularios avanzados multipaso GoHighLevel con Growform
  • Cómo configurar Jornaya (crear un formulario Jornaya) con Growform
  • Cómo crear un formulario de solicitud de Asana de varios pasos (sin código)
  • Cómo crear formularios multipaso de Hubspot (sin código)

Categories

  • Convertri
  • CRO
  • Diseño de formularios
  • Diseño de formularios de varios pasos
  • Generación de clientes potenciales
  • Google Tag Manager
  • Herramientas
  • Hubspot
  • Inmobiliario
  • Integración
  • Marketing
  • Ofertas especiales de captación de clientes potenciales
  • Sin categorizar
  • TrustedForm
  • Tutoriales Unbounce
  • Unbounce
  • Uso de growform

Try Growform Multi Step Form Builder »

Guides

  • Cómo crear un formulario de solicitud de Asana de varios pasos (sin código)
  • Cómo crear formularios multipaso de Hubspot (sin código)
  • Cómo añadir un formulario Growform de varios pasos a Instapage
  • Cómo añadir un formulario Growform de varios pasos a Leadpages
  • Cómo añadir un formulario Growform de varios pasos a Unbounce
  • Cómo añadir un formulario Growform de varios pasos a Webflow
  • Como Añadir Un Formulario Growform Multi Paso A WordPress

Features

  • Todas las funciones
  • Dominio de los formularios de lógica condicional: Guía práctica + Ejemplos
  • Crear formularios conversacionales sin codificación: Guía completa
  • Formularios integrables para su sitio web
  • Formularios de captación de clientes potenciales que convierten en 2023: 5 potentes consejos + ejemplos
  • Verificar clientes potenciales en tiempo real o a granel: Guía definitiva
  • Salto Lógico: Cómo crear potentes formularios con lógica de salto
  • TrustedForm de ActiveProspect: La guía definitiva para 2023
  • Cómo configurar Jornaya (crear un formulario Jornaya) con Growform
  • La Magia de los Formularios Asistentes: Cómo crear un formulario asistente
  • Alternativas

More

  • Socios afiliados
  • Condiciones de servicio
  • Privacidad y GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
© 2020 - 2021 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch