8 posibilidades empleadas para el módulo de correo electrónico de Div

Los formularios de correo electrónico son una parte importante del crecimiento de un sitio web. Es importante tener una forma bien diseñada, que se ajuste a las necesidades de su sitio, y esto incluye el aspecto de la forma. El módulo de opción para el correo electrónico del Divin le brinda control sobre la apariencia y los elementos que están incluidos. Esto le permite crear varios tipos de modelos de formulación de correo electrónico. En esta publicación, analizaremos 8 posibilidades incorporadas de organizar la opción de correo electrónico Div para el módulo de opción de correo electrónico de la divica. Configuración El modo Optin de correo electrónico primero, para ver la configuración en el módulo de opción de correo electrónico que nos permite crear las combinaciones de opción de correo electrónico.
La configuración del campo de opción para el correo electrónico divino El primer conjunto de opciones está en la pestaña de contenido. Desplácese hacia abajo hasta el medio de la pestaña de contenido y verá una sección llamada Fields. Tiene tres opciones que puede activar o deshabilitar. Muestran los campos en varias combinaciones. Puede mostrar un solo nombre o deshabilitarlo para mostrar los campos para nombres y/o nombres. También puede deshabilitar todos los campos de nombres si desea mostrar solo el campo de correo electrónico. También tiene una opción para campos personalizados. Deben configurarse con su proveedor de correo electrónico. Los campos personalizados diferirán dependiendo de las opciones de diferentes proveedores de correo electrónico, por lo que nos centraremos en los campos estándar que se aplican a todos.

La configuración de apariencia del módulo de correo electrónico optin a continuación, verá un conjunto de opciones en la pestaña de diseño. El módulo de correo electrónico de Divic incluye una sección en la pestaña de diseño llamada apariencia. Esta sección incluye 4 selecciones diferentes que se pueden usar en diferentes combinaciones. La configuración incluye un cuadro desplegable con 4 opciones de apariencia y 3 conmutadores para activar o deshabilitar el ancho completo para el nombre, el nombre y el correo electrónico. Si ha deshabilitado el nombre y/o los campos de primer nombre en la pestaña de contenido, no se mostrarán como opciones en esta sección. Aspectos del módulo de correo electrónico Optin Haga clic en el cuadro Drop -down para ver las 4 opciones de aspecto. Estos especifican la ubicación del texto del cuerpo y la forma.

Los elementos de texto de la opción de correo electrónico divide la opción de ancho completo muestra el campo al 50% de su ancho. Los campos de primer nombre y nombre se moverán en la misma línea si están deshabilitados. Los nombres y los campos de correo electrónico procederán igual si el nombre completo del primer nombre se activa y se desactiva. Aquí está el formulario con los tres discapacitados.

Posibilidades de correo electrónico Optin Aspect Todas las configuraciones que hemos visto se pueden usar para crear muchas combinaciones para la opción de correo electrónico. Usaré ejemplos del paquete de diseño de fábrica de piedra gratuita, que está disponible en el Div. Identificaré todas las configuraciones en cada ejemplo. Además, la forma es receptiva, por lo que la apariencia cambiará según el ancho de la columna o la pantalla. Mostraré ejemplos con una sola fila de columna en el ancho predeterminado.

Antes de ver nuestras opciones de división, aquí hay un vistazo a la opción de correo electrónico original que cambiaré. Desactivó los campos de nombre y no usa el título y el cuerpo del texto en el módulo. En cambio, usó módulos de texto para ellos. Reemplazaré los módulos de texto con los del módulo de correo electrónico. El botón usó CSS ​​en este formulario. Lo eliminé de mi ejemplo para centrarme en la configuración del formulario. Posibilidad de organizar la opción de correo electrónico Div 1 Comenzaremos con el reemplazo que usa el título y los elementos de texto del cuerpo del módulo de opinión, MAI en lugar de los módulos de texto. El formulario se ve igual que el original, pero tiene algunas diferencias de ancho para el botón y el texto del cuerpo, porque esta forma ahora usa una sola columna en lugar de dos columnas. El botón es más grande y el espacio entre las dos partes de la forma se ha reducido.
Configuración de campo para ITShable todos los campos de nombres.

Use el campo con un solo nombre: no

Mostrar el campo Nombre: No
Campo de apellido de exhibición: no
La configuración de apariencia muestra el cuerpo a la izquierda y el formulario a la derecha. Se activa el ancho completo del correo electrónico. Debido a que he deshabilitado los campos de nombre, estas no son opciones en la configuración de apariencia.
Apariencia: cuerpo a la izquierda, forma a la derecha

Ancho de correo electrónico completo: sí
La posibilidad de organizar la opción de correo electrónico Div 2 de mi segunda posibilidad de diseño mueve la forma hacia la derecha y el cuerpo hacia la izquierda. Activé el campo de nombre y lo hice con ancho completo.
Activé el uso del campo con un nombre único, para que los otros campos de nombre ya no sean opciones.

Use el campo con un nombre único: Sí

La apariencia tiene la opción del cuerpo a la derecha, se forma a la izquierda. Activé el nombre FullWidth y el correo electrónico FullWidth. Aspecto: Cuerpo a la derecha, Formulario a la izquierda
Nombre de ancho completo: Sí

Ancho de correo electrónico completo: sí
La posibilidad de disposición 3 Esta opción de apariencia coloca el cuerpo por encima del formulario y coloca los campos de nombre y correo electrónico en la misma línea.
Configuración de campo Permitir el uso del campo con un solo nombre.
Use el campo con un nombre único: Sí

Para las opciones de apariencia, seleccionamos el cuerpo en la parte superior, forme abajo. Establecí el nombre de ancho completo y el correo electrónico FullWidth en el No. Esto coloca los campos en la misma línea para este ancho de fila.


Apariencia: cuerpo arriba, forma en el piso
Nombre de ancho completo: no

Ancho de correo electrónico completo: no
La posibilidad de la disposición 4 Esto muestra el cuerpo por encima del formulario e incluye los campos de primer y apellido.
Para los campos, usa el nombre y el apellido.
Use el campo con un solo nombre: no

Mostrar el campo Nombre: Sí

Mostrar el campo Nombre: Sí
Para la apariencia, tiene un cuerpo en la parte superior, forma abajo. El ancho completo del primer nombre y el nombre completo del nombre están deshabilitados mientras se activa el correo electrónico completo.
Apariencia: cuerpo arriba, forma en el piso
Nombre Nombre Ancho completo: No

Apellidos de familia Ancho completo: no
Ancho de correo electrónico completo: sí
La posibilidad de organizar la opción de correo electrónico Div 5 Este ejemplo muestra los nombres y el correo electrónico sobre el cuerpo en la misma línea.
Seleccionamos usar el campo con un solo nombre.
Use el campo con un nombre único: Sí

Utiliza la parte inferior del cuerpo, la forma superior para la apariencia. He desactivado el nombre FullWidth y el correo electrónico FullWidth.

Apariencia: cuerpo en la parte inferior, forma en el lado de ancho de susnume: no
Ancho de correo electrónico completo: no

La posibilidad de organizar la opción de correo electrónico Div 6 coloca el cuerpo hacia la izquierda y la forma hacia la derecha. El formulario muestra el nombre y el apellido en la misma línea y el campo de correo electrónico con ancho completo.
Activé Muestra el campo Nombre y muestra el campo Nombre.
Use el campo con un solo nombre: no
Mostrar el campo Nombre: Sí

Mostrar el campo Nombre: Sí

Muestra la apariencia del cuerpo a la izquierda, la forma a la derecha. El ancho completo del primer nombre y el nombre completo del primer nombre están desactivados. Se activa el ancho completo del correo electrónico.
Apariencia: cuerpo a la izquierda, forma a la derecha
Nombre Nombre Ancho completo: No
Nombre de ancho completo: no

Ancho de correo electrónico completo: sí
La posibilidad de organizar la opción de correo electrónico div 7 Este ejemplo coloca la forma a la izquierda y el cuerpo a la derecha. Muestra el nombre de los campos y el apellido. Todos los campos tienen ancho completo.
Activé Muestra el campo Nombre y muestra el campo Nombre.
Use el campo con un solo nombre: no
Mostrar el campo Nombre: Sí

Mostrar el campo Nombre: Sí

Para la apariencia, seleccionamos el cuerpo derecho, la forma a la izquierda. Se activan el ancho completo del primer nombre, el ancho completo del primer nombre y el ancho completo del correo electrónico.
Apariencia: cuerpo a la derecha, forma a la izquierda
Nombre FullWidth: Sí
Nombre de ancho completo: Sí

Ancho de correo electrónico completo: sí
La posibilidad de la disposición 8 Para este ejemplo, seleccionamos el apellido y colocamos el formulario en la parte superior. Tanto el apellido como el correo electrónico tienen un ancho completo.
Para los campos, activé la pantalla de apellido. Este formulario no requerirá primer nombre.
Use el campo con un solo nombre: no
Mostrar el campo de nombre: Nombre del campo Nrafişte: Sí

Para la apariencia, seleccioné el cuerpo en el piso, formar en la parte superior. Activé el ancho completo del nombre y el ancho completo del correo electrónico.

Apariencia: cuerpo hacia abajo, forma en la parte superior
Family Nombre de ancho completo: Sí
Ancho de correo electrónico completo: sí
Pensamientos finales Esta es nuestra mirada en las 8 posibilidades de aspecto adjuntos para el módulo de correo electrónico del Div. He mostrado solo algunas de las posibles combinaciones de aspectos ofrecidos por la opción para el correo electrónico del DIV. Los nombres de los campos, las opciones de apariencia y la configuración para el ancho del campo se combinan para proporcionar la opción para el correo electrónico muchas posibilidades de diseño. Son fáciles de seleccionar y usar, lo que hace un proceso simple de personalización del formulario de correo electrónico. Queremos escuchar de ti. ¿Utiliza las opciones de correo electrónico inopuestas de Divin para crear diferentes modelos? Dinos en los comentarios.