Cómo agregar un campo de formulario y un elemento de formulario a tu página

En este artículo aprenderás a agregar un campo de formulario y un elemento de formulario a tu página.

Para empezar, necesitarás:

• Una cuenta en systeme.io
• Una página en modo editor

Cómo agregar un campo de formulario

En el editor de página, arrastra y suelta el elemento de campo de formulario desde el menú izquierdo a tu página.

Haz clic en el campo recientemente agregado.

Luego, selecciona una opción desde el menú desplegable Tipo de campo.

Ejemplo: si seleccionas correo electrónico como tipo de campo, el contacto será agregado a tu lista de contactos cuando el cliente envíe el formulario.

Encontrarás muchas configuraciones en el editor de la izquierda para personalizar tu campo de formulario, como tipografía, colores, bordes, alineación, color del marcador de posición y mucho más (desplázate hacia abajo para más opciones).

Agregar un elemento de formulario

Para capturar leads fácilmente en tu túnel, puedes usar el elemento Formulario. En lugar de agregar campos de formulario y botones por separado, el elemento Formulario actúa como un único contenedor que agrupa tus campos de formulario, casillas de verificación y el botón de envío. Esto te permite construir de manera confiable múltiples formularios independientes en la misma página.

Cuando haces clic en el elemento del Formulario, puedes configurarlo completamente utilizando el panel de menú izquierdo del editor:

a. En la pestaña Elementos:

• Puedes gestionar los campos estándar: elimina fácilmente campos de formulario estándar (como Nombre, Número de teléfono) pasando el mouse sobre el campo que deseas eliminar y aparecerá un ícono de papelera (1).

También puedes editar los campos estándar simplemente haciendo clic en ellos; puedes editar el Texto de ejemplo, hacerlo opcional marcando la casilla Opcional, agregar un ícono y editar el diseño.

• Agregar un campo nuevo: desplázate hacia abajo y haz clic en el botón (+) (2) para agregar nuevos campos.

Puedes elegir entre los que existen por defecto, como el código postal, el nombre de la empresa, etc. También puedes agregar una casilla de verificación adicional (3).

O añade un campo personalizado (4).

Después de agregar tus campos, puedes organizarlos arrastrándolos y soltándolos en el orden que desees.

b. En la pestaña de Diseño:

• Puedes personalizar la apariencia: puedes personalizar la disposición, el espaciado entre filas, el color de fondo, los bordes, el espaciado, la posición y muchas más configuraciones (desplázate hacia abajo para más opciones). Sin embargo, algunas configuraciones, como la tipografía, se heredan de la configuración de la página para el elemento Formulario.

c. En la pestaña de Acciones:

• Puedes establecer reglas de redirección (después del envío): elige qué sucede después de que se envíe el formulario.
  • Sin redirección (5): Puedes elegir mantener a los visitantes en la misma página y mostrar un mensaje de envío exitoso.

• URL personalizada (6): puedes elegir redirigir a los visitantes a otra página.

• Doble opt-in (7): simplemente marca la casilla para habilitar la doble confirmación para tus nuevos suscriptores.

• Automatizaciones en el editor (8): agrega reglas de automatización directamente dentro del editor de página. Puedes activar fácilmente acciones específicas (como agregar una etiqueta, suscribirlos a una campaña o enviar un correo electrónico) en el momento en que alguien envía el formulario.

Haga clic en Guardar (9) para guardar los cambios.

Fuera del editor de páginas, también puedes seleccionar tu elemento de formulario específico al configurar un generador "Suscrito de formulario de la etapa de un túnel" en tu cuenta dentro de:

Reglas de automatización:

Y flujos de trabajo: