Cómo redirigir después de completar una opción para el correo electrónico en Div

Una de las opciones en el formulario de registro de correo electrónico redirige al usuario a una nueva página cuando se suscribe. Este es un proceso simple y abre muchas posibilidades para páginas de ventas, mensajes de bienvenida y más. En esta publicación, analizaremos la URL de redirigir la opción de correo electrónico de Divi para ver cómo redirigir después de completar un correo electrónico OP en el DIV. También diseñaremos una página para darles la bienvenida como suscriptor. Vamos a empezar. Redirige a una URL personalizada para comenzar viendo cómo hacer la redirección en la opción de correo electrónico Div. Para mis ejemplos, uso la impresión gratuita que está disponible en el Div.
Primero, abra la configuración del módulo de correo electrónico haciendo clic en el icono de la rueda que aparece cuando pasa con el mouse sobre el módulo.

La pestaña de contenido tiene la configuración que tendremos que ajustar. Esta pestaña incluye configuración de texto, cuenta de correo electrónico, campos, acción exitosa, protección de antispam, enlace, antecedentes y etiqueta de administrador. Desplácese hacia abajo hasta la sección llamada acción exitosa. Verá un cuadro desplegable en acción.

Haga clic en el cuadro para ver sus opciones. Seleccione la redirección a una URL personalizada.

Abre un nuevo conjunto de opciones, incluido un campo para URL y una lista de consultas que agregará argumentos de consulta a la URL.
La URL que agregue será la ubicación en la que se redirige al usuario al enviar el formulario de correo electrónico. Redirect URL Consuly le permite seleccionar los datos que desea enviar a esa página con la URL. Estos datos se pueden usar con otros sistemas en la página respectiva utilizando el argumento de consulta de URL. Eligiendo dónde redirigir la elección de dónde redirigir al usuario le brinda muchas oportunidades y opciones. Puede redirigir a cualquier URL que desee. No tiene que ser una página en su sitio puede ser un video en YouTube, una página de grupo de Facebook, etc. Si usa una página en su sitio web, puede ser una página de ventas, una página de descarga gratuita, una página para agradecerles por la suscripción y por proporcionar información y otros.

Creación de la página de redirección para crear una página de redirección que agradezca al usuario por la suscripción y proporcione información sobre qué esperar a continuación. Esta página incluirá un título, una descripción y un botón que conduce a la página de inicio. Usaremos el estilo en el paquete de apariencia de la tienda de impresión. Para comenzar, cree su página y active Visual Builder. Reta la sección Coloque el cursor sobre la sección y haga clic en el icono de la rueda para abrir su configuración.
Desplácese hacia abajo hacia el fondo y seleccione la pestaña Imagen. Haga clic en Agregar imagen de fondo y elija su imagen en la biblioteca de medios. Agrego el patrón de puntos de la tienda de impresiones de imágenes 1 de la página de inicio de la impresión.

Imagen: Dotos de imprenta Modelo 1
Establezca el tamaño de la imagen en el tamaño real, la posición en el centro, repita para repetir y mezclar la imagen a la normalidad. Dimensión: tamaño real

Posición: centro
Repito: Repito
Mezcla de imagen: Normal
Luego seleccione la pestaña Diseño. Seleccione el divisor inferior y elija la primera opción de estilo separador. Cambie el color a #4CDCFC, la altura al 80% y seleccione el icono horizontal para la división Flip.
Divisores: abajo

Estilo: angular
Color: #4CDCFC
Altura: 80%
Flip horizontal
Desplácese hacia abajo hasta el espacio y agregue 25 VH para el relleno superior e inferior. Cierre la configuración de la sección.
Forro: 25 VH arriba, abajo

Agregue una sola fila de columna y luego, seleccione el icono Green Plus y agregue una sola fila de columna. No tendremos que hacer ajustes seguidos.
Agregue y estilice el título y luego, agregue un módulo de texto en una fila.

Abra la configuración del módulo de texto y cambie el texto al Título 2. Agregue el título al área de contenido.

Texto: Título 2

Contenido: ¡Gracias por su suscripción!
Luego seleccione la pestaña de diseño y seleccione H2 para el nivel de encabezado. Cambie la fuente a Oswald, el estilo en TT y el color a #000645.
Nivel de título: H2

Fuente: Oswald

Estilo: TT
Color: #000645
Para el tamaño, seleccione el icono del teléfono y cambie el tamaño del escritorio a 46 PX, tableta a 32 px y teléfono a 20 px. Cambie el espacio entre líneas a 1px, la altura de la línea a 1.3 EM y cierre la configuración del módulo.
Tamaño: 46px (escritorio), 32px (tableta), 20px (teléfono)

Espacio: 1px
Altura de la línea: 1.3 em
Agregue y estilice la descripción luego, haga clic en el icono más gris y agregue otro módulo de texto. Incluirá una descripción para informar al usuario a qué esperar a continuación. Patre su descripción en la zona de contenido. Estos pueden incluir información como verificar su correo electrónico, inscribir el correo electrónico en la lista blanca, con la mayor frecuencia que espera un correo electrónico, los tipos de correos electrónicos que envía, etc. Por ejemplo, dejaré el texto inactivo.
Luego seleccione la pestaña Diseño. Seleccione Roboto Mono para la fuente. Cambie el tamaño del escritorio a 16 px, tableta a 15 px y llame a 14 px. Establezca la altura de la línea en 1.8 em.

Fuente: roboto mono

Tamaño: 16px (escritorio), 15px (tableta), 14px (teléfono)

Altura de la línea: 1.8 em
Finalmente, desplácese hacia abajo hasta el espacio y agregue 20px al relleno superior e inferior. Cierre el módulo.
Llenado: 20px arriba, abajo
Agregue y estilice el botón de inicio ahora, agregue un botón para devolver al usuario a la página de inicio. Haga clic en el icono gris debajo del segundo módulo de texto y agregue un módulo de botón.

Cambie el texto del botón nuevamente a la página de inicio y agregue la URL de la página de inicio al enlace del botón. Deje el objetivo en el valor predeterminado para que se abra en la misma ventana.
Botón: Volver a la página principal

Botón de enlace de URL: enlace

Objetivo: en la misma ventana
Seleccione la pestaña de diseño y cambie la alineación de los botones en el centro.
Alineación de los botones: centro
Luego active Use estilos personalizados para el botón. Establezca el tamaño de texto en 14 PX y seleccione blanco para el color. Cambie el color de fondo a #000645.

Use estilos personalizados para el botón: Dadimensión del texto: 14px
Color de texto: #ffffff

Color de fondo: #000645
Cambie el ancho del borde a 0px, el rayo del borde a 0px y el espacio de letras a 1px. Elija Oswald para la fuente y establezca el estilo en TT.
Ancho óseo: 0px
Chenar Radius: 0px
Espacio entre letras: 1px

Fuente: Oswald
Estilo: TT
Finalmente, desplácese hacia abajo hasta el espacio y agregue 18 PX al relleno superior e inferior y 30 PX al relleno izquierdo y derecho. Cierre la configuración del módulo de botón, publique la página y salga visual de salida.
Llenado: 18 PX (arriba, abajo), 30 px (izquierda, derecha)
Pegue la URL de redireccionamiento Finalmente, copie e inserte la URL para esta página en el campo URL de redirección desde el módulo de correo electrónico.
Ahora, cuando alguien se inscribe en el correo electrónico y hace clic en el botón Enviar, se lleva automáticamente a la nueva página para ver el mensaje de bienvenida.

Pensamientos finales Esta es nuestra forma de redirección después de completar un formulario de registro de correo electrónico en Div. Configurar la redirección dentro del módulo es simple. Incluso los argumentos de URL son solo una cuestión de seleccionarlos. La URL en sí puede ser lo que desee, incluida una página de bienvenida, una página de ventas y más. Una de las opciones más simples es crear una página como la que creé en este tutorial para saludar a sus suscriptores y decirles qué esperar. Queremos escuchar de ti. ¿Utiliza la opción de redirección de URL para el formulario de inscripción para el correo electrónico de la Divica? Cuéntanos sobre tu experiencia en comentarios.