Divi Plugin Highlight: Divi próximamente


Divi Próximamente es un complemento gratuito de terceros para Divi que le permite configurar su sitio web de 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 se agrega al tiempo de carga del sitio web.

Cree páginas como Próximamente, Mantenimiento y En construcción utilizando Divi Builder. Todas las herramientas que necesita para estas páginas ya están disponibles en Divi, incluidos temporizadores de cuenta regresiva, formularios de opciones 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 disponibles próximamente de desarrolladores externos o comprar el paquete de diseño del desarrollador del complemento.

Instalar 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.

Configuración de Divi Coming Soon

Se agrega un nuevo elemento de menú al menú Divi en el panel de WordPress llamado Divi Próximamente. Al hacer clic en este, se abre un menú con un único 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 tenga que mirar su lista de páginas para ver los nombres a 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 elige la página y haz clic 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 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.

Crear 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 próximamente real debería tener más información que esa (¿alguien ha visto una como esta?). Creemos una página real próximamente que proporcione más información y capture clientes potenciales y sea más útil para desarrollar su negocio.

Una buena página próximamente debe identificar que el sitio estará disponible próximamente y proporcionar información como cuándo esperar que el sitio esté en funcionamiento, un formulario de registro por correo electrónico, botones de seguimiento de redes sociales para construir sus seguidores y posiblemente qué esperar del sitio. . También puede usar casi cualquier variación en 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 proporciona más información. Necesita un poco de estilo y un buen diseño visual para captar la atención del visitante y ser más memorable. Quieres que vuelvan los visitantes.

Ahora agregué una imagen de fondo, cambié el texto del título y agregué estilo para los colores. Moví la opción de correo electrónico y los botones de 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 al correo electrónico una sombra de cuadro y eliminé sus colores de fondo. Es más visualmente atractivo. Se podría agregar más información acerca de lo que será el sitio allí en algún lugar. 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, utilicé la página Acerca 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, proviene del diseño. Agregué el gradiente del temporizador de cuenta regresiva y usé las fuentes predeterminadas. Esta es la única página que puede ver cualquiera que no haya iniciado sesión. Esta es la vista desde el frontend Visual Builder.

Cualquier diseño Divi se puede utilizar para crear una página próximamente. Me gusta usar esta idea para dar un vistazo de cómo se vería el sitio una vez que el diseño haya llegado lo suficientemente lejos.

Divi Próximamente Diseños

El complemento en sí es gratuito (al menos por ahora), pero hay un paquete de diseño premium para ir con eso que puedes comprar por separado. Comprar el paquete de diseño cuesta $ 35, pero puede obtenerlo por $ 5 (85% de descuento) cuando descargue el complemento gratuito y se suscriba al boletín.

los Divi Próximamente Diseños incluye 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 usar con Divi Próximamente, pero se pueden usar con cualquier complemento que venga pronto o con el modo de mantenimiento 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 en la biblioteca Divi o solo un diseño en una página. Estoy cargando los diseños como un paquete único 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, opciones 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 puedan perderse.

Próximamente Diseño 2

El diseño 2 incluye el temporizador de cuenta regresiva, texto, divisor, correo electrónico optin, 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 atrás 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, opciones 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. El correo electrónico incluye una sombra, por lo que se destaca 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, opciones 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 del correo electrónico. Su atención se dirige al 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, opciones de correo electrónico, seguimiento de redes sociales, CSS y jQuery.

Tiene un fondo estampado con un 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 información que los demás. Sus ojos aún se sienten atraídos por la cuenta regresiva y el formulario de correo electrónico.

Licencia, actualizaciones y soporte

Divi Coming Soon puede usarse en sitios web ilimitados. Las actualizaciones también son gratuitas. Como 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 seguir trabajando en él. Esta es una excelente manera de generar interés y capturar clientes potenciales mientras trabaja en su sitio web Divi.

Construir 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 Coming Soon? Háganos saber lo que piensa al respecto en los comentarios.

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