Páginas de destino. Cuarta parte: añadir un formulario y usar las opciones avanzadas

💡 Información relevante
Las páginas de destino están disponibles para los planes Business y Enterprise.

En este artículo explicaremos cómo añadir un formulario a su página de destino y cómo utilizar las opciones avanzadas disponibles en el editor de páginas de destino.

Hemos elaborado una serie de artículos para ayudarle a crear sus páginas de destino. 

Añadir un formulario a su página de destino

Los formularios le permiten obtener direcciones de e-mail y añadirlas automáticamente a sus listas de Brevo.

Para añadir un elemento de Formulario a su página de destino:

Nuevo editor de páginas de destino Editor clásico de páginas de destino
Puede añadir una nueva sección desde Secciones > Filtrar secciones preconfiguradas > Formularios y seleccionar una sección predefinida que podrá editar de acuerdo con sus necesidades. O empezar desde cero añadiendo un nuevo elemento de Formulario a su página de destino.
mceclip0.png mceclip3.png

Configurar su formulario

Una vez que haya añadido un elemento de formulario a su página de destino podrá elegir cómo configurarlo:

Alineación

Este ajuste solo está disponible en el Nuevo editor de páginas de destino.

El ajuste de Alineación se describe en la sección de Ajustes comunes en el artículo Tercera parte: editar los ajustes de los elementos de su página de destino.

Gestionar los campos

Los ajustes de Gestionar campos permiten seleccionar dónde almacenar a los contactos que recopile a través del formulario y qué datos quiere obtener de ellos. También puede configurarlos desde el propio formulario: añadir y ordenar campos, hacer que determinados campos sean obligatorios o no, añadir textos de ayuda, etc.

Para acceder a los ajustes de Gestión de campos, haga clic en su formulario en el editor de la página de destino.

Elija su lista de contactos

mceclip7.png
  1. Haga clic en el formulario para abrir el panel de editar el formulario de la derecha.
  2. En Gestionar campos, podrá configurar dónde se almacenarán los e-mails que guarde en su cuenta de Brevo:
    • Seleccione una carpeta para la lista en el primer menú desplegable.
    • Seleccione una lista de contactos en el segundo menú desplegable.
❗️ Importante
Si quiere que los contactos de su lista se actualicen cuando rellenen el formulario, deberá marcar Actualizar los contactos existentes a partir del formulario en los controles de los formularios de suscripción.

Configurar los campos

A continuación, para los datos que quiera recopilar, añada a su formulario de captación de contactos los diferentes campos que necesite.

mceclip9.png

  1. Añadir un campo de contacto: puede añadir campos preexistentes al formulario desde este menú desplegable.
  2. Crear un nuevo campo: si el atributo de contacto no existe todavía, puede crearlo aquí.
  3. Reordenar los campos: solo tiene que clic en «=» y arrastrar un campo para reordenarlo.
    Eliminar un campo: puede quitar los campos usando el icono de la papelera.

    Haga clic en el campo y seleccione estos ajustes:
  4. Etiqueta: muestra la etiqueta sobre el campo.
  5. Oculto: deslice el marcador para crear un campo oculto o uno que esté visible en el formulario.
    Puede añadir un campo de formulario oculto cuando quiera que los datos se completen automáticamente, solo tiene que introducir dichos datos en los parámetros de la URL.
  6. Obligatorio: elija si el campo es obligatorio para enviar el formulario o no.
  7. En función de cada campo, tendrá diferentes ajustes:

    • Etiqueta: sirve para cambiar el nombre de la etiqueta que se muestra sobre el campo.
    • Marcador: sirve para elegir el texto que se muestra en el campo. De manera predeterminada, es el mismo que el que aparece en su etiqueta.
    • Texto de ayuda: sirve para escribir el texto que se muestra debajo del campo. Esto puede ser útil para añadir sugerencias.
    • Valor predeterminado: es el valor que se sincronizará con su lista de contactos de Brevo si el visitante no completa el campo.
    • Parámetro URL: es el valor que se insertará automáticamente en el campo del formulario. El usuario puede eliminarlo si quiere. Para obtener más información, consulte nuestro artículo Rellenar automáticamente un formulario en una página de destino con atributos.
❗️ Importante
Si añade un número de teléfono al formulario, solo funcionará el formato internacional que se muestra a continuación: +34691112345 para el Reino Unido +12025550101 para Estados Unidos o +33655678834 para Francia.
Use el Marcador para ayudar a sus usuarios a usar el formato adecuado.

Redirección al enviar el formulario

En las Opciones de redirección, puede elegir a dónde se redirigirá a los usuarios cuando envíen su información de contacto.

mceclip10.png

Use la acción de Acción de redirigir del formulario para redirigir a sus contactos a una página en el embudo (una subpágina o su página de destino) o a una dirección URL concreta:

  • Página en el embudo: seleccione a qué página del embudo quiere redirigir sus contactos.
  • Enlace a una URL: introduzca el enlace de la página externa a la que quiera redirigir a sus contactos.

Doble opt-in

mceclip11.png

Los ajustes de Doble «opt-in» permiten seleccionar qué método de «opt-in» quiere usar en su formulario:

  • «Opt-in» sencillo:
    1. Su nuevo contacto introduce su dirección de e-mail en su formulario.
    2. Al hacerlo, se añade a su lista de contactos de Brevo.
  • Doble «opt-in»:
    1. Su nuevo contacto introduce su dirección de e-mail en su formulario.
    2. El contacto debe hacer clic en el enlace del e-mail de confirmación que reciba para añadirlo a su lista de contactos de Brevo.
❗️ Importante
Hay dos maneras de crear una suscripción de doble «opt-in». Asegúrese de usar solo uno de los dos métodos disponibles: activar la suscripción de doble «opt-in» mediante Marketing Automation O a través de un formulario de suscripción de Brevo. De lo contrario, sus contactos recibirán e-mails de doble «opt-in» duplicados.

Diseño

mceclip12.png

El ajuste de Diseño permite elegir el diseño de sus campos: ninguno, destacado, con el borde redondeado, subrayado con fondo o subrayado sin fondo.

El formulario también puede visualizarse en formato horizontal. Si elige un formulario horizontal, le recomendamos que elimine las etiquetas de los campos.

Para cambiar el color de fondo, vaya a los ajustes de la columna como se explica en la Tercera parte: editar los ajustes de todos los elementos de su página de destino.

Aquí tiene algunos ejemplos de diseños de formulario:

Style_form_gif.gif

Espaciado

El ajuste de Espaciado se describe en la sección de Ajustes comunes en el artículo Tercera parte: editar los ajustes de los elementos de su página de destino.

Controles de los formularios de suscripción

mceclip0.png

El ajuste de Controles de suscripción del formulario permite elegir cómo quiere que funcione su formulario durante el envío:

  • Actualizar los contactos existentes al enviar el formulario: esta opción es útil si quiere actualizar la información de los contactos existentes cuando envían sus formularios.
  • Desactivar reCAPTCHA: desactiva el reCaptcha de Google incrustado en su página de destino publicada.
  • Deshabilite los parámetros de URL en el envío del formulario:
    De forma predeterminada, los parámetros de URL se muestran al enviar el formulario. Es posible que en la URL se muestren datos adicionales sobre el contacto, como /thank-you.html/?firstName=Jane. Esta función es útil, ya que sus contactos no tienen que completar la misma información en la segunda página si recopila varios conjuntos de información con una serie de páginas de destino en su embudo. Sin embargo, si ejecuta anuncios de Google y recibe una notificación de Google sobre los parámetros de URL que se muestran en el envío del formulario, puede desactivar esta función y volver a publicar su landing page.

Estilo

Este ajuste solo está disponible en el Nuevo editor de páginas de destino.

mceclip14.png

El ajuste de Estilo permite definir la apariencia de su formulario:

  • Estilo y color del borde: añada un borde a su formulario y seleccione su color.
  • Ancho del borde: defina el ancho del borde de su formulario.
  • Radio del borde: seleccione el nivel de curvatura de los bordes de su formulario.

Seguimiento Javascript (Facebook Pixel/Google Analytics)

El seguimiento le permitirá de insertar sus scripts de seguimiento en distintas partes de la página.

Un script de seguimiento es un código que se utiliza para controlar el número de usuarios que visitan una página. Los scripts de seguimiento 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.

💡 Información relevante
Google Analytics y el Píxel de Facebook son los scripts de seguimiento más utilizados, pero se puede añadir cualquier script de seguimiento a una página de destino de Brevo.

Para añadir un script de seguimiento a su página de destino:

  1. En el editor de páginas de destino, haga clic en Configuración en la esquina inferior izquierda.
  2. Seleccione Seguimiento.
    mceclip15.png

  3. Escriba el script de seguimiento en la etiqueta correspondiente. Puede añadir un script en:

    • la etiqueta de encabezado <head>,

    • después de abrir la etiqueta de <body>,

    • o antes de cerrar la etiqueta de </body>.

      💡 Información relevante

      Hay servicios como Facebook y Google Analytics que requieren que el script esté en la etiqueta del encabezado, mientras que otros servicios pueden requerir que esté en el cuerpo. Consulte cuidadosamente las instrucciones sobre dónde puede colocar el script para cada caso.

  4. Haga clic en Listo.

Página de destino con varias páginas

mceclip17.png Si quiere añadir páginas adicionales a su página de destino para crear un embudo, vaya al panel de Páginas y haga clic en + Crear una página en blanco. Para obtener más información, consulte nuestro artículo Cómo administrar las páginas de su página de destino.

Visualización basada en los dispositivos

mceclip17.png Gracias a los botones Ordenador/Móvil de la parte superior, puede probar cómo se verá la página de destino en los ordenadores, en las tabletas y en los smartphones.
❗️ Importante
Puede optar por ocultar algunas secciones o elementos de su página de destino en función del dispositivo en el que se muestren. Para obtener más información, consulte nuestra sección específica Visibilidad en el artículo Tercera parte: editar los ajustes de los elementos de su página de destino.

⏩ ¿Qué es lo siguiente?

🤔 ¿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 un socio certificado de Brevo.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 6 de 16