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 de 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 del desarrollador del complemento.

Instalación de Divi próximamente

Cargue y active el complemento de forma normal. No se requiere ninguna otra configuración para el complemento, pero deberá crear una página que utilizará el complemento.

Divi Próximamente Ajustes

Se agrega un nuevo elemento de menú al menú Divi en el tablero 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 mostrarla 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 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 página Próximamente en lugar del sitio web normal. Haga clic en la x roja y guarde los cambios para evitar que el sitio web redirija a la página próximamente. El modo de mantenimiento estará activo hasta que lo deshabilite 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 usar 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 real próximamente que brinde más información y capture clientes potenciales y sea más útil para construir su negocio.

Una buena página próximamente debe identificar que el sitio estará disponible pronto y proporcionar información como cuándo esperar que el sitio esté activo, un formulario de registro de 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. He agregado cada uno de estos elementos en este diseño.

Todavía no es genial, pero es un comienzo. Al menos da 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. Quiere que los visitantes regresen.

Ahora agregué una imagen de fondo, cambié el texto del título y agregué estilo a 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 configuré los módulos en la columna central. Le di al temporizador de cuenta regresiva y la opción de 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 cómo será el sitio en alguna parte. Esta es la vista desde el backend Visual Builder.

Una de mis formas favoritas de crearlos es usar elementos de uno de los paquetes de diseño integrados de Divi. En este ejemplo, he usado la página Acerca de del diseño de Psicología y he agregado mis elementos.

El diseño se ve elegante con los próximos elementos. Todo el estilo, excepto el temporizador de cuenta regresiva, proviene 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 usar 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.

Diseños Divi próximamente

El complemento en sí es gratuito (al menos por ahora), pero hay un paquete de diseño premium para acompañarlo que puede comprar por separado. Para 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 Divi Coming Soon incluyen 5 diseños para crear páginas 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 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. Se establece en una sola columna.

Aquí hay 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 regresiva y el eslogan se 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 suscripció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, suscripción de correo electrónico, seguimiento de redes sociales, CSS y jQuery.

La información se coloca a la izquierda con la galería 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 de la opción de 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, suscripción de correo electrónico, seguimiento de redes sociales, CSS y jQuery.

Tiene un fondo estampado con un degradado. Utiliza contadores circulares para la cuenta atrás. El título es el elemento más destacado y el diseño proporciona más texto para 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 usar 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 como normal para que puedan continuar trabajando en él. Esta es una excelente manera de generar interés y capturar clientes potenciales mientras trabaja en su sitio web Divi sin necesidad de instalar un complemento de temporizador de cuenta regresiva por separado o un complemento próximo fuera de Divi.

Crear 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 fácil es usar 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 Próximamente? Háganos saber lo que piensa al respecto en los comentarios.

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