Lo más destacado del complemento Divi: Divi Próximamente

Divi Coming Soon es un complemento gratuito de terceros para Divi que le permite configurar su sitio web Divi en modo de mantenimiento y elegir una sola página para mostrar a cualquier persona que no haya iniciado sesión. Los administradores y editores que hayan iniciado sesión verán el sitio como normal. Esta es una excelente manera de ocultar el sitio hasta que esté listo, pero también capturar clientes potenciales y generar interés al mismo tiempo. Es liviano, por lo que no aumenta el tiempo de carga del sitio web.

Cree páginas como Próximamente, Mantenimiento y En construcción con Divi Builder. Todas las herramientas que necesita para estas páginas ya están disponibles en Divi, incluidos temporizadores de cuenta regresiva, formularios de suscripción de correo electrónico, botones de seguimiento de redes sociales, videos, imágenes y más. Puede crear sus propios diseños, usar uno de los muchos diseños Próximamente disponibles de desarrolladores externos o comprar el paquete de diseño al desarrollador del complemento.

Instalación de Divi próximamente

Sube y activa el complemento como de costumbre. No se requiere ninguna otra configuración para el complemento, pero deberá crear una página que utilizará el complemento.

Configuración de Divi Coming Soon

Se agrega un nuevo elemento de menú al menú Divi en el panel de WordPress llamado Divi Coming Soon . Al hacer clic aquí, se abre un menú con un solo cuadro desplegable donde puede buscar y elegir una publicación o página para mostrar como la próxima página. No proporciona una lista, por lo que es posible que deba consultar su lista de páginas para ver los nombres que debe buscar.

Creé una página simple de próximamente con solo un mensaje. Al buscarlo, se muestra el título, lo que me permite seleccionarlo.

Simplemente elija la página y haga clic en Guardar cambios . Ahora, para cualquier persona que no haya iniciado sesión, se mostrará la próxima página en lugar del sitio web normal. Haga clic en la x roja y guarde los cambios para evitar que el sitio web se redirija a la próxima página. El modo de mantenimiento estará activo hasta que lo desactive haciendo clic en la x roja. También puede cancelar esta página y elegir una página diferente.

Creación de la página Próximamente

Puede usar cualquier página que desee, pero es mejor crear la página con Divi Builder. Esto le permite utilizar la plantilla de página en blanco para ocultar el menú, el encabezado y el pie de página. En mi primer ejemplo, agregué solo un módulo de texto con un mensaje simple.

Por supuesto, una página real de próximamente debería tener más información que esa (¿alguien ha visto una como esta?). Construyamos una página próximamente real que proporcione más información, capture clientes potenciales y sea más útil para desarrollar su negocio.

Una buena página de próxima aparición debe identificar que el sitio llegará pronto y proporcionar información como cuándo esperar que el sitio esté activo, un formulario de registro por correo electrónico, botones de seguimiento de redes sociales para generar seguidores y posiblemente qué esperar del sitio. . También puede utilizar casi cualquier variación de esta combinación de módulos. Agregué cada uno de estos elementos en este diseño.

Todavía no es genial, pero es un comienzo. Al menos proporciona más información. Necesita algo de estilo y un buen diseño visual para captar la atención del visitante y ser más memorable. Quieres que los visitantes regresen.

Ahora agregué una imagen de fondo, cambié el texto del título y agregué estilo para los colores. Moví los botones de suscripción de correo electrónico y seguimiento de redes sociales a una nueva fila, elegí tres columnas y establecí los módulos en la columna central. Le di al temporizador de cuenta regresiva y al correo electrónico una sombra de cuadro y eliminé sus colores de fondo. Es más atractivo visualmente. Se podría agregar más información sobre lo que será el sitio en algún lugar. Esta es la vista desde el Visual Builder backend.

Una de mis formas favoritas de crearlos es utilizar elementos de uno de los paquetes de diseño integrados de Divi. En este ejemplo, utilicé la página Acerca de del diseño de Psicología y agregué mis elementos.

El diseño se ve elegante con los próximos elementos. Todo el estilo, excepto el temporizador de cuenta regresiva, es del diseño. Yo mismo agregué el gradiente del temporizador de cuenta regresiva y usé las fuentes predeterminadas. Esta es la única página que puede ver cualquier persona que no haya iniciado sesión. Esta es la vista desde la interfaz Visual Builder.

Se puede utilizar cualquier diseño de Divi para crear una página Próximamente. Me gusta usar esta idea para dar un adelanto de cómo se vería el sitio una vez que el diseño haya avanzado lo suficiente.

Divi Próximamente Diseños

El complemento en sí es gratuito (al menos por ahora), pero hay un paquete de diseño premium que lo acompaña que puede comprar por separado. Comprar el paquete de diseño cuesta $ 35, pero puede obtenerlo por $ 5 (85% de descuento) cuando descarga el complemento gratuito y se suscribe al boletín.

Los diseños de Divi Coming Soon incluyen 5 diseños para crear páginas de Próximamente, páginas en construcción y páginas de modo de mantenimiento. Fueron diseñados para usarse con Divi Coming Soon , pero se pueden usar con cualquier complemento de modo de mantenimiento o próximamente que funcione con Divi. Los diseños incluyen temporizadores de cuenta regresiva, opciones de correo electrónico, texto, fondos, CSS y jQuery. Se pueden personalizar fácilmente con Divi Builder.

Se pueden importar todos a la vez a la biblioteca de Divi o solo un diseño único en una página. Estoy cargando los diseños como un solo paquete en la biblioteca Divi. Veamos cada diseño.

Próximamente Diseño 1

El diseño 1 tiene un diseño de una sola columna que incluye un temporizador de cuenta regresiva, texto, opción de correo electrónico, seguimiento de redes sociales, CSS y jQuery.

Agrega una imagen de fondo con una superposición de degradado. El formulario de correo electrónico es prominente para que los visitantes no se lo pierdan.

Próximamente Diseño 2

El diseño 2 incluye el temporizador de cuenta regresiva, el texto, el divisor, la opción de correo electrónico, CSS y jQuery. Está establecido en una sola columna.

Aquí tienes un vistazo a la página en vivo. También incluye una imagen de fondo, pero sin superposición. No incluye botones de seguimiento de redes sociales. La cuenta atrás y el lema destacan más.

Próximamente Diseño 3

El diseño 3 utiliza un diseño de doble columna e incluye un temporizador de cuenta regresiva, texto, imagen, opción de correo electrónico, seguimiento de redes sociales, CSS y jQuery.

Muestra una pantalla dividida con la información en un lado y un gráfico en el otro. La opción de correo electrónico incluye una sombra para que se destaque de todo lo demás, pero no de una manera que sea obvia.

Próximamente Diseño 4

El diseño 4 está configurado en un diseño de doble columna e incluye un temporizador de cuenta regresiva, galería, texto, opción de correo electrónico, seguimiento de redes sociales, CSS y jQuery.

La información se coloca a la izquierda con la galería ubicada a la derecha. Al hacer clic en la galería, se abre la imagen en una caja de luz. Me gusta el estilo y la forma en que los colores se destacan en la suscripción al correo electrónico. Se llama su atención sobre el formulario de correo electrónico y la imagen.

Próximamente Diseño 5

El diseño 5 está configurado en un diseño de una sola columna e incluye texto, un temporizador de cuenta regresiva, opción de correo electrónico, seguimiento de redes sociales, CSS y jQuery.

Tiene un fondo estampado con degradado. Utiliza contadores circulares para la cuenta regresiva. El título es el elemento más destacado y el diseño proporciona más texto para la información que los demás. Sus ojos aún se sienten atraídos fácilmente por la cuenta regresiva y el formulario de correo electrónico.

Licencia, actualizaciones y soporte

Divi Coming Soon se puede utilizar en sitios web ilimitados. Las actualizaciones también son gratuitas. Dado que el complemento es gratuito, el soporte es limitado. El soporte está incluido con la membresía.

Pensamientos finales

Divi Coming Soon no podría ser más fácil de usar. Simplemente active el complemento, vaya al menú y seleccione la página que desea mostrar. Los visitantes son redirigidos automáticamente a la página Próximamente, mientras que los administradores y editores ven el sitio con normalidad para que puedan seguir trabajando en él. Esta es una excelente manera de generar interés y capturar clientes potenciales mientras trabaja en su sitio web Divi.

La construcción de las páginas es bastante simple, especialmente si modifica un diseño Divi o usa elementos de su diseño. Un método mucho más rápido y sencillo es utilizar uno de los diseños premium que puede comprar por separado.

Si está interesado en un complemento gratuito para colocar su sitio Divi en modo de mantenimiento mientras trabaja en el sitio en segundo plano, Divi Coming Soon es un complemento fácil de recomendar.

Queremos escuchar de ti. ¿Has probado Divi Coming Soon? Háganos saber lo que piensa al respecto en los comentarios.

Imagen destacada a través de Intellson / shutterstock.com