Usando el contenido del módulo Optin para correo electrónico en línea vs.Combinando con módulos de texto

El módulo de opción para el correo electrónico del Divin tiene varias áreas de texto y contenido que pueden mostrar contenido adicional. Estas áreas pueden ser elegantes en el módulo de opción para el correo electrónico. Junto con las opciones de opciones del módulo, ofrece un diseño sólido para un formulario de correo electrónico simple. Sin embargo, esto limita las posibilidades de diseño. Afortunadamente, podemos usar el módulo de correo electrónico Optin con módulos de texto para crear más opciones de diseño y estilo. En esta publicación, compararemos el uso de campos de texto dentro del módulo de opción para el correo electrónico con el uso de módulos separados para su copia.
¡Vamos a empezar! Elementos de contenido para el módulo de correo electrónico en línea junto al formulario en sí, la opción para el correo electrónico de la Divin tiene tres áreas de contenido. Estos incluyen el título, el contenido del cuerpo y el contenido del sótano. El título es un solo campo de texto sin ajustes en la pestaña de contenido. El contenido del cuerpo y el sótano tienen editores de contenido completos que aceptan texto, medios de comunicación, HTML, CSS, etc. También puede usar contenido dinámico, personalizarlos para las dimensiones individuales del dispositivo y ajustar su estado de pase con el mouse.

La pestaña de diseño de la pestaña de diseño en línea tiene la configuración de estilo básico para las áreas de título y contenido. Las opciones incluyen el nivel del título, la fuente, el peso de la fuente (regular o aldin), estilo, alineación, color, tamaño, espaciado, altura de línea y sombra. Veamos cada uno.
Las opciones para el título del módulo de correo electrónico Optin aquí son la configuración de diseño de título. Ajusté el nivel de título por el color del texto en esta imagen.

Ajusté el tamaño del texto a través de la sombra de texto en esta imagen. El texto para el cuerpo y el sótano del texto de correo electrónico opino y el sótano están controlados por la misma configuración de diseño. La imagen a continuación incluye opciones de color de fuentes. Esta sección también agrega características de texto estándar, como marcadores, un enlace, una cita, etc. El texto del título sigue el estilo del texto del cuerpo, a menos que tenga su propio estilo. El botón utilizará algunas de las opciones de texto, a menos que tenga el estilo por separado.

La imagen a continuación agrega las opciones del tamaño del texto a través de la sombra del texto.

Puede usar CSS en línea en el editor de contenido, pero lo que no sea elegante seguirá el estilo de la pestaña de diseño.

Aspectos de contenido para el módulo de correo electrónico en línea Las opciones de apariencia nos permiten colocar el título y el contenido del cuerpo de arriba, debajo, a la derecha o a la izquierda de la forma. El ejemplo a continuación coloca el cuerpo arriba y forma en la parte inferior.

Ventajas y desventajas con el contenido de Optin para el correo electrónico Pro

Todo está incluido en un solo módulo. Esto simplifica la creación y el modelado del formulario de correo electrónico.
Es fácil de usar y es efectivo. Si desea copiar o mover el formulario de correo electrónico, debe tratar solo un módulo.
El módulo de correo electrónico ofrece tres zonas de texto que podemos usar. El texto se ve muy bien y funciona bien para los formularios de correo electrónico básicos.
Para hacer ajustes, debe abrir solo un módulo.
Versus
El texto del título tiene un campo simple para ingresar el título y tiene las opciones de estilo básicas en la pestaña de diseño.
El cuerpo y el texto del sótano tienen editores de contenido individuales en la pestaña de contenido, pero usan la misma configuración en la pestaña de diseño. El modelo tiene cuatro opciones de aspecto que determinan la ubicación del cuerpo y la forma. Puede colocar el cuerpo en la parte superior, abajo, hacia la derecha o la izquierda del formulario, pero no puede separarlos.
Los campos de la forma tienen opciones de estilo separadas, pero los otros elementos de estilo se aplican a todo el módulo. Por ejemplo, el fondo, el tamaño, el espacio, el borde, la sombra de la caja, los filtros, la transformación y la animación se aplican a cada elemento del módulo. Esto significa que no puede ajustar el fondo del título separado del cuerpo, el sótano o la forma.
El título siempre está por encima del cuerpo del texto. El contenido del sótano siempre está debajo del botón.
Cualquier ajuste de la ubicación o estilo que no esté disponible en la pestaña de diseño se debe agregar a los campos CSS en la pestaña avanzada.
Combinar el texto con módulos alternativos es crear los mismos elementos de texto con módulos de texto individuales junto con el módulo de optificación por correo electrónico. Esta opción requiere múltiples elementos elegantes y es posible que necesite usar varias columnas. Sin embargo, le ofrece la mayoría de las funciones y opciones.
Para usar este método, simplemente deje los campos de título, cuerpo y sótano del módulo de correo electrónico vacío, como lo hice en el ejemplo a continuación. Esto le da el formulario sin otros elementos de texto.
Luego use módulos de texto para crear los elementos deseados. Agregué dos módulos de texto junto al formulario en el siguiente ejemplo. Como muestra este ejemplo, el editor de contenido es el mismo que el del módulo de optificación por correo electrónico.
Opciones para diseñar el módulo de texto El módulo de texto tiene la misma configuración de diseño para el texto del cuerpo y el texto del título que el módulo de opción para el correo electrónico, pero agregue algunas opciones adicionales. El texto del título incluye cinco pesos de fuentes. Debido a que puede usar un módulo diferente para cada conjunto de texto, puede tener un fondo, borde, caja de sombra, etc. Diferente para cada uno. El siguiente ejemplo utiliza el módulo de opción de correo electrónico para el formulario y agrega tres módulos de texto diferentes para crear el título, el cuerpo y el texto del sótano. Diseñé cada módulo por separado. Esto muestra la configuración de fuente, peso, estilo, color, tamaño, espaciado, altura de línea y sombra de texto. También ajusté los fondos, el espacio y los bordes.

Ventajas y desventajas con el uso de módulos de texto para el contenido de Optin para el correo electrónico Pro

Los módulos de texto le dan muchas más características de estilo para cada uno de los elementos. Debido a que cada módulo es individualmente elegante, puede tener diferentes estilos para cada elemento. Esto incluye diferentes fondos, espaciado, tamaño, borde, etc.

No se limita a las opciones de apariencia.

No se limita a un conjunto de contenido. Puede rodear el formulario con cuántos módulos desea, para crear cualquier diseño que desee.
No se limita a los módulos de texto. Puedes usar lo que quieras, como imágenes, videos, diapositivas, CTA y más.
Puede continuar usándolos en combinación con el contenido en el módulo de opción de correo electrónico.
Versus
Para colocar el contenido cerca del formulario, deberá usar varias columnas.
Es más difícil copiar o mover módulos individuales.
Hay varios módulos para abrir si desea realizar cambios. Es posible que necesite un esfuerzo de estilo adicional para que parezcan una sola forma. Los bordes y fondos para la opción de correo electrónico deben hacerse en la configuración de la fila si desea cambiarlos y hacer que parezcan un solo módulo.
Los ejemplos de combinaciones de módulos de correo electrónico y texto continúan, para ver algunos ejemplos con combinaciones de módulos de correo electrónico y módulos de texto. Para la mayoría de estos ejemplos, usaré el formulario de registro por correo electrónico del paquete de diseño NG gratuito, disponible en div. Mostraré vistas de escritorio y estructura alámbrica.
En primer lugar, aquí está la opción de correo electrónico tal como aparece en apariencia. Use dos módulos de texto y el módulo de optificación por correo electrónico. El estilo de fondo se hace uno a la vez. Coloque un pequeño título en la parte superior, una gran descripción debajo y luego el formulario.
Aquí está la vista de Wireframe.
Ejemplo uno para combinar el correo electrónico y los módulos de texto El primer ejemplo mueve la descripción a la derecha del formulario, pero mantiene el título por encima del formulario. Este aspecto es simple, pero no es posible sin usar un módulo de texto sobre el formulario. Cambié la fila en 2 columnas.
Aquí está la vista de Wireframe.
Ejemplo dos Para combinar el segundo ejemplo de correo electrónico y módulos de texto, cambiamos la fila a 3 columnas y colocamos módulos de texto en las columnas exteriores. Cada una de las filas de texto incluye un título y una descripción que proporciona pasos numerados. El módulo de opción para el correo electrónico podría mostrar un paso, pero no ambos.

Aquí está la vista de Wireframe.

El tercer ejemplo de combinación de módulos de correo electrónico y tercer ejemplo utiliza una sección especializada con múltiples filas y anchos de columnas. Muestra un título y dos módulos para descripciones a la izquierda y el formulario de correo electrónico a la derecha.

El cuatro ejemplo de combinación de módulos de correo electrónico y texto aquí es nuestro cuarto ejemplo. Use el formulario de inscripción por correo electrónico en el paquete de alquiler de scooter gratuito. Agregué una imagen en el fondo del título y cambié el color de la fuente del título a blanco. Todos los demás son los mismos que el original. El fondo blanco de la columna hace que parezca un solo módulo.

Aquí está la vista de Wireframe.

Pensamientos finales Este es nuestro aspecto sobre el uso del módulo de correo electrónico en línea en comparación con su combinación con los módulos de texto. El módulo de correo electrónico funciona bien y ofrece un formulario de correo electrónico simple, pero es limitado. El uso de los módulos de texto de texto y descripción le brinda muchas más opciones de diseño. Con un poco de estilo, varios módulos pueden verse como un solo módulo. Con varios módulos, puede crear formularios de registro de correo electrónico únicos con muchas más opciones de apariencia y diseño.

Queremos escuchar de ti. ¿Utiliza las funciones de contenido en el módulo de OPTING para el correo electrónico DIV o prefiere usar módulos de texto para ese contenido? Dinos en los comentarios.