Documentación de ayuda 〉Formularios 〉

Crear un formulario de registro por correo electrónico

Este artículo de ayuda fue traducido utilizando IA. Puede contener errores.

Un formulario de registro por correo electrónico es una página web (o parte de una página web) que permite a las personas suscribirse a su lista de correo. Direct Mail facilita la creación de tres tipos de formularios de registro:

  • Página de destino: Es una página web independiente con su propia URL. Puede personalizar la página y compartir la URL para captar nuevos suscriptores.
  • Formulario incrustado: Es un formulario que se incrusta en sus páginas web existentes. Está diseñado para integrarse perfectamente con el diseño existente. Direct Mail le proporciona el código HTML que deberá pegar en su página web.
  • Formulario emergente: Es un formulario que aparece sobre sus páginas web existentes. Puede controlar cuándo y cómo aparece el formulario emergente en su página web. Direct Mail le proporciona el código HTML que deberá pegar en su página web para que aparezca el formulario emergente.

Cómo funcionan los formularios

Su formulario siempre está listo para captar nuevos suscriptores, incluso si su Mac está apagado o Direct Mail no se está ejecutando. Los nuevos suscriptores se guardan en nuestros servidores y se sincronizan automáticamente con su proyecto.

Cada formulario está vinculado a un grupo de su lista de correo. Cuando crea un formulario, se añade automáticamente un nuevo grupo a su lista de correo y el formulario se vincula a ese grupo. Esto le permite identificar qué contactos de su lista se añadieron a través del formulario.

Nuestros formularios de registro por correo electrónico están protegidos contra el spam y los registros de bots sin recurrir a molestas pruebas CAPTCHA. De forma predeterminada, nuestros formularios utilizan la inscripción voluntaria única. Esto significa que la persona que envía el formulario se añade a su lista de inmediato, sin tener que hacer clic en un enlace de un correo electrónico de confirmación. Si lo desea, puede editar el formulario para que utilice la doble confirmación de inscripción voluntaria. Consulte los detalles a continuación.

Crear un formulario

Para crear un formulario:

  1. Seleccione la lista a la que desea que pertenezca el formulario
  2. Haga clic en + en la barra de herramientas
  3. Seleccione Nuevo formulario de registro
  4. Seleccione el tipo de formulario que desea crear

Se crean un nuevo formulario y un nuevo grupo, se añaden a su lista de correo y aparece la ventana del editor de formularios.

Duplicar un formulario existente

Puede duplicar un formulario existente:

  1. Seleccione el grupo al que está vinculado el formulario existente
  2. Seleccione Edición > Duplicar solo el formulario en la barra de menús de la parte superior de la pantalla

El formulario se duplica y se vincula a un nuevo grupo de su lista de correo. A continuación, aparece la ventana del editor de formularios.

Ventana del editor de formularios

Editor de formularios

Utilice la ventana del editor de formularios para personalizar su formulario. La ventana del editor de formularios se organiza de la siguiente manera:

  • Barra de estado: Se encuentra en la parte superior de la ventana. La barra de estado muestra la URL de su formulario (para las páginas de destino) o las instrucciones para instalarlo en su página web (para los formularios incrustados y emergentes).
  • Barra de pestañas: Se encuentra debajo de la barra de estado. Utilice la barra de pestañas para navegar entre las distintas «páginas» de su formulario:
    • La página titulada Formulario es la que ve el usuario al rellenar el formulario
    • Enviado es la que ve el usuario después de enviar el formulario
    • Confirmado es la que ve el usuario después de hacer clic en el enlace del correo electrónico de confirmación (solo para los formularios con doble confirmación de inscripción voluntaria)
  • Barra de herramientas de contenido: Se encuentra debajo de la barra de pestañas. Utilice los botones de la barra de herramientas de contenido para añadir campos, texto, imágenes y otros elementos al formulario.
  • Inspector: Se encuentra en el lado derecho de la ventana. Utilice el inspector para editar el estilo y el comportamiento de su formulario. A medida que selecciona distintos elementos del formulario, el inspector se actualiza para mostrar las opciones pertinentes para la selección.

Si realiza cambios en el formulario, aparecerá un botón titulado Guardar y publicar en la barra de herramientas. Los cambios no se publican en internet hasta que haga clic en ese botón. Si desea revertir los cambios realizados, puede seleccionar Edición > Deshacer en la barra de menús, o simplemente cerrar la ventana del editor de formularios y hacer clic en Descartar cambios.

Personalizar y publicar un formulario de página de destino

Su formulario de página de destino se publica en cuanto se crea. Utilice el botón Compartir de la barra de estado para copiar o compartir la URL del formulario.

Utilice la barra de herramientas de contenido y el inspector para personalizar su formulario. La mayoría de las opciones de configuración son comunes a todos los tipos de formularios, pero las siguientes son exclusivas de las páginas de destino:

  • Página > Título: Es el título de la página de destino tal y como aparecerá en la pestaña del navegador.
  • Página > URL mnemónica: De forma predeterminada, su página de destino se crea con una URL que comienza por joinlist.com seguida de un identificador único. Utilice la opción URL mnemónica para crear una URL personalizada. Por ejemplo: joinlist.com/runclub o joinlist.com/hotrods.
  • Página > Color e imagen de fondo: Puede asignar un color y una imagen de fondo personalizados a su página de destino
  • Avanzado > Evitar la indexación de búsqueda: Si se activa, la página se actualiza para indicar a los motores de búsqueda (como Google y Bing) que no deben incluirla en su índice de búsqueda.

Personalizar y publicar un formulario incrustado

Puede personalizar su formulario incrustado en cuanto se crea, pero no empezará a captar nuevos suscriptores hasta que lo añada a su sitio web. Para añadir el formulario a su sitio web:

  1. Haga clic en Instalar en la barra de estado
  2. Copie el código HTML que se muestra
  3. Pegue el código HTML en su página web, en el lugar donde desea que aparezca el formulario

Utilice la barra de herramientas de contenido y el inspector para personalizar su formulario.

Personalizar y publicar un formulario emergente

Puede personalizar su formulario emergente en cuanto se crea, pero no empezará a captar nuevos suscriptores hasta que lo añada a su sitio web. Para añadir el formulario a su sitio web:

  1. Haga clic en Instalar en la barra de estado
  2. Copie el código HTML que se muestra
  3. Pegue el código HTML en su página web. Recomendamos pegarlo dentro de las etiquetas <head>…</head> de su página.

La próxima vez que cargue la página, aparecerá el formulario emergente (según el momento de aparición que haya configurado).

Los formularios emergentes están diseñados para no molestar a los visitantes de su sitio web. Si un visitante cierra el formulario emergente, no se le volverá a mostrar durante 365 días. Esto puede dificultar las pruebas del formulario o la comprobación de los cambios. El editor de formularios incluye dos funciones para facilitar este proceso:

  1. Haga clic en Instalar en la barra de estado
  2. Haga clic en la pestaña Probar formulario
  3. Introduzca la URL de la página en la que está instalado el formulario emergente
  4. Haga clic en Probar instalación para comprobar si el código HTML se ha instalado correctamente en la página
  5. Haga clic en Mostrar en el navegador para abrir su página en un navegador web y forzar la aparición del formulario emergente

Utilice la barra de herramientas de contenido y el inspector para personalizar su formulario. La mayoría de las opciones de configuración son comunes a todos los tipos de formularios, pero las siguientes son exclusivas de los formularios emergentes:

Indicador

En pantallas pequeñas, la aparición repentina de un formulario emergente puede resultar molesta. Para evitar esta mala experiencia de usuario, puede utilizar un indicador. Esta es la opción predeterminada cuando un visitante ve su página en un dispositivo móvil.

Un indicador es un banner discreto situado en la parte inferior (o superior) de la página que invita al visitante a suscribirse. Cuando hace clic o toca el banner, aparece el formulario emergente completo.

Puede activar el indicador en la sección Presentación > Mostrar indicador del inspector. Puede editar el indicador haciendo clic en Indicador en la barra de pestañas.

Momento de aparición

Puede controlar cuándo aparece el formulario emergente. Utilice el menú Presentación > Mostrar elemento emergente para elegir entre las siguientes opciones:

  • Inmediatamente: El formulario emergente aparece en cuanto se carga la página
  • Después de una demora: El formulario emergente aparece unos segundos después de que se cargue la página. Puede configurar la demora.
  • Después de un desplazamiento: El formulario emergente aparece en cuanto el visitante se ha desplazado hacia abajo un determinado porcentaje de la página. Puede configurar el porcentaje.
  • Al salir: El formulario emergente aparece si el visitante está a punto de salir de la página retrocediendo en el navegador
  • Manualmente: El formulario emergente no aparece automáticamente. Deberá mostrarlo manualmente. Puede hacerlo de una de estas dos formas:
    • Navegue a #dm-open-popup en la página. Por ejemplo, cree un elemento de anclaje de la siguiente manera: <a href="#dm-open-popup">Show Pop-up</a>
    • Utilice JavaScript para abrir el formulario emergente llamando a DirectMail.openPopUp()

Fondo

Puede controlar el fondo que aparece debajo del formulario emergente y sobre el contenido de su página web. Despliegue la sección Fondo para mostrar las opciones de color, opacidad y desenfoque.

Diseño

Su formulario emergente puede mostrar opcionalmente una imagen destacada en la parte superior, a la izquierda o a la derecha. Despliegue la sección Diseño para controlar la disposición de la imagen destacada y del botón de cierre.

Si utiliza una imagen destacada, haga clic en su marcador de posición para elegir la imagen.

Haga clic en el botón de cierre para editar su apariencia.

Editar su formulario más adelante

Puede editar su formulario en cualquier momento:

  1. Vaya a la pestaña Contactos
  2. Despliegue su lista haciendo clic en el triángulo desplegable situado junto al nombre de la lista
  3. Seleccione el grupo vinculado a su formulario
  4. En el inspector, despliegue la sección titulada Formulario de registro
  5. Haga clic en Editar formulario. Aparece la ventana del editor de formularios.
  6. Realice los cambios y haga clic en Guardar y publicar en la barra de herramientas

Su formulario se actualiza automáticamente. No es necesario actualizar ningún código en su sitio web (para los formularios incrustados y emergentes).

Añadir campos a su formulario

Utilice la barra de herramientas de contenido para añadir los siguientes tipos de campos y bloques a su formulario:

Campo de texto

Insertar campo de texto

Utilice el inspector para definir las siguientes propiedades:

  • Etiqueta: Recomendada. Haga clic en BIU para aplicar formato.
  • Texto de ayuda: Opcional. Aparece debajo de la etiqueta. Haga clic en BIU para aplicar formato.
  • Tamaño: Una línea o varias líneas
  • Marcador de posición: Opcional. Da al visitante una pista sobre lo que debe introducir en el campo, pero no se incluye cuando se envía el formulario.
  • Valor predeterminado: El valor inicial del campo. Se incluirá cuando se envíe el formulario, a menos que el visitante lo cambie.
  • Importar como: Cómo desea que se importe este campo cuando se cree el contacto en Direct Mail
  • Requerido: Si se marca, no se puede enviar el formulario si el campo está vacío

Campo de fecha

Insertar campo de fecha

Utilice el inspector para definir las siguientes propiedades:

  • Etiqueta: Recomendada. Haga clic en BIU para aplicar formato.
  • Texto de ayuda: Opcional. Aparece debajo de la etiqueta. Haga clic en BIU para aplicar formato.
  • Valor mínimo: Opcional. Permite establecer la fecha más antigua admitida.
  • Valor máximo: Opcional. Permite establecer la fecha más reciente admitida.
  • Valor predeterminado: Opcional
  • Importar como: Cómo desea que se importe este campo cuando se cree el contacto en Direct Mail
  • Requerido: Si se marca, no se puede enviar el formulario si no se ha especificado la fecha

Campos de opciones (menú desplegable, botón de opción, casilla)

Insertar campo de opciones

Utilice un menú desplegable cuando solo se pueda seleccionar una opción y la lista de opciones posibles sea larga. Utilice un botón de opción cuando solo se pueda seleccionar una opción, pero la lista de opciones posibles sea corta. Utilice una casilla cuando se puedan seleccionar varias opciones o para activar o desactivar una única opción.

Utilice el inspector para definir las siguientes propiedades:

  • Etiqueta: Recomendada. Haga clic en BIU para aplicar formato.
  • Texto de ayuda: Opcional. Aparece debajo de la etiqueta. Haga clic en BIU para aplicar formato.
  • Estilo: El tipo de control de opciones que se utilizará
  • Opciones: Introduzca las opciones entre las que podrá elegir el visitante.
    • La columna Nombre contiene el texto que se muestra al visitante
    • La columna Valor contiene el texto que se importa a Direct Mail
    • La columna Casilla indica qué opciones deben estar seleccionadas de forma predeterminada
    • Haga clic en + para añadir una opción. Mantenga pulsado + para importar una lista de opciones desde un archivo o generar una serie de opciones numéricas.
    • Seleccione una opción y haga clic en BIU para aplicar formato a su nombre (solo se aplica a las casillas y los botones de opción)
  • Aleatorizar: Puede hacer que las opciones aparezcan en un orden aleatorio cada vez que se muestre el formulario
  • Importar como: Cómo desea que se importe este campo cuando se cree el contacto en Direct Mail
  • Requerido: Si se marca, no se puede enviar el formulario sin haber seleccionado una opción. En el caso de las casillas, puede establecer el número mínimo de opciones que deben seleccionarse.

Bloque de texto

Bloque de texto

Utilice el inspector para establecer el contexto del bloque de texto. Haga clic en BIU para aplicar formato o añadir enlaces.

Bloque de imagen

Bloque de imagen

Utilice el inspector para establecer la imagen, la descripción de texto, el tamaño y otras propiedades de la imagen.

Botón

Botón

Utilice el inspector para establecer el título, el color, el enlace y otras propiedades del botón.

Espaciador

Espaciador

Utilice el inspector para establecer la altura del espaciador y, opcionalmente, añadir una línea o un separador.

Sugerencias

Insertar sugerencias

Utilice el botón Sugerencias para añadir rápidamente campos predefinidos a su formulario, entre ellos:

  • Casilla de permiso
  • Casilla de permiso con texto específico para el RGPD
  • Frecuencia de los correos electrónicos (¿con qué frecuencia desea recibir noticias nuestras?)
  • Países, estados, provincias y regiones
  • Meses, días del mes, días de la semana, horas del día
  • Tratamiento
  • Género

Cambiar a doble confirmación de inscripción voluntaria

Los formularios de registro utilizan la inscripción voluntaria única de forma predeterminada. Esto significa que el suscriptor se añade a su lista inmediatamente, sin tener que hacer clic en un enlace de un correo electrónico de confirmación. Puede cambiar su formulario a doble confirmación de inscripción voluntaria. Esto significa que el suscriptor no se añade a su lista hasta que haga clic en el enlace del correo electrónico de confirmación.

  1. En la barra de pestañas, haga clic en la página Enviado
  2. En el inspector, despliegue la sección titulada Política de inscripción voluntaria
  3. Haga clic en Doble confirmación de inscripción voluntaria
  4. Introduzca el nombre de su lista de correo tal y como desea que aparezca en el correo electrónico de confirmación.
  5. Haga clic en Guardar y publicar en la barra de herramientas

No se permite editar el contenido del correo electrónico de confirmación. El correo electrónico de confirmación se envía en el idioma que haya elegido para su formulario (consulte Formulario > Avanzado > Idioma)

Activar las notificaciones de nuevos suscriptores

Puede recibir una notificación por correo electrónico cada vez que un nuevo suscriptor se una a su lista. Para activar las notificaciones:

  1. En la barra de pestañas, haga clic en la página Enviado
  2. En el inspector, despliegue la sección titulada Notificaciones
  3. Seleccione una opción en el menú desplegable Nuevo suscriptor (Desactivado, Individual o Diario)
  4. Introduzca una o varias direcciones de correo electrónico
  5. Haga clic en Guardar y publicar en la barra de herramientas

Enviar un correo de bienvenida a los nuevos suscriptores

Utilice nuestra función de autorrespuesta para enviar automáticamente correos de bienvenida a los nuevos suscriptores cuando se unan:

  1. En la barra de pestañas, haga clic en la página Enviado
  2. En el inspector, despliegue la sección titulada Correo de bienvenida
  3. Haga clic en Nueva autorrespuesta

Se crea una nueva autorrespuesta, pero no se inicia hasta que usted esté listo. Haga clic en Ir a autorrespuesta para configurar las opciones de la autorrespuesta.

Editar la configuración avanzada

Para acceder a la configuración avanzada, haga clic en Página en la barra de pestañas y, a continuación, despliegue la sección Avanzado del inspector.

  • Idioma: Es el idioma que se utiliza para los mensajes de error y los correos electrónicos de confirmación (si están activados)
  • Campos ocultos: Son campos del formulario que están ocultos para el usuario, pero que también se sincronizan con Direct Mail cuando se envía el formulario
  • CSS personalizado: Puede utilizar CSS personalizado para dar estilo a su formulario

¿Le ha resultado útil este artículo? Sí | No