Divi

Cuando empecé a crear sitios web en WordPress hace una década, me costaba mucho crear diseños personalizados sin tener conocimientos de código. Fue entonces cuando descubrí los maquetadores de páginas y todo cambió.

Entre todos los maquetadores de páginas que he probado y utilizado a lo largo de los años, Divi siempre ha destacado. Mientras que muchos temas multipropósito y constructores de página han ido y venido, Divi se ha mantenido constantemente por delante de la curva con características como herramientas de diseño con IA y opciones avanzadas de personalización.

En esta práctica reseña de Divi, te mostraré exactamente lo que lo hace tan especial, para que puedas decidir si es la elección correcta para tu sitio web WordPress.

Divi reseña / valoración: Mi opinión sincera (y experiencia de primera mano)

Divi es un popular tema multipropósito que viene con un maquetador de páginas integrado. He utilizado Divi en varios proyectos y se ha convertido rápidamente en uno de mis maquetadores de páginas favoritos.

El maquetador de páginas funciona con cualquier tema de WordPress, por lo que puedes utilizarlo para crear todo tipo de sitios web. Sin embargo, está optimizado para funcionar con el tema Divi y todas las licencias de Divi incluyen tanto el maquetador como el tema multipropósito, por lo que muchos propietarios de sitios web los utilizan juntos.

Al activar el maquetador de páginas, se sustituye el editor estándar de páginas y entradas de WordPress por un maquetador visual.

Este maquetador te da acceso a cientos de disposiciones ya hechas que cubren múltiples industrias y nichos, incluyendo kits para sitios web de restaurantes, cafeterías y estudios de yoga. Eché un vistazo a la biblioteca de estructura / disposición / diseño / plantilla, y los diseños son realmente impresionantes.

Gracias al importador de demos de 1 clic de Divi, puedes importar rápida y fácilmente cualquiera de estos nombramientos de blogs diseñados por profesionales, y luego personalizarlos usando el editor de arrastrar y soltar.

También puede empezar desde cero y crear una estructura / disposición / diseño / plantilla totalmente personalizada.

Independientemente de la opción que elija, puede añadir y eliminar elementos, añadir texto mediante el editor integrado, mover elementos por la página e incluso añadir CSS personalizado para crear exactamente el diseño que desee. El editor integrado me ha resultado especialmente útil.

Cuando esté satisfecho con la estructura / disposición / diseño / plantilla, puede activarla con unos pocos clics o guardarla como plantilla reutilizable.

Si gestiona varios sitios web, puede incluso exportar sus diseños e importarlos a cualquier blog, sitio web o tienda en línea de WordPress que tenga Divi instalado.

Divi reseña / valoración: ¿Es el tema y maquetador de páginas adecuado para usted?

Hay innumerables temas de WordPress para elegir, pero muchos propietarios de sitios web siguen luchando para crear exactamente el diseño que desean. Sé lo frustrante que puede llegar a ser.

Ahí es donde entran en juego los maquetadores de páginas.

Estos plugins le permiten personalizar cada parte de su sitio mediante arrastrar y soltar. He utilizado maquetadores de arrastrar y soltar durante años, y son un cambio de juego para cualquiera que quiera un control total sobre el diseño de su sitio web. Con esto en mente, veamos si Divi es el plugin maquetador de páginas y tema multipropósito adecuado para tu sitio web WordPress.

1. Estructuras diseñadas por profesionales

Para empezar, Divi es una plataforma increíblemente robusta para crear todo tipo de sitios web. Ofrece más de 2.000 nombramientos sitio web y que están lanzando nuevos diseños todo el tiempo, con imágenes de dominio público, iconos e ilustraciones.

He probado estos paquetes de disposición en mis sitios de demostración y son increíblemente fáciles de usar. Realmente te guardan una tonelada de tiempo y esfuerzo en el proceso de diseño.

También hay paquetes de disposición que tienen múltiples diseños para la sección del blog, la página acerca de nosotros, la página de contacto, la página de inicio y mucho más.

Encontrará paquetes para nichos e industrias específicos, junto con plantillas minimalistas adecuadas para casi cualquier nicho de blog.

Divi te permite incluso anidar diferentes disposiciones dentro de otras plantillas para crear diseños por capas.

Además, Divi cuenta con más de 200 elementos y módulos totalmente personalizables. Por ejemplo, puedes añadir carruseles / controles deslizantes, botones de llamada a la acción (CTA), formularios, testimonios, feeds de medios sociales, tablas de precios y mucho más.

Mi más sincera reseña / valoración: Si estás buscando una manera de construir un sitio web de gran apariencia sin un montón de complicaciones, estos paquetes de disposición parecen ser un ganador absoluto.

2. Editor de arrastrar y soltar de páginas

Como alguien que ha utilizado Divi ampliamente, puedo decir que el editor de arrastrar y soltar es un verdadero punto culminante. It. le permite crear completamente personalizadas páginas de destino, páginas de ventas, diseños personalizados de entradas, y mucho más. Lo he probado con varios temas, y aunque está diseñado para el tema Divi, funciona sorprendentemente bien con otros. Creo que los propietarios de sitios web encontrarán esta flexibilidad increíblemente útil.

El maquetador de páginas Divi es un verdadero editor ‘lo que ves es lo que obtienes’ (WYSIWYG) para que puedas ver tus cambios en tiempo real. Esto significa que usted puede probar un montón de diferentes ajustes para ver lo que se ve mejor en su sitio web, blog o tienda en línea.

Editar elementos es muy fácil. Basta con hacer clic en el elemento y realizar los cambios en el menú de la izquierda.

Puede cambiar los tipos de letra, el color del texto, las opciones de borde, añadir estilos al pasar el cursor, aplicar filtros y mucho más.

Divi ofrece 20 tipos de filas y 3 tipos de secciones. Esto te da mucha flexibilidad a la hora de organizar el contenido. Esto me resultó especialmente útil a la hora de diseñar páginas de destino complejas: es mucho más fácil que complicarse con códigos personalizados.

Mi honesta reseña / valoración: El editor de arrastrar y soltar de Divi es potente y fácil de usar. La edición en tiempo real y un montón de opciones de personalización hacen que sea un placer de usar. Si usted es un blogger, propietario de un negocio, o diseñador de páginas web, usted apreciará la flexibilidad y el control Divi ofrece.

3. Opciones avanzadas de personalización

Una de las cosas que me encanta de Divi es su capacidad para transformar elementos directamente dentro del maquetador de páginas. ¡No hay necesidad de Photoshop o Sketch!

Pude girar elementos, escalarlos y moverlos con facilidad. Esto supone un gran ahorro de tiempo, y sé que nuestros lectores apreciarán no tener que cambiar entre distintos programas. He probado a fondo esta característica en mis sitios de demostración y ha funcionado a la perfección.

Divi también ofrece una gama de filtros para mejorar tus elementos. He experimentado con los filtros Sepia, Saturación y Contraste, y son una forma estupenda de añadir un toque único. También puedes añadir bordes, sombras de recuadro y sombras de texto, que ayudan a crear interés visual.

De este modo, podrá personalizar los elementos y módulos ya creados para que reflejen a la perfección su imagen de marca / marca y el tema de WordPress.

Mi honesta reseña / valoración: Las características de transformación de elementos de Divi son increíblemente potentes. La capacidad de manipular los elementos directamente en el maquetador de páginas, combinado con las opciones de filtro, le da completa libertad de diseño. Es un cambio de juego para cualquiera que quiera crear un sitio web verdaderamente personalizado.

4. Edición de texto integrado

El texto es una parte importante de la mayoría de los blogs, sitios web y mercados en línea.

Con Divi, puede borrador de su contenido en la parte delantera y ver los resultados al instante. Solo tienes que hacer clic y empezar a escribir: ¡así de sencillo!

He probado diferentes opciones de fuentes y hay cientos entre las que elegir. Incluso puedes subir tus propias fuentes, lo que es una gran opción para las empresas que quieren mantener la coherencia de su marca.

Mi honesta reseña / valoración: Las capacidades de edición de texto de Divi son excelentes. La edición de front-end y amplias opciones de estilo hacen que sea fácil crear contenido hermoso y atractivo.

5. Animaciones y efectos

Las animaciones en WordPress pueden captar la atención del visitante y resaltar el contenido más importante de una página. También pueden animar a los clientes a hacer clic en los botones de llamada a la acción.

La buena noticia es que Divi te permite crear todo tipo de animaciones y efectos.

Para empezar, viene con animaciones ya hechas que puedes añadir a cualquier elemento, o puedes crear tus propias animaciones personalizadas.

Pude añadir animaciones a varios elementos de mi sitio de prueba y los resultados fueron impresionantes. Realmente ayudan a resaltar el contenido importante y animan a hacer clic en los botones de llamada a la acción.

También puede crear efectos de movimiento, que interactúan con los visitantes a medida que se desplazan por la página.

Los efectos al pasar el cursor son otra forma de añadir interactividad. La interfaz de opciones hover de Divi es fácil de usar y facilita la creación de efectos interesantes sin ningún conocimiento de código. He probado esta característica con diferentes imágenes y botones, y es una forma sencilla de añadir un toque de pulido.

Por último, puede crear transiciones dinámicas entre bloques de contenido. Esto añade un nivel de sofisticación y ayuda a guiar la mirada del visitante por la página. He jugado con diferentes estilos de transición y son una forma estupenda de crear una experiencia más envolvente.

Mi honesta reseña / valoración: Las características de animación de Divi son realmente de primera categoría. La combinación de animaciones listas para usar, opciones de animación personalizadas, efectos al pasar el cursor y transiciones dinámicas te da todo lo que necesitas para crear un sitio web visualmente impresionante y atractivo.

6. Crear contenido fijo

El contenido fijo o flotante se “pega” a la parte superior de la pantalla a medida que el visitante se desplaza, de modo que está en pantalla en todo momento. Es una buena forma de destacar el contenido más importante de la página o de asegurarse de que los menús de navegación están siempre al alcance de la mano.

Divi te permite pegar elementos en la parte superior o inferior del navegador. Experimenté con ambas opciones y me parecieron igual de eficaces. La característica de apilamiento es particularmente útil para crear estructuras / disposiciones / diseño / plantillas complejas en las que varios elementos deben permanecer visibles.

Mi honesta reseña / valoración: La característica de contenido fijo de Divi es simple pero eficaz. Es una gran manera de asegurar que los elementos clave permanezcan visibles, mejorando la experiencia del usuario y destacando la información importante.

7. Reglas condicionales y contenido dinámico

Divi le permite ocultar o mostrar elementos en función de las condiciones que defina, como el perfil del usuario, la fecha y la hora, la ubicación y mucho más. Sé que nuestros lectores que tienen tiendas en línea encontrarán esto particularmente útil – ¡imagina mostrar diferentes productos basados en compras anteriores! Esto cambia las reglas del juego del marketing personalizado.

También puede mostrar contenido dinámico, como un recuento preciso de comentarios, el título de la entrada, sus etiquetas y categorías, y mucho más.

De este modo, puede mostrar información relevante e interesante al visitante.

Esta automatización se extiende a otras áreas también. Por ejemplo, puede simplemente decirle a Divi que muestre el cuadro de información del autor, en lugar de añadirlo manualmente. Este es un pequeño pero significativo ahorro de tiempo. Ojalá hubiera tenido acceso a esta característica en el pasado.

Mi honesta reseña / valoración: Las características de contenido dinámico y visualización condicional de Divi son increíblemente potentes. De hecho, esto hace Divi un deber-tener para cualquiera que quiera crear una experiencia de sitio web verdaderamente dinámico y personalizado.

8. Generar imágenes y texto con IA

Me entusiasmó especialmente probar las herramientas de inteligencia artificial integradas en Divi. En lugar de buscar imágenes en línea, simplemente escribí una indicación y Divi creó varias opciones al instante. Esto es un gran ahorro de tiempo, y puedo imaginar que nuestros lectores les encanta esta característica.

Del mismo modo, puedes utilizar las herramientas de IA para generar texto.

Experimenté con distintos tipos de contenido, desde encabezados y párrafos hasta extractos de entradas y llamadas a la acción.

Divi IA puede incluso traducir el contenido a diferentes idiomas, lo que supone un gran cambio para llegar a una audiencia global. Las empresas que buscan ampliar su alcance encontrarán esto muy valioso.

Mi honesta reseña / valoración: Las herramientas de IA de Divi son realmente impresionantes. Las capacidades de generación de imágenes y texto son increíblemente útiles y podrían ahorrarte mucho tiempo.

Básicamente, son imprescindibles para cualquiera que desee agilizar su proceso de creación de contenidos.

9. Soporte para CSS personalizado

Para aquellos que les gusta añadir código personalizado, el editor de código integrado de Divi es una bienvenida adición. Lo probé y me sorprendió gratamente por sus características. Es un editor en miniatura, pero es muy potente.

De hecho, este mini editor tiene todas las características avanzadas que cabría esperar de un editor de código completo, como resaltado de sintaxis, informe de errores, autocompletado, selección de colores y selección multilínea. Creo que los desarrolladores y usuarios avanzados apreciarán tener esta herramienta al alcance de la mano.

Mi honesta reseña / valoración: El editor de código de Divi es mucho mejor de lo que esperaba. Aunque puede que no sea tan avanzado como un programa de codificación completo, tiene todas las características esenciales que necesitas para añadir código personalizado a tus diseños.

10. Crear plantillas personalizadas

Crear diseños de página personalizados con Divi es fácil, pero poder reutilizar esos diseños es aún mejor. He guardado algunos de mis diseños de página de prueba como plantillas, y fue un gran ahorro de tiempo. Sé que nuestros lectores apreciarán no tener que recrear diseños desde cero.

Incluso puedes importar tus plantillas a cualquier otro sitio web que tenga Divi instalado.

Esto es perfecto si dirige una agencia de desarrollo de WordPress y gestiona muchos sitios web de clientes, o si posee un porfolio de sitios y quiere que todos tengan la misma imagen de marca.

Mi honesta reseña / valoración: La característica de guardar o importar plantillas de Divi cambia las reglas del juego. Simplifica el proceso de diseño y hace que sea fácil mantener la coherencia a través de múltiples sitios web. Es imprescindible para cualquiera que gestione más de un sitio.

11. Optimizado para el rendimiento

Los tiempos de carga de la página de su sitio tienen un gran impacto en su éxito. De hecho, un retraso de 1 segundo en los tiempos de carga puede provocar una pérdida del 7% en las conversiones, un 11% menos de visitas a la página y una disminución del 16% en la satisfacción del cliente. Son estadísticas que asustan.

La buena noticia es que Divi está diseñado pensando en la velocidad. Se reduce la hinchazón mediante la eliminación automática de los recursos que no está utilizando. He probado esto en mi propia instalación y he avisado de una mejora significativa.

Divi también aplaza los recursos, las solicitudes de caché y elimina los activos de bloqueo de procesamiento, que es una gran noticia para los tiempos de carga de la página inicial. Ojalá hubiera tenido acceso a una característica como esta cuando empecé a crear sitios web. ¡Piensa cuánto tiempo podría haber ahorrado!

Para más información sobre este debate, consulte nuestra guía definitiva para aumentar la velocidad y el rendimiento de WordPress. Esta guía está repleta de consejos y trucos útiles que creo que te serán de utilidad.

Mi honesta reseña / valoración: Las características de rendimiento de Divi son realmente impresionantes. Me gusta especialmente cómo se elimina automáticamente los recursos no utilizados.

12. Optimizado para móviles

Según nuestras estadísticas de uso de Internet, el tráfico móvil representa casi el 55% del tráfico web total. Teniendo esto en cuenta, es vital que su sitio web se vea bien y funcione correctamente en smartphones y tabletas. He visto muchos sitios web que descuidan la optimización para móviles, y es una verdadera lástima.

La buena noticia es que las estructuras / disposición / diseño / plantilla de Divi son por defecto adaptables a dispositivos móviles. He probado esto en algunos sitios de demostración diferentes, y los resultados fueron excelentes.

Aún mejor, puedes tener una vista previa de cómo se verán tus disposiciones en teléfonos inteligentes y tabletas, directamente dentro del maquetador Divi.

También incluye una lista de preajustes de dispositivos para que pueda probar sus disposiciones en modelos específicos de teléfonos inteligentes y tabletas.

De este modo, puede estar seguro de que ofrece una experiencia excelente en todos los dispositivos.

Mi honesta reseña / valoración: La adaptabilidad móvil y las características de vista previa en Divi son una gran ventaja.

Poder ver exactamente cómo se verán mis disposiciones en diferentes dispositivos es un verdadero ahorro de tiempo. Se trata de una característica imprescindible para cualquiera que esté creando un blog, un sitio web o una tienda online. Incluso si estás creando un sitio web sencillo de una sola página, esa página debe verse bien en smartphones y tabletas.

13. Deshacer, rehacer y revisiones

Divi registra todas tus ediciones a medida que las realizas. He estado usando maquetadores de sitios web durante años, y esta es una característica que realmente aprecio. Si cambias de opinión, puedes deshacer o rehacer estas ediciones fácilmente al hacer clic en un botón.

Esto te da la libertad de probar diferentes ajustes y contenidos para ver qué queda mejor. Lo he probado a fondo y siempre ha funcionado a la perfección.

Y lo que es mejor, si tu ordenador se bloquea o se corta la conexión a Internet, Divi guardará automáticamente tus progresos para que no pierdas nada de tu duro trabajo.

Mi más sincera reseña / valoración: Las características de deshacer/rehacer y autoguardado son esenciales para cualquier maquetador de sitios web. Sé lo importante que es tener una red de seguridad cuando se trabaja en un sitio web, y Divi proporciona eso. Estas características le dan la paz de la mente y hacer que el proceso de diseño mucho más agradable.

14. Split-Testing integrado

Laspruebas de división A/B le ayudan a comprender cómo los pequeños cambios en el contenido y el diseño afectan al comportamiento del usuario y a las tasas de conversión.

Divi viene con pruebas de división incorporado para que pueda crear diferentes versiones de un diseño de página y luego ver cuál le ayuda a alcanzar sus objetivos. Esto es especialmente útil para las páginas que están diseñadas para convertir, como las páginas de ventas.

He probado esta característica con diferentes páginas de destino y ha sido sorprendentemente fácil de establecer y utilizar. Las empresas, tanto grandes como pequeñas, podrían beneficiarse de ello.

Mi honesta reseña / valoración: Built-in A / B testing es una valiosa adición a Divi. Me impresionó lo sencillo que era el proceso. Being able to optimize pages for conversions without relying on third-party plugins is a major advantage.

15. Toneladas de integraciones

Divi se integra con muchos de los plugins y herramientas que ya puede estar utilizando, incluyendo WPForms, MemberPress, y Eventin. He utilizado varios de estos plugins a mí mismo, y la integración es perfecta.

Si tienes una tienda online, Divi también se integra con WooCommerce. Puede crear hermosos diseños de productos utilizando el editor Divi familiar e incluso mezclar módulos WooCommerce con módulos Divi estándar para crear una estructura / disposición / diseño / plantilla completamente único. Probé esta integración y pude crear algunas estructuras / disposición / diseño / plantillas de productos realmente impresionantes.

Divi también viene con 8 módulos de carrito y finalizar pago, para que puedas optimizar el proceso de compra y reducir las tasas de abandono de carrito. Sé lo importante que es optimizar la experiencia de finalizar compra / pago, y estos módulos lo hacen muy fácil.

Además, Divi se integra con Google Maps para que puedas mostrar tu ubicación. Esto es útil si su negocio tiene una ubicación física, como una tienda física. También puedes utilizar Google Maps para crear un directorio de empresas.

Para ayudarte a generar clientes potenciales, Divi también se integra con los mejores proveedores de servicios de correo electrónico, incluyendo ConvertKit, Constant Contact y Mailchimp. Esto es algo que nuestros lectores han estado pidiendo, así que estoy feliz de ver que Divi cumple.

Mi honesta reseña / valoración: Amplias integraciones de Divi son un importante punto de venta. La integración de WooCommerce, en particular, es increíblemente potente. Ser capaz de personalizar el proceso de finalizar compra / pago con módulos dedicados es un cambio de juego para las tiendas en línea.

Divi reseña / valoración: Profesional y Soporte de la Comunidad

Con Divi, puedes diseñar hermosas páginas utilizando un editor WYSIWYG y ver los resultados en tiempo real, sin tener que codificar. Encontré el editor visual increíblemente intuitivo y fácil de usar. Sin embargo, a veces puedes necesitar un poco de ayuda extra para establecer el tema y el maquetador.

Si prefieres investigar por tu cuenta, Divi cuenta con documentación detallada, que incluye guías escritas y tutoriales en vídeo. Hojeé la documentación y me impresionó lo completa que era. También tienen un foro de la comunidad donde se puede interactuar con otros usuarios de Divi.

Si prefiere la ayuda de uno-a-uno, entonces usted puede llegar a un agente de soporte al cliente o resolver sus problemas a través de la característica de chat en vivo de Divi. Esta es una gran ventaja para los principiantes que puedan necesitar un poco de orientación adicional.

Divi reseña: Precios y Planes

Si quieres probar Divi antes de comprar una licencia, ofrecen un periodo de prueba gratuito de 30 días. Recomiendo tomar ventaja de este periodo de prueba para ver si Divi es el adecuado para usted. Después de eso, hay algunos planes diferentes que usted puede elegir.

• Divi. Por $89 al año, puedes usar el tema y maquetador Divi en tantos sitios web como quieras. Este plan incluye más de 300 paquetes de sitios web y también viene con los productos Bloom, Monarch y Extra de Divi.
• Divi Pro. Con un precio anual de $ 287, este plan añade Divi IA para que pueda generar imágenes y texto utilizando potentes herramientas de inteligencia artificial. He experimentado con las características de IA, y son bastante impresionantes. También puede guardar sus disposiciones / disposición / diseño / plantilla / pie de página, plantillas y otros contenidos a la nube. Teniendo esto en cuenta, este es el plan perfecto para desarrolladores de WordPress, diseñadores y cualquiera que cree sitios web para clientes.

Si prefiere hacer un pago único, también puede comprar una licencia de por vida. El acceso de por vida a Divi tiene un precio de $ 249, mientras que el acceso de por vida a Divi Pro tiene un precio de $ 365. Creo que la opción de acceso de por vida ofrece un gran valor, especialmente para autónomos y agencias.

Divi reseña / valoración: ¿Es el tema y maquetador de páginas adecuado para usted?

Después de ver las características, soporte y planes de precios, estoy seguro de que Divi es un gran tema de WordPress multipropósito y plugin maquetador de páginas. He probado muchos temas y maquetadores de páginas a lo largo de los años, y Divi destaca por su facilidad de uso y flexibilidad.

Divi está disponible como licencia anual o como compra única de por vida, y tiene todo lo que necesitas para crear estructuras / disposición / diseño / plantillas completamente personalizadas. Esto hace que sea una gran opción si usted está buscando un tema de WordPress profesional de usos múltiples o un editor de arrastrar y soltar página. Lo he utilizado en varios proyectos y los resultados han sido fantásticos.

Divi también viene con más de 300 paquetes de sitios web, lo que es perfecto si está rediseñando un sitio web existente o lanzando un sitio completamente nuevo. He explorado muchos de estos paquetes, y ofrecen un gran punto de partida para cualquier proyecto.

Si tienes varios sitios o diriges una agencia de WordPress, Divi Pro puede mejorar tu flujo de trabajo. Puede utilizar su almacenamiento ilimitado en la nube para crear plantillas y luego compartirlas a través de múltiples sitios web. Esto puede ahorrarte mucho tiempo y esfuerzo.

Sus herramientas de IA integradas también pueden ayudarle a generar imágenes y textos atractivos con facilidad, lo que resulta perfecto para poblar un sitio web nuevo, rápidamente.

En definitiva, Divi es un potente y versátil tema y maquetador de páginas que está a la altura de las expectativas. La amplia biblioteca de paquetes de sitios web, combinada con el almacenamiento en la nube y las características de IA en Divi Pro, lo convierten en una excelente opción tanto para principiantes como para usuarios experimentados de WordPress.

Espero que esta reseña de Divi te haya ayudado a decidir si es el plugin de carrusel / control deslizante adecuado para tu sitio web en WordPress. Puede que también quieras aprender cómo crear un formulario de contacto en WordPress, o ver nuestra selección de los mejores plugins y herramientas SEO.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.