in ,

Avada vs Divi – Los 2 themes de WordPress m√°s populares

Si vas a hacer una nueva web y tu idea es (para ahorrar tiempo y por facilidad, claramente) utilizar wordpress como base, hay dos opciones de las que probablemente ya hayas o√≠do hablar: la enormemente popular Divi, de Elegant Themes, y Avada, el n√ļmero uno en ventas en ThemeForest.

Tanto Avada como Divi son themes de WordPress totalmente multifuncionales. Esto implica que no tienes que prestar realmente mucha atención al tipo de sitio web que necesitas construir. Independientemente de si se trata de un blog, una tienda on-line completa o algo tipo referidos de amazon, tanto Avada o Divi te van a ofrecer funcionalidad más que de sobra para poder llevar a cabo el proyecto y dejarlo personalizado y a tu gusto al 100%.

No obstante y a pesar de que ambos son buenos themes de WordPress, hay algunas diferencias significativas entre ellos. Así que vamos a hacerle un repaso concienzudo a ambos para que sepas realmente escoger el que más te convenga para lo que quieres hacer.

Theme para WordPress DIVI

El tema de WordPress Divi fue lanzado en 2013. Desde entonces, ha ido evolucionando y recibiendo continuas mejoras y actualizaciones por parte de sus creadores, aumentando sus capacidades con cada nueva versión.

Principales características de Divi

Su siempre creciente nivel de capacidades hace que Divi se pueda utilizar ahora mismo para crear cualquier tipo de p√°gina web. No importa mucho si es enorme o algo m√°s peque√Īa en volumen de p√°ginas y dem√°s. Utilizar Divi es perfectamente posible para cualquier web sin importar su tama√Īo total.

Arrastrar y soltar. El Constructor de p√°ginas visual de Divi

La caracter√≠stica central de este theme realmente es el Divi Builder. Se trata de la herramienta de creaci√≥n de p√°ginas (o entradas) y que se maneja tan simplemente como arrastrando y soltando el contenido. Gracias a esto, podr√°s realizar tus p√°ginas muy personalizadas y adaptadas a lo que necesites aunque no tengas ning√ļn conocimiento de HTML.

Video de revisión de Divi 4.0

Si quieres conocer todas las mejoras e implementaciones de la √ļltima versi√≥n de Divi hasta la fecha, este video te puede ser de gran ayuda.

https://www.youtube.com/watch?v=6SrHavlDXR8

En un principio, Divi Builder te permitía construir las páginas desde el sistema de administración mediante un sistema de bloques. Pero hoy en día, el nuevo sistema de Divi Builder te permite obtener una previsualización en vivo de tu página mientras la estás creando. Con lo que el control que tienes es máximo y puedes saber realmente cómo va a quedar maquetado el contenido de forma instantánea. Lo que significa un ahorro de tiempo bastante considerable.

Puedes obtener un dise√Īo de p√°gina muy r√°pidamente, mover los diferentes componentes (p√°rrafos, im√°genes, cajas,etc) de un lugar a otro y cambiar el tama√Īo de las √°reas con tu simple rat√≥n. Teniendo en todo momento una idea muy clara de c√≥mo est√°s organizando la informaci√≥n (arquitectura de la informaci√≥n).

Una vez creada una p√°gina, puedes guardarla por completo, o s√≥lo peque√Īas piezas de ella, como si fueran plantillas. Dichas plantillas las puedes recuperar posteriormente en otras p√°ginas para reutilizar la estructura sin problemas.

Dispone tambi√©n de un hist√≥rico de variaciones que te permite tener controlado todo lo que has ido alterando por si necesitas retroceder ya sea porque no te gusta el resultado o porque has cometido alg√ļn error en un paso anterior. Como vengo diciendo anteriormente: control absoluto.

Drag & Drop o arrastrar u soltar en DIVI Builder

Para que tengas una idea m√°s clara de a qu√© me refiero con lo de ‚Äúarrastrar y soltar‚ÄĚ para poner y modificar elementos, aqu√≠ te dejo un mini v√≠deo de muestra que creo que aclara la situaci√≥n.

Gracias al DIVI Builder, puedes hacer formatos personalizados tanto para entradas (posts) como para p√°ginas. Para realizar los dise√Īos, vamos a√Īadiendo filas. Dichas filas, pueden ser divididas en columnas con n√ļmeros variables de elementos. Por ejemplo, puedes tener una primera fila con 4 columnas y despu√©s otra fila con 2 y m√°s adelante, otra con 3 sin problema. Para rellenar cada uno de los huecos de las columnas dispone de un total de 46 m√≥dulos de contenido entre los que se encuentran:

Las fuentes, tipografías y estilos de texto en DIVI

Divi dispone de un potente editor de fuentes que integra las más de 600 fuentes disponibles en Google Fonts. Con este editor podrás ajustarlas totalmente y como lo necesites. Hay muy buenos editores de fuentes pero el de DIVI es que se lleva la palma. Me recuerda totalmente al editor de fuentes de Photoshop por su enorme cantidad de ajustes y posibilidades. Puedes verlo a continuación en acción con tus propios ojos.

A parte de los t√≠picos m√≥dulos de contenido est√°ndar como por ejemplo: im√°genes, texto, botones, galer√≠as, etc, puedes encontrar otro mont√≥n de m√≥dulos m√°s avanzados y que normalmente, necesitar√≠as un plugin para disponer de dicha funcionalidad en WordPress. Estos m√≥dulos como por ejemplo: Tablas de precios, sliders, barras de progreso, testimonios, dise√Īos de portafolios y dem√°s, viene de serie con tu DIVI. Y estos m√≥dulos se configuran mediante la interfaz de personalizaci√≥n de wordpress. Con lo que puedes garantizar que tu dise√Īo ser√° adecuado con el dise√Īo general de tu WordPress y no ser√°n un pegote sin sentido como suele ocurrir cuando tiras de plugins. Todo esto sin olvidar que lo podr√°s editar y ver simult√°neamente como se est√° adaptando gracias al sistema visual de DIVI Builder. Una aut√©ntica maravilla si tus conocimientos de HTML son muy bajos o directamente nulos. No necesitar√°s nada m√°s. S√≥lo Divi y tendr√°s un trabajo que parecer√° hecho por un experto.

Y si… ¬ŅNo entiendo nada de nada de dise√Īo ni HTML? Los dise√Īos y plantillas predise√Īados

Vale. Esto es comprensible. Puede que tengas conocimientos muy escasos o nulos directamente, o quiz√° dispongas de un tiempo muy peque√Īo para realizar el desarrollo. Pero esto no es un problema ya que actualmente, Divi dispone de m√°s de 800 plantillas predise√Īadas as√≠ como m√°s de 100 paquetes completos de sitios. Esto es m√°s de 100 tem√°ticas diferentes que puedes instalar con un s√≥lo click y ya tan s√≥lo tendr√°s que introducir el contenido. Pues toda la parte de dise√Īo estar√≠a completa.

Cada uno de estos dise√Īos prefabricados puede ser alterado con el ya mencionada DIVI Builder. Con lo que puedes tomar uno como base y posteriormente, modificarlo para adaptarlo mejor a tu contenido.

Algunas muestras de p√°ginas de inicio

Aqu√≠ tienes una muestra min√ļscula de 3 p√°ginas de inicio.

Y aqu√≠ puedes ver una peque√Īa muestra de portafolio, cosa que normalmente, tendr√≠as que resolver mediante un plugin. Pero con Divi lo tienes ya integrado.

Y como no puede ser de otra manera, tambi√©n tienes una selecci√≥n enorme de dise√Īos de p√°ginas interiores v√°lidos para desarrollar cualquier tipo de p√°gina web, sea del sector que sea y con el contenido que sea.

Estos paquetes de dise√Īo incorporados en DIVI, son incluidos por el grupo de sus creadores, Elegant Themes. El volumen de predise√Īos es cada vez m√°s elevado y lo que es mejor a√ļn. Esta biblioteca en expansi√≥n tiene incorporadas tipograf√≠as e im√°genes libres de derechos hechas por los propios creadores Elegant Themes. Esto hace que seas totalmente libre de utilizarlas ya sea un proyecto comercial o no. Eres totalmente libre de trabajar con estas im√°genes sin ning√ļn tipo de restricci√≥n. Lo cu√°l es toda una ventaja y ahorro de dinero.

En anteriores an√°lisis de DIVI vs Avada, habr√≠a tenido que decir que DIVI no dispon√≠a realmente de plantillas de sitios web completos usables. Pero a la vista est√° que esto ha cambiado radicalmente. Ahora hay aut√©nticos dise√Īos de sitios web completos en DIVI y esto es una gran noticia para aquellos que se decidan a adquirir este theme.

Herramienta de pruebas A/B incorporada

¬ŅSabes qu√© es una prueba A/B? Esto es algo muy utilizado en Marketing. Consiste en realizar 2 o m√°s versiones de una p√°gina concreta de tu web y comprobar cual de ellas tiene mejores resultados. Cual es la que mejor convierte o genera m√°s dinero.

Realizar esto con wordpress es bastante complicado. Ya que hay que programar bastantes cosas. O andar instalando plugins que s√≠ son gratuitos, como de costumbre, tienen opciones limitadas. Pero con Divi esto no es un problema. Ya que desde la versi√≥n 2.7 incorpora su propio sistema para la realizaci√≥n de pruebas A/B. 

Gracias a esto, podrás realizar si lo deseas, varias plantillas o incluso variaciones dentro de la misma en la que sólo alteres el orden, o el aspecto de los botones. Una vez hecho, podrás comprobar que plantillas son las que generan mejores resultados y decidir cuál adoptar o seguir haciendo pruebas. Toda una auténtica ventaja para mejorar los resultados de tus webs y aumentar las ventas.

T√ļ s√≥lo tienes que realizar las plantillas e indicar en qu√© sitios quieres las alteraciones y Divi se encargar√° de hacer la divisi√≥n autom√°ticamente y de ofrecerte los resultados para que puedas decidir qu√© hacer con ellos.

Un aut√©ntico complemento de valor a√Īadido para el theme Divi que muy pocos sistemas incorporan y que te ser√° de gran utilidad si decides trabajarlo.

Opciones de Theme

Su potente y completo panel de control te permitir√° ajustar opciones b√°sicas y no tan b√°sicas de tu p√°gina web en WordPress. Puedes ajustar pr√°cticamente cualquier cosa. A√Īadir tus redes sociales, que √ļltimos mensajes cargar de ellas, como mostrarlos, configuraci√≥n del men√ļ de navegaci√≥n, posiciones de anuncios, el logotipo de tu web, el favicon‚Ķ y un sin fin m√°s de cosas.

Y mediante el editor visual de WordPress, tambi√©n podr√°s modificar las partes m√°s significativas de tu web. Ajustes de dise√Īo, tipograf√≠as, encabezado y pie de p√°gina, estilos de los botones, colores‚Ķ todo de manera visual, intuitiva y potenciado por la gran cantidad de opciones que integra Divi.

Todo esto lo podr√°s hacer con la vista en vivo, por lo que sabr√°s en todo momento cual es el resultado porque lo est√°s viendo in situ. M√°s f√°cil e intuitivo, imposible.

Transferencia de código entre diferentes webs

Si eres desarrollador o te dedicas al montaje de p√°ginas webs, esto es algo que te interesar√° de sobremanera. Divi incorpora su propio sistema para descargar y cargar contenido de manera masiva. Por lo que si te dedicas al mundo del dise√Īo y desarrollo de web, esto te ser√° de una incre√≠ble utilidad. Puedes descargar y cargar datos (plantillas, bloques y dem√°s) entre tus diferentes webs. Imagina el tiempo que puedes ahorrar con esto. No tendr√°s que rehacer el trabajo una y otra vez. Simplemente termina tus plantillas y exportalas. Y ya estar√°s listo para realizar tu siguiente web con una biblioteca cada vez mayor de dise√Īos preparados para las diferentes situaciones.

Theme para WordPress Avada

Themeforest es sin duda alguna el marketplace de m√°s √©xito y con mayor volumen tanto de themes de WordPress como de ventas de los mismos. Dentro de este elevad√≠simo n√ļmero de ventas, Avada es poseedor de varios t√≠tulos de inter√©s. Es el theme de WordPress m√°s vendido con m√°s de 590.000 ventas y tambi√©n el m√°s valorado con m√°s de 23.000 votos. Sumando un total de puntuaci√≥n de 4.77 sobre 5. Lo cual es incre√≠ble dado el enorme n√ļmero de votos que tiene. 

Características principales del theme de WordPress Avada

Al igual que ocurr√≠a con Divi, Avada es un theme de WordPress multifuncional o todo en 1. Esto significa que lo puedes utilizar para desarrollar cualquier tipo de web que necesites. Independientemente de la funcionalidad que requieras, teniendo en cuenta claro, que se trata de WordPress. Avada se ha esforzado a lo largo de los a√Īos, desde su publicaci√≥n all√° por el 2012 en ir integrando la funcionalidad extra requerida por los usuarios. Y esta es sin duda la clave de su √©xito.

Sitios webs predise√Īados listos para usar

Una de las principales razones del enorme nivel de ventas de Avada es su enorme cantidad de sitios webs ya prehechos que puedes descargar e instalar en tu WordPress con un par de clicks como podéis ver a continuación.

Tal y como ocurr√≠a con Divi (cosa que vas a leer bastante a partir de ahora), importar el contenido de Avada es facil√≠simo. Como dec√≠a antes, buscas lo que se adec√ļa a tu web y si encuentras algo, un par de clicks y tienes el dise√Īo listo para meter el contenido correspondiente y p√°gina web acabada. Por lo que si ya hay alg√ļn dise√Īo que se adapte bien a lo que est√°s buscando, el desarrollo de tu web se va a acelerar de una forma pasmosa. 

Desde la versi√≥n 5.9, dispone de m√°s de 65 webs a elegir entre las que hay opciones de todo tipo: oficina, fotograf√≠a, gimnasio, restaurante, bar, dise√Īo web y gr√°fico, viajes, estilo de vida, y varias muestras de tiendas web online. Todos estos demos los puedes ver desde el propio panel de control de Avada en tu WordPress. Localizas el que necesitas, lo importas y ya has obtenido en muy poco tiempo un marco completo sobre el que comenzar a crear tu web.

Fusion Builder

Avada tambi√©n dispone de su propio sistema de creaci√≥n y gesti√≥n del contenido de forma ‚Äúarrastrar y soltar‚ÄĚ denominado Fusion Builder. Con el que hacer el trabajo de crear p√°ginas es sencillo e intuitivo.

Y aquí toca romper una lanza a favor de Divi. Ya que a pesar de que fusion builder funciona correctamente, su sistema de creación de contenido no tiene un editor visual como ocurría con el de DIVI. De tal manera que aunque también es fácil de utilizar, el que trae divi con su divi builder es mucho más intuitivo y visual.

Podéis comprobarlo vosotros mismos en este vídeo. Aunque está en inglés. Pero se aprecia bastante bien.

https://www.youtube.com/watch?v=569TlvRLn90

En su concepción, funciona de manera muy similar al de Divi. El contenido se divide en filas, y después, cada fila se divide en columnas a las que puedes ir asignado bloques de contenido.

Pero es este caso, Avada gana con sus 55 m√≥dulos de contenido con los que puedes crear todo tipo de piezas como: botones, sliders, diapositivas, tablas de precio, productos de tienda, etc. Todo el material que necesitas para sacarle el m√°ximo poder a WordPress ahorrando en plugins externos y con dise√Īos m√°s coherentes entre si.

Dise√Īos de p√°ginas preestablecidos

Una vez que has realizado la importaci√≥n de los dise√Īos, dispones de un abanico de p√°ginas pre-hechas que podr√°s utilizar a tu antojo. Lo que significa que no s√≥lo es la parte del contenido que ves la que puedes usar. Sino que cada uno de sus 65 dise√Īos viene con un enorme abanico de posibilidades. Toda una navaja suiza de dise√Īo para que no tengas que andar calent√°ndote la cabeza con como maquetas o no diferentes contenidos.

Basta con buscar el modelo que necesitas de p√°gina e importarlo una vez m√°s, con un par de clicks.

Como es más que evidente, también puedes realizar tus propios formatos si así lo deseas para darle un toque más personal a tus webs.

Shortcodes de Fusion builder

Avada tiene una biblioteca enorme de Shortcodes en su interior.

La funci√≥n de estos sortcodes o c√≥digos cortos es incrementar a√ļn m√°s las capacidades de Avada. Ya que con ellos puedes integrar m√°s piezas de dise√Īo all√° donde las necesites. Esto aumenta a√ļn m√°s la potencia de los bloques y plantillas y permite una mayor diversidad de contenido. Pero como coment√© anteriormente, de una forma mucho menos intuitiva que DIVI sobre todo, para alguien que no est√° acostumbrado a usar WordPress.

Opciones del Theme en Avada

Este theme de WordPress tambi√©n dispone de su particular panel de control con el que puedes configurar y ajustar pr√°cticamente cualquier aspecto de tu web. Cosas como cambiar el dise√Īo, alterar el formato del men√ļ, poner sombreados a los bloques, la cabecera y el pie‚Ķ y todas las opciones t√≠picas y necesarias para personalizar tu web.

Y nuevamente, como ocurría con Divi, una gran parte de estos ajustes también se puede realizar a través de la interfaz WP-Customizer, que te permite alterar la página de WordPress de manera visual para que sepas como van afectando los cambios que vas realizando en tu web mientras los realizas.

Aun así, la mayoría de los ajustes en Avada se realizan mediante las opciones del theme ya que su integración con el personalizador visual de WordPress también es menor que la que trae por defecto Divi. Aunque se aprecia también el esfuerzo en Avada para que los usuarios sin conocimientos de código puedan manejarlo, en este caso, sus capacidades son inferiores. Cosa muy a tener en cuenta si tu eres una de esas personas.

Precio de Avada

El coste de adquisici√≥n de Avada es de unos 60 d√≥lares (algo m√°s entre impuesto y dem√°s) y te concede acceso al theme de por vida (tanto al theme como a sus futuras actualizaciones) y un a√Īo y medio de soporte premium por parte del equipo de desarrolladores del theme ThemeFusion. Puedes ampliar este periodo de soporte a 2 a√Īos con un pago extra de 18 d√≥lares.

Divi vs Avada: comparando sus funciones principales

Y ahora si, llega el momento de la verdad. Toca comparar ambos y decidir cual es el triunfador. ¬ŅTe haces una idea?

Como se puede ver, tanto DIVI como Avada comparten capacidades similares sobre el papel. Los 2 ofrecen gran cantidad de p√°ginas y sitios predise√Īados, ambos disponen de sistema para alterar las p√°ginas mediante ‚Äúarrastrar y soltar‚ÄĚ y ambos ofrecen un mont√≥n de opciones de personalizaci√≥n para que aquellos que no disponen de conocimientos de c√≥digo puedan realizar webs sin excesivos problemas. As√≠ que dado que en esto empatan, vamos a ir desgranado para ver opci√≥n por opci√≥n donde ganan uno y otro.

Aspecto general

Ambos 2 themes tienen un aspecto incre√≠ble y generan p√°ginas web tambi√©n realmente bonitas. Pero actualmente el n√ļmero de sitios predise√Īados que integra Divi es mucho mayor. Aunque los dise√Īos de Avada son de una calidad excepcional. Y dado que ambos son capaces de editarse de manera simple, podr√≠amos decir que en este aspecto, ganar√≠a DIVI ligeramente por disponer de mayores opciones preconstruidas.

Constructores de p√°ginas

Nuevamente, disponemos de 2 themes muy competentes en este aspecto. Pero aqu√≠ DIVI Builder y su capacidad de poder ver lo que est√°s editando mientras lo editas le toma la delantera al sistema de Fusion Builder a pesar de que este √ļltimo tiene algo m√°s de variedad de bloques. No obstante, no s√≥lo nos encontramos con la capacidad de editar de manera gr√°fica sino que Divi tambi√©n dispone del sistema para crear pruebas A/B. Cosa que no incorpora Avada en absoluto.

Igualmente, Divi tambi√©n tiene bastantes m√°s opciones para configurar desde el sistema de personalizaci√≥n de themes de WordPress. Con lo que podr√≠amos cerrar en este apartado que realmente DIVI Builder y todo lo que rodea a Divi en general est√° mucho m√°s orientado a la creaci√≥n de p√°ginas sin necesidad de usar c√≥digo. Por lo que si esto es algo que realmente te preocupa, es un aspecto muy a tener en cuenta. Y no s√≥lo es algo que te tenga que preocupar si careces de conocimientos de HTML. Si eres dise√Īador/desarrollador y haces webs para clientes, esto es un punto a favor a la hora de la entrega. Ya que entregas un producto m√°s f√°cilmente modificable que si utilizas otras opciones.

Dise√Īos y demostraciones pre-hechos

Ambos themes disponen de un mont√≥n de contenido prefabricado. Incluyendo no s√≥lo dise√Īos de p√°ginas espec√≠ficas sino de sitios completos. Como dec√≠a anteriormente, DIVI dispone de mayor cantidad de este contenido. Pero ambos disponen de una cantidad lo suficientemente elevada como para poder decidirse por uno u otro sin problema. Pero en el caso de Divi, el contenido adicional se ha sido realizado en su mayor√≠a por Elegant Themes. Esto es algo que muchos dise√Īadores entienden como un plus de calidad. Y junto con sus im√°genes sin derechos de autor, nos encontramos con dise√Īos que puedes descargar y utilizar tal cual en una cantidad enorme. Y teniendo en cuenta que puedes utilizar los recursos por separado. Puedes utilizar un dise√Īo, pero una imagen que necesites de otro diferente. En este sentido, no estamos evaluando en s√≠ la calidad de las distintas plantillas. Sino la cantidad. Pues no s√≥lo est√°s adquiriendo los dise√Īos sino que tambi√©n est√°s adquiriendo recursos para utilizar en tus proyectos. Con lo que nuevamente, y sin desmerecer a Avada, claro est√°, nos encontramos con que Divi toma levemente la delantera en este aspecto.

Opciones de ajuste del Theme

Una vez más, tenemos a Divi como vencedor en este aspecto. Aunque Avada tiene gran cantidad de opciones de personalización, este es bastante más restringido que DIVI. El cual tiene una cantidad de opciones tan elevadas que hasta pueden llegar a resultar abrumadoras.

Otras diferencias notables

Como comentaba anteriormente, Divi incorpora su propio sistema para realizar pruebas A/B integrado. Aunque esto es interesante, no tenemos que olvidar que existen plugins de WordPress que realizan esta misma tarea. Por lo que decidirse √ļnicamente entre ambos por esto, es un error.  

Avada contiene 2 plug-ins Premium de WordPress: Slider Revolution y LayerSlider. Divi contiene varios módulos para realizar sliders diferentes. Pero no se pueden comparar ni de broma con los potentisimos plugin incorporados en Avada. Que te permiten hacer auténticas maravillas en estos aspectos. Por lo que si quieres realizar webs con contenidos más animados para que tu web llame más la atención, Avada puede que te resulte mejor opción en este aspecto. Y si no lo crees, deberías de revisar estos 2 plugins en acción: Slider Revolution y LayerSlider. No olvides que Slider Revolution es el slider más vendido para WordPress que existe.

¬ŅQu√© tema comprar? Avada vs Divi

Divi cuesta 89 dólares y Avada cuesta unos 60 Ambos themes te van a dar mucho por el precio que tiene. Mucho más de lo que imaginas. Pero no olvides que en el caso de Divi, con esos 89 dólares no sólo tendrás acceso a Divi. Sino que tendrás acceso también a los otros 86 themes premium de Elegant Themes así como a sus 6 plugins premium. Lo cual es todo una auténtica ganga.

Espero que este enorme art√≠culo te haya ayudado a despejar tus dudas sobre que theme de WordPress te interesa m√°s. Y si hay alg√ļn otro que creas que merece ser revisado, no dudes en escribirlo en los comentarios.

¬ŅQu√© opinas?

Escrito por Wombat

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Mejor OCR Gratis Online. Parte 2.

Generando Muchas P√°ginas de Manera Autom√°tica en WordPress con Plugins Parte 1: El Spin del Texto

Generando Muchas P√°ginas de Manera Autom√°tica en WordPress con Plugins Parte 2: WordPress y Plugins