Tres cosas geniales que puedes hacer con Dondivi (descarga gratuita)

La venta de aniversario de Divi está en pleno apogeo, y este año, estamos haciendo algo que nunca antes habíamos hecho. Estamos regalando todo el conjunto de complementos premium de Dondivi de forma gratuita para todos los que recogen un producto Divi que califica. Eso es más de $ 170 en herramientas agregadas a su cuenta, al instante.

Para mostrarle cuán poderosa es esta colección, hemos creado tres casos de uso usando Dondivi y Divi. Estas no son solo "ideas geniales", son soluciones prácticas que puede copiar, personalizar y usar hoy. Incluso obtendrá una descarga gratuita de todos los diseños utilizados en esta publicación para que pueda importar y construir al instante.

Aquí hay un adelanto de lo que tenemos en la tienda ...

Vamos a sumergirnos y descubrir qué puedes hacer con Dondivi.

Obtenga toda la suite Dondivi gratis

Recientemente adquirimos toda la colección de Dondivi, y para celebrarlo, la regalamos gratis a todos los que realizan una compra calificada durante la venta de aniversario. Eso es más de $ 170 en complementos premium , agregados a su cuenta automáticamente cuando compra Divi Pro, Divi VIP o cualquier paquete Divi.

Leer el anuncio

¿Qué está incluido?

Cada compra de calificación desbloquea la colección completa de productos Dondivi, que incluyen:

• Dondivi Builder : un conjunto premium de 9 módulos que incluyen ventanas emergentes, cuadrículas, alternar de contenido, pestañas, puntos calientes, plazos y más.
• Divimenus : un constructor de menú flexible que le permite crear mega menús, encabezados pegajosos, naves flotantes, ventanas emergentes y contenido interactivo.
• Divipasswords : contraseña protege cualquier sección, fila o módulo con un campo de contraseña simple.
• Divisignatures : cree y administre firmas de correo electrónico personalizadas utilizando el Builder Divi. ¡Incluye un directorio de búsqueda!
• Divimenus flotante : flote sus menús en cualquier lugar de la pantalla con controles personalizados y controles de visibilidad.
• Divimenus Compartir : agregue hermosos botones de intercambio social a cualquier diseño de divi usando estilos de divimenus.
• Divimenus en los medios de comunicación : coloque los menús interactivos directamente en imágenes y videos para impulsar el compromiso.

Y todo es gratis, solo para unirse durante la venta.

Reclamar su colección Dondivi gratis

3 cosas geniales que puedes construir con Dondivi

Dondivi no es solo un paquete de complementos: es un juego de herramientas creativo para Divi. Ya sea que desee mejorar sus encabezados, crear ventanas emergentes elegantes o hacer que sus tablas de precios sean más interactivas, Dondivi lo hace posible con la simplicidad de arrastrar y soltar.

Para mostrarle lo que es posible, hemos creado tres ejemplos del mundo real usando:

• El sitio de inicio de Divi SaaS con sitios rápidos de Divi
• Los complementos de divimenos y builder de Dondivi
• Diseños de Dondivi prefabricados importados a la Biblioteca Divi para impulsar el proceso

Cada ejemplo a continuación incluye un tutorial rápido, e incluso hemos empacado los archivos de diseño como una descarga gratuita al final de esta publicación.

1. Crea un menú de encabezado sobrealimentado con divimenus

¿Cansado de los menús básicos de encabezado? Divimenus te permite crear algo mucho más dinámico (piense en los mega menús, revela el floso y los modales), todo el estilo dentro del constructor de temas de Divi.

Así es como lo construimos:

Reemplazamos la plantilla de encabezado global en el constructor de temas con un diseño de menú de encabezado Dondivi prefabricado (construido con el módulo Divimenus Flex) para darnos un ejemplo de trabajo.

Luego, utilizamos el módulo Divimenus Flex para construir un encabezado dinámico con diferentes estilos y tipos de enlaces. Esto es lo que incluye nuestro menú de ejemplo:

• Inicio - Un enlace de URL simple
• Características , sobre , blog : cada uno revela un diseño Divi personalizado de la biblioteca en un estilo de menú de mega.
• Precios : otro enlace de URL estándar
• Buscar : abre un diseño de barra de búsqueda de estilo en una ventana emergente
• Contacto : también se abre como una ventana emergente con un formulario de contacto, diseñado como un botón de llamada a la acción
• Iniciar gratis : un botón en negrita que se vincula a la página de precios
• Menú de hamburguesas : este menú de hamburguesas muestra un menú de WordPress en dispositivos móviles (¡con submenús plegables!)

Mostrar diseños de divi completos con tipo de enlace subconscal

Para mostrar un diseño personalizado de "mega menú del menú" al flotar (o hacer clic) en el elemento del menú, puede usar el tipo de enlace subconsportante en la configuración del elemento del módulo.

Por ejemplo, para mostrar el diseño de características al pasar el paso sobre el elemento del menú "Características", primero tuvimos que guardar la sección de características de nuestro sitio web a la biblioteca Divi.

Luego, abrimos el módulo Flex Divimenus y cambiamos el tipo de enlace de "característica" a "Sub". Luego seleccionamos el diseño guardado de la biblioteca como contenido.

Hicimos lo mismo para el blog y sobre los elementos del menú también. Guardamos un diseño personalizado en la biblioteca para cada uno y lo mostramos utilizando el tipo de enlace subconsalado en la configuración del elemento del menú.

El enlace Acerca de un diseño simulado con módulos de propaganda en el que se puede hacer clic y el enlace del blog muestra un control deslizante dinámico de blogs con enlaces simulados a categorías.

¡Eso es todo! Aquí está el resultado.

Convertir los diseños en ventanas emergentes utilizando el tipo de enlace emergente

Para la búsqueda y el contacto , utilizamos el tipo de enlace emergente para activar diseños personalizados desde la biblioteca Divi.

Para crear el enlace emergente de "contacto", utilizamos las opciones de diseño para diseñar el enlace con un icono, color de fondo, efecto desplazamiento, etc., para ver y funcionar como un botón. Luego, cambiamos el tipo de enlace a "emergente" y seleccionamos el diseño del formulario de contacto de la biblioteca Divi (que obtuvimos de la página de contacto).

Pusimos algunos toques finales en el diseño para cambiar el color de la superposición, el icono "cerrado", etc. ¡Eso es todo!

El diseño emergente se mostrará al hacer clic en el enlace de contacto.

Hicimos lo mismo para crear una ventana emergente de barra de búsqueda al hacer clic en el icono de búsqueda. Todo lo que necesita hacer es extraer un diseño de barra de búsqueda prediseñado de la biblioteca.

Aquí están los elementos del menú emergente en acción.

Consejos de estilo:

• Use iconos o imágenes personalizadas para cada elemento para un polaco adicional
• En Diseño> Elemento de menú , ajuste los efectos de acolchado y desplazamiento
• Encienda la configuración pegajosa para que el menú permanezca en la parte superior durante el desplazamiento
• Ocultar el texto del enlace en el móvil, por lo que solo se muestra el icono, guardando espacio

Divimenus de Dondivi le permite convertir un encabezado simple en una experiencia interactiva adaptada a su marca y al usuario. Y esa es solo la punta del iceberg. Hay mucho más que puede hacer con este complemento, especialmente cuando lo combina con el divímeno flotante de Dondivi, el divímeno compartido y en los medios (también gratis durante la venta).

2. Construya ventanas emergentes personalizadas con desencadenantes de clic, desplazamiento y salida

Las ventanas emergentes pueden ser molestas, o increíbles. Con el módulo emergente de Dondivi, tienes el control total. Puede mostrar cualquier diseño Divi como ventana emergente y activarlo como desee: en el desplazamiento, en clic o incluso en la intención de salida.

En este ejemplo, tomamos la sección CTA de la página de inicio del sitio de inicio de SaaS y la convertimos en una ventana emergente inteligente de intención de salida. Así es como lo hicimos:

Guarde la sección CTA desde su página de inicio a la biblioteca Divi.

Cree una nueva sección y agregue el módulo emergente de Dondivi .

En Configuración de contenido , elija "Exit Intent" como tipo de activación. Luego, elija "Diseño Divi" como el tipo de contenido y elija el diseño correspondiente en la biblioteca en el menú desplegable.

Aquí la ventana emergente en acción.

Esta es una manera perfecta de las llamadas de superficie a la acción sin interrumpir a sus visitantes. Debido a que estás usando diseños de divi, el cielo es el límite de personalización.

Más consejos

• Use la configuración de animación para agregar efectos de entrada/salida como "zoom en" o "deslizar hacia arriba"
• Controle el ancho emergente, el color de fondo y la posición del botón de cierre
• ¿Quiere activar el botón Haga clic en el botón? Cambie para hacer clic en disparar y asignar una clase CSS como .cta-popup a cualquier elemento
• Use el disparador de desplazamiento para que la ventana emergente se muestre en cierto punto cuando el usuario se desplaza por la página. ¡Esto sería excelente para agregar un correo electrónico Optin PopUp en su plantilla de publicación de blog!

Este módulo emergente Divi es una alternativa gratuita perfecta a soluciones emergentes más robustas como OptinMonster y complementos gratuitos de WordPress como PopUp Maker.

Piénselo: Divi es su constructor emergente. Si puede diseñarlo en Divi, puede mostrarlo en una ventana emergente con cualquier gatillo que necesite.

3. Alternar el contenido con interruptores o pestañas (perfecto para las tablas de precios)

¿Necesita dejar que los visitantes cambien entre dos vistas, como el precio mensual y anual, sin dejar la página? El módulo de Toggle de contenido de Dondivi hace exactamente eso. Crea alternas suaves e interactivas entre dos diseños, perfecto para tablas de precios, comparaciones de características o planes de productos.

En nuestro ejemplo, utilizamos la sección de precios del sitio de inicio de Divi SaaS. Duplicamos la sección de precios y ajustamos el precio de la sección duplicada. Luego guardamos ambas secciones, una para precios mensuales y otra para precios anuales, a la Biblioteca Divi.

Una vez que se guardan los diseños, volvimos a la página de precios y agregamos el módulo de alternancia de contenido de Dondivi para reemplazar el contenido de precios estáticos.

En Contenido> Diseños , asigne cada estado de alternancia a uno de sus diseños guardados. Nombra los estados de palanca mensualmente y anualmente .

Y puede diseñar la alternancia en la pestaña de diseño para que coincida con su marca.

Aquí está el resultado.

Consejos de estilo de módulo

• Use la configuración del modo de interruptor para un diseño de interruptor de palanca moderno y limpio
• Aplicar los efectos de entrada y salida para transiciones suaves
• Las etiquetas y el contenido de alternación de estilo utilizando independientemente la configuración de diseño

¿Quieres ir más allá de dos diseños o construir navegación con pestañas avanzadas? Echa un vistazo al módulo de pestañas Dondivi . Es compatible:

• Diseños de pestañas horizontales y verticales
• Múltiples secciones de contenido con un estilo único por pestaña
• Iconos, subtítulos y animaciones de entrada/salida

Ambos módulos están incluidos en el Builder de Dondivi, y funcionan sin problemas con cualquier diseño que guarde en la biblioteca Divi.

Resultado final

Aquí está el resultado final.

Y si se pregunta qué sucede con el menú en dispositivos móviles, hay un menú de WordPress plegable que también es completamente personalizable con Dondivi.

Descargue todos los diseños de esta publicación (¡gratis!)

¿Quieres probar estos ejemplos tú mismo? Hemos empaquetado todos los diseños de biblioteca Divi personalizados utilizados en esta publicación en un archivo zip descargable gratuito. Simplemente importarlos a su sitio, conectarlos a los módulos apropiados y estar listo para comenzar.

Descargar diseños de ejemplo

¿Qué hay dentro?

• Diseños de página : para configurar las páginas de su sitio web si es necesario
• Menú de encabezado personalizado : el diseño del menú de encabezado que construimos con divimenus. Puede agregarlo a su plantilla de encabezado principal en el personalizador del tema
• Diseños de submenus de encabezado : 3 diseños de biblioteca Divi para características, sobre y contenido de submenú de blog
• Diseños emergentes del menú : 2 diseños: uno para la ventana emergente de búsqueda y otra para el formulario de contacto al hacer clic en los elementos del menú
• Diseños de la sección de precios : diseños de la sección de precios mensuales y anuales, listos para usar con el módulo de alternancia de contenido
• Diseño emergente : el diseño para la ventana emergente de Dondivi Builder que construimos

Cómo usar los diseños:

1. Descargue el archivo zip y descomprima los archivos en su computadora.
2. Importe el archivo "Dondivi Use Case Liseuts-All.json" en la biblioteca Divi.

3. Luego cree una nueva página de inicio y página de precios. Use el Builder Divi para crear la página utilizando la página de inicio SaaS y los diseños de la página de precios SaaS desde su biblioteca. Debería ver la alternancia mensual/anual de precios en estas páginas.

4. Para probar el menú del encabezado Dondivi, vaya al personalizador del tema y cree un nuevo encabezado en su plantilla predeterminada utilizando el diseño de "encabezado DM personalizado" desde su biblioteca.

También hemos incluido un bono: una colección curada de diseños gratuitos de Dondivi de su portal de miembros. Estas plantillas normalmente solo son accesibles a través del sitio web de Dondivi, pero las hemos organizado para usted por complemento, por lo que es fácil encontrar los que necesita.

Bonificación: Descargar la biblioteca de diseño de Dondivi

Dondivi ofrece muchos diseños prefabricados para cada producto que puede descargar de forma gratuita. Una vez que realice una compra de calificación durante nuestra venta, puede encontrar todas las descargas de productos de Dondivi y los archivos complementarios en la pestaña Marketplace en el área de sus miembros.

Esta es una excelente manera de impulsar su próximo proyecto, o explorar lo que es posible con las herramientas a las que ahora tiene acceso de forma gratuita.

Reclamar su colección de Dondivi

Comience a construir con Dondivi, ¡gratis!

Ya sea que desee actualizar sus menús, crear hermosas ventanas emergentes o agregar características de IU potentes a su sitio web de Divi, Dondivi tiene una herramienta para el trabajo. Y por primera vez, puede obtener toda la suite de forma gratuita durante nuestra venta de aniversario.

Pero no espere, esta oferta solo está disponible por tiempo limitado. Una vez que termina la venta, también lo hace la descarga gratuita.

Únase a la venta y obtenga Dondivi gratis

Esta es su oportunidad de sobrealimentar su kit de herramientas de diseño con algunos de los módulos más creativos y flexibles del ecosistema Divi, sin costo adicional.

No podemos esperar a ver lo que construyes.

La venta de aniversario de divi terminará pronto

Nuestra venta de aniversario solo le quedan unos días, y está repleta de formas de ahorrar en todo el ecosistema Divi. Ya sea que sea nuevo en Divi o que ya sea miembro, hay algo para todos, incluidos paquetes exclusivos, grandes descuentos y la suite completa de Dondivi completamente gratuita con compras calificadas.

• Divi Pro - 78% de descuento - Incluye todo: Divi, Divi AI, Divi Cloud, Divi VIP, Divi Dash y Divi Teams, más un crédito de mercado de $ 50 y toda la colección Dondivi.
• Divi AI - 60% de descuento - Genere copias, imágenes y diseños dentro de Divi con herramientas de IA capacitadas en su sitio web.
• Divi Cloud - 40% de descuento - almacene y sincronice sus diseños, plantillas y código en todos sus sitios web.
• Los equipos de Divi - 40% de descuento - dan a su equipo o clientes acceso compartido a servicios Divi con roles y permisos administrados.
• Divi VIP-40% de descuento -Obtenga soporte premium 24/7 con tiempos de respuesta de menos 30 minutos y 10% de descuento en todas las compras del mercado.
• Ahorre el 60% en el paquete de módulos, el paquete de funciones y el paquete de diseño : obtenga colecciones curadas de módulos, diseños y extensiones más vendidas en el mercado Divi.
• Actualización de por vida : realice un pago único para el acceso de por vida a Divi y cada actualización futura.

No esperes. Toma un trato y consigue a Dondivi gratis hoy.

Llévame a la venta