En este artículo, explicaremos cómo añadir un formulario a tu landing page y cómo usar las opciones avanzadas disponibles en el editor de landing pages.
Hemos preparado una serie de artículos para ayudarte a crear tus landing pages:
- Introducción: ¿Qué es una landing page?
- Parte 1: Configurar la landing page
- Parte 2: Definir la estructura de la landing page
- Parte 3: Editar la configuración de todos los elementos de la landing page
- Parte 4: Añadir un formulario a la landing page y usar las opciones avanzadas - ESTÁS AQUÍ
- Parte 5: Publicar la landing page
Información relevante
El nuevo editor de landing pages ofrece algunas opciones que pueden diferir del editor clásico de landing pages. Asegúrate de seleccionar la pestaña correcta en función del editor de landing pages que estés utilizando:
|
|
|
| Nuevo editor de landing pages |
Editor clásico de landing pages |
Añadir un elemento de formulario
Los formularios te permiten recuperar información específica sobre tus contactos y añadirlos automáticamente a tus listas de contactos en Brevo.
Para añadir un elemento de formulario a la landing page:
| Añade una nueva sección en Sections (Secciones) > Filter pre-made sections (Filtrar secciones predefinidas) > Forms (Formularios) y elige una sección predefinida que puedas editar para adaptarla a tus necesidades. | También puedes empezar desde cero añadiendo un nuevo elemento de formulario a tu landing page. |
| Añade una nueva Section (Sección) > Filter pre-made sections (Filtrar secciones predefinidas) > Forms (Formularios) y elige una sección predefinida que puedas editar para adaptarla a tus necesidades. | También puedes empezar desde cero añadiendo un nuevo Element (Elemento) > Form (Formulario). |
Configurar el formulario
Una vez que hayas añadido un elemento de formulario a tu landing page, puedes elegir cómo configurarlo:
Alineación
La configuración de Alignment (Alineación) se describe en la sección Configuración común de la Parte 3: Editar la configuración de todos los elementos de la landing page.
Administrar campos
La configuración de Manage Fields (Administrar campos) te permite elegir dónde almacenar los contactos que recopilas con el formulario y qué información quieres obtener de ellos. También puedes configurar directamente el formulario: añadir y ordenar campos, hacer que sean obligatorios o no, añadir texto de ayuda, etc.
Para acceder a la configuración de Administrar campos, haz clic en tu formulario en el editor de landing pages.
Seleccionar la lista de contactos
|
Configurar los campos
Añade y organiza los diferentes campos de contacto con la información que quieres recopilar con tu formulario.
|
|
|
Opciones de redireccionamiento
La configuración de Redirect Options (Opciones de redireccionamiento) te permite elegir a dónde se redirigirá a tus usuarios cuando envíen su información:
|
Utiliza la Form redirect action (Acción de redireccionamiento del formulario) para redirigir tus contactos a una página del embudo (una subpágina de tu landing page) o a una URL específica:
|
Confirmación doble
|
|
La configuración de Double Opt-in (Confirmación doble) te permite elegir qué método de consentimento quieres utilizar en tu formulario:
|
Diseño
|
La configuración de Design (Diseño) te permite elegir el diseño de tus campos: ninguno, contorno, contorno curvo, subrayado con fondo, subrayado sin fondo. Tu formulario también se puede mostrar en formato horizontal. Si eliges un formulario horizontal, te recomendamos eliminar las etiquetas de tus campos. Para cambiar el color de fondo, ve a la configuración de la columna tal y como se explica en la Parte 3: Editar la configuración de todos los elementos de la landing page. |
Estos son algunos ejemplos de los diferentes diseños de formularios:
Espaciado
La configuración de Spacing (Espaciado) se describe en la sección Configuración común de la Parte 3: Editar la configuración de todos los elementos de la landing page.
Controles de suscripción al formulario
|
La configuración de Form Subscription Controls (Controles de suscripción al formulario) te permite elegir el modo en que quieres que funcione tu formulario durante el envío:
|
Estilo
|
|
La configuración de Style (Estilo) te permite definir el aspecto de tu formulario:
|
Habilitar el seguimiento de JavaScript (Facebook Pixel/Google Analytics)
La configuración de Tracking (Seguimiento) de tu landing page te permite insertar scripts de seguimiento en determinadas partes de la página.
Un script de seguimiento es un código que se utiliza para monitorear la cantidad de usuarios que visitan una página. Los scripts de seguimiento te permiten analizar cuánto tiempo permanecen los visitantes en la página, qué es lo que les llama la atención y cómo interactúan con el contenido.
Para añadir un script de seguimiento a tu landing page:
- En el editor de landing pages, haz clic en Settings (Configuración) en la esquina inferior izquierda.
-
Selecciona Tracking (Seguimiento).
-
Introduce el script de seguimiento en la etiqueta adecuada. Puedes añadir un script en:
-
la Head tag (Etiqueta de encabezado)
<head>; -
la etiqueta After opening (Después de la apertura)
<body>; -
o en la etiqueta Before the closing (Antes del cierre)
</body>.💡 Información relevanteServicios como Facebook Pixel y Google Analytics requieren que el script se añada a la etiqueta de encabezado, mientras que otros servicios pueden necesitarlo en el cuerpo. Asegúrate de consultar las instrucciones de tu servicio de seguimiento para determinar dónde debe añadirse el script.
-
-
Haz clic en Done (Listo).
Landing pages con varias páginas
| Si quieres añadir páginas adicionales a tu landing page para crear un embudo, ve al panel Pages (Páginas) y haz clic en + Create a blank page (Crear una página en blanco). Para obtener más información, consulta nuestro artículo dedicado Gestionar las subpáginas de la landing page. |
Representación basada en el dispositivo
| Las opciones Desktop (Escritorio) y Mobile (Móvil) en la parte superior de tu landing page te permiten probar la representación de la landing page en diferentes dispositivos. |
⏩ ¿Qué es lo siguiente?
- Parte 5: Publicar la landing page
- ¿Están las landing pages adaptadas para el SEO?
- Duplicar una landing page existente
- Gestionar las subpáginas de la landing page
🤔 ¿Tiene alguna duda?
Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.
Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con la agencia partner de Brevo adecuada.