Crea un Formulario de Registro de Email

Un formulario de suscripción por correo electrónico es una página web (o parte de una página web) que las personas pueden usar para unirse a tu lista de correo. Direct Mail facilita la creación de tres tipos diferentes de formularios de suscripción:

• Página de destino: Es una página web independiente con su propia URL. Puedes personalizar la página y compartir la URL para recopilar nuevos suscriptores.
• Formulario incrustado: Es un formulario que incrustas en tus páginas web existentes. Está diseñado para integrarse perfectamente con tu diseño actual. Direct Mail te proporciona el código HTML que deberás pegar en tu página web.
• Formulario emergente: Es un formulario que aparece sobre tus páginas web existentes. Puedes controlar cuándo y cómo aparece el formulario emergente en tu página web. Direct Mail te proporciona el código HTML que deberás pegar en tu página web para que aparezca el formulario emergente.

Cómo funcionan los formularios

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

Un formulario está vinculado a un grupo de tu lista de correo. Cuando creas un nuevo formulario, se agrega automáticamente un nuevo grupo a tu lista de correo y el formulario se vincula a ese grupo. Esto te ayuda a llevar un registro de qué contactos de tu lista se añadieron mediante el formulario.

Nuestros formularios de suscripción por correo electrónico están protegidos contra el spam y los registros de bots sin usar molestos desafíos captcha. De forma predeterminada, nuestros formularios son de suscripción simple. Esto significa que la persona que envía el formulario se agrega a tu lista de inmediato sin tener que hacer clic en un correo electrónico de confirmación. Si lo deseas, puedes editar tu formulario para que sea de doble suscripción. Consulta los detalles a continuación.

Crear un formulario

Para crear un formulario:

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

Duplicar un formulario existente

Puedes duplicar un formulario existente:

Tu formulario se duplica y se vincula a un nuevo grupo en tu lista de correo. A continuación, aparecerá la ventana del editor de formularios.

Ventana del editor de formularios

Usa la ventana del editor de formularios para personalizar tu formulario. La ventana del editor de formularios está organizada de la siguiente manera:

• Barra de estado: Se encuentra en la parte superior de la ventana. La barra de estado muestra la URL de tu formulario (para páginas de destino) o instrucciones sobre cómo instalar el formulario en tu página web (para formularios incrustados y emergentes).
• Barra de pestañas: Se encuentra debajo de la barra de estado. Usa la barra de pestañas para navegar entre las diferentes "páginas" de tu formulario:
  • La página titulada Formulario es lo que ve el usuario al completar tu formulario
  • Enviado es lo que ve el usuario después de haber enviado tu formulario
  • Confirmado es lo que ve el usuario después de hacer clic en el correo electrónico de confirmación (solo para formularios de doble suscripción)
• Barra de herramientas de contenido: Se encuentra debajo de la barra de pestañas. Usa los botones de la barra de herramientas de contenido para agregar campos, texto, imágenes y más a tu formulario.
• Inspector: Se encuentra en el lado derecho de la ventana. Usa el inspector para editar el estilo y el comportamiento de tu formulario. A medida que seleccionas diferentes elementos de tu formulario, el inspector se actualiza para mostrarte opciones relevantes para la selección.

Si haces cambios en tu formulario, aparecerá un botón titulado Guardar y publicar en la barra de herramientas. Tus cambios no se publican en Internet hasta que se haga clic en ese botón. Si quieres revertir los cambios que has hecho, puedes elegir Editar > 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

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

Usa la barra de herramientas de contenido y el inspector para personalizar tu formulario. La mayoría de los ajustes son comunes a todos los tipos de formularios, pero los siguientes son exclusivos de las páginas de destino:

• Página > Título: Este es el título de la página de destino tal como aparecerá en la pestaña del navegador.
• Página > URL personalizada: De forma predeterminada, tu página de destino se crea con una URL que comienza con joinlist.com seguida de un identificador único. Usa la opción URL personalizada para crear una URL personalizada. Por ejemplo: joinlist.com/runclub o joinlist.com/hotrods.
• Página > Color e imagen de fondo: Puedes dar a tu página de destino un color e imagen de fondo personalizados
• Avanzado > Evitar indexación en buscadores: Si está activado, la página se actualiza para indicar a los motores de búsqueda (como Google y Bing) que la página no debe incluirse en su índice de búsqueda.

Personalizar y publicar un formulario incrustado

Tu formulario incrustado se puede personalizar en cuanto se crea, pero no comenzará a recopilar nuevos suscriptores hasta que lo agregues a tu sitio web. Para agregar tu formulario a tu sitio web:

Usa la barra de herramientas de contenido y el inspector para personalizar tu formulario.

Personalizar y publicar un formulario emergente

Tu formulario emergente se puede personalizar en cuanto se crea, pero no comenzará a recopilar nuevos suscriptores hasta que lo agregues a tu sitio web. Para agregar tu formulario a tu sitio web:

La próxima vez que cargues la página, aparecerá el formulario emergente (según la temporización que hayas configurado).

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

Usa la barra de herramientas de contenido y el inspector para personalizar tu formulario. La mayoría de los ajustes son comunes a todos los tipos de formularios, pero los siguientes son exclusivos de los formularios emergentes:

Aviso

En pantallas pequeñas, la aparición repentina de un formulario emergente puede resultar brusca. Para evitar esta mala experiencia de usuario, puedes usar un aviso. Este es el comportamiento predeterminado cuando un visitante ve tu página en un dispositivo móvil.

Un aviso es un banner discreto 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.

Puedes activar el aviso en la sección Presentación > Mostrar aviso del inspector. Puedes editar el aviso haciendo clic en Aviso en la barra de pestañas.

Temporización

Puedes controlar el momento en que aparece tu ventana emergente. Usa el menú Presentación > Mostrar ventana emergente para elegir entre las siguientes opciones:

• Inmediatamente: La ventana emergente aparece en cuanto se carga la página
• Después de un retraso: La ventana emergente aparece un número de segundos después de que se carga la página. Puedes configurar el retraso.
• Después de desplazarse: La ventana emergente aparece en cuanto el visitante se ha desplazado un determinado porcentaje hacia abajo en la página. Puedes configurar el porcentaje.
• Al salir: La ventana emergente aparece si el visitante está a punto de salir de la página al retroceder en su navegador
• Manualmente: La ventana emergente no aparece automáticamente. Tendrás que mostrarla manualmente. Esto se hace de una de estas dos maneras:
  • Navega a #dm-open-popup en la página. Por ejemplo, crea un elemento de anclaje de la siguiente manera: <a href="#dm-open-popup">Mostrar ventana emergente</a>
  • Usa JavaScript para abrir la ventana emergente llamando a DirectMail.openPopUp()

Fondo

Puedes controlar el fondo que aparece debajo del formulario emergente y sobre el contenido de tu página web. Expande la sección Fondo para mostrar los ajustes de color, opacidad y desenfoque.

Disposición

Tu formulario emergente puede mostrar opcionalmente una imagen "hero" en la parte superior, izquierda o derecha. Expande la sección Disposición para controlar la disposición de la imagen hero y del botón de cierre.

Si usas una imagen hero, haz clic en el marcador de posición de la imagen hero para elegir la imagen.

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

Editar tu formulario más adelante

Puedes editar tu formulario en cualquier momento:

Tu formulario se actualiza automáticamente. No necesitas actualizar ningún código en tu sitio web (para formularios incrustados y emergentes).

Agregar campos a tu formulario

Usa la barra de herramientas de contenido para agregar los siguientes tipos de campos y bloques a tu formulario:

Campo de texto

Usa el inspector para establecer las siguientes propiedades:

• Etiqueta: Recomendado. Haz clic en BIU para agregar formato.
• Texto de ayuda: Opcional. Aparece debajo de la etiqueta. Haz clic en BIU para agregar formato.
• Tamaño: Una línea o varias líneas
• Marcador de posición: Opcional. Da una pista al visitante sobre qué debe aparecer 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 quieres que se importe este campo cuando el contacto se cree en Direct Mail
• Obligatorio: Si está marcado, el formulario no se puede enviar si el campo está en blanco

Campo de fecha

Usa el inspector para establecer las siguientes propiedades:

• Etiqueta: Recomendado. Haz clic en BIU para agregar formato.
• Texto de ayuda: Opcional. Aparece debajo de la etiqueta. Haz clic en BIU para agregar formato.
• Valor mínimo: Opcional. Se usa para imponer la fecha más temprana permitida.
• Valor máximo: Opcional. Se usa para imponer la fecha más tardía permitida.
• Valor predeterminado: Opcional
• Importar como: Cómo quieres que se importe este campo cuando el contacto se cree en Direct Mail
• Obligatorio: Si está marcado, el formulario no se puede enviar si no se establece la fecha

Campos de opción múltiple (menú emergente, botón de opción, casilla de verificación)

Usa un menú emergente cuando solo se puede seleccionar una opción y la lista de opciones posibles es larga. Usa un botón de opción cuando solo se puede seleccionar una opción, pero la lista de opciones posibles es corta. Usa una casilla de verificación cuando se pueden seleccionar varias opciones o como un interruptor para una sola opción.

Usa el inspector para establecer las siguientes propiedades:

• Etiqueta: Recomendado. Haz clic en BIU para agregar formato.
• Texto de ayuda: Opcional. Aparece debajo de la etiqueta. Haz clic en BIU para agregar formato.
• Estilo: El tipo de control de opción múltiple que se debe usar
• Opciones: Introduce las opciones entre las que el visitante puede elegir.
  • La columna Nombre es el texto que aparece al visitante
  • La columna Valor es el texto que se importa a Direct Mail
  • La columna Casilla de verificación indica cuáles de las opciones deben seleccionarse de forma predeterminada
  • Haz clic en + para agregar una opción. Mantén pulsado + para importar una lista de opciones desde un archivo o generar una serie de opciones numéricas.
  • Selecciona una opción y haz clic en BIU para dar formato al nombre de la opción (solo se aplica a casillas de verificación y botones de opción)
• Aleatorizar: Puedes hacer que las opciones aparezcan en un orden aleatorio cada vez que se muestre el formulario
• Importar como: Cómo quieres que se importe este campo cuando el contacto se cree en Direct Mail
• Obligatorio: Si está marcado, el formulario no se puede enviar a menos que se haya hecho una elección. Para las casillas de verificación, puedes establecer el número mínimo de opciones que deben seleccionarse.

Bloque de texto

Usa el inspector para establecer el contenido del bloque de texto. Haz clic en BIU para agregar formato o enlaces.

Bloque de imagen

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

Botón

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

Espaciador

Usa el inspector para establecer la altura del espaciador y, opcionalmente, agregar una línea/divisor.

Sugerencias

Usa el botón Sugerencias para agregar rápidamente campos rellenados previamente a tu formulario, incluidos:

• Casilla de verificación de permiso
• Casilla de verificación de permiso con texto específico del RGPD
• Frecuencia de correo electrónico (¿con qué frecuencia quieres saber de nosotros?)
• Países, estados, provincias y regiones
• Meses, días del mes, días de la semana, horas del día
• Tratamiento
• Género

Convertir a doble suscripción

Los formularios de suscripción son de suscripción simple de forma predeterminada. Esto significa que el suscriptor se agrega a tu lista inmediatamente sin tener que hacer clic en un correo electrónico de confirmación. Puedes convertir tu formulario a doble suscripción. Esto significa que el suscriptor no se agrega a tu lista hasta que haga clic en un correo electrónico de confirmación.

No se te permite editar el contenido del correo electrónico de confirmación. El correo electrónico de confirmación se envía usando el idioma que hayas elegido para tu formulario (consulta Formulario > Avanzado > Idioma)

Activar notificaciones de nuevos suscriptores

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

Enviar un correo electrónico de bienvenida a nuevos suscriptores

Usa nuestra función de respuesta automática para enviar automáticamente correos electrónicos de bienvenida a los nuevos suscriptores cuando se unan:

Se crea una nueva respuesta automática para ti, pero no se inicia hasta que estés listo. Haz clic en Ir a respuesta automática para configurar los ajustes de la respuesta automática.

Editar ajustes avanzados

Los ajustes avanzados se encuentran haciendo clic en Página en la barra de pestañas y, a continuación, expandiendo la sección Avanzado en el inspector.

• Idioma: Este es el idioma que se usa 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 aún se sincronizan con Direct Mail cuando se envía el formulario
• CSS personalizado: Puedes usar CSS personalizado para dar estilo a tu formulario