Si desea crear diseños de contenido personalizados y diseños de página para WordPress, la mejor opción para la mayoría de los propietarios de sitios web es instalar un complemento de generador de páginas. Cuando se trata de elegir uno de estos complementos, Divi y Elementor son dos opciones muy populares.
Sin embargo, además de ser dos de los creadores de páginas más conocidos y ampliamente utilizados, Divi y Elementor también comparten listas de características similares, lo que hace difícil decidir cuál elegir. En el papel, ambos se ven geniales, pero como suele ser el caso, los pequeños detalles y las diferencias determinarán cuál es el mejor para usted.
Para ayudarlo a elegir la herramienta adecuada, este artículo compara las características y las experiencias de usuario de Divi y Elementor para que pueda tomar una decisión informada sobre cuál usar para su proyecto.
Vamos a empezar…
Sobre Divi y Elementor
La instalación de un complemento de creación de páginas como Divi o Elementor le brinda un control creativo total sobre el aspecto de sus publicaciones, páginas y otros tipos de contenido en su sitio web.
No solo eso, sino que las versiones pagas de estos dos complementos le permiten personalizar el encabezado, el pie de página y otras partes de su sitio, fuera de las áreas de publicación y página.
Dado que Elementor está disponible en dos variedades principales, una es un complemento gratuito y la otra es una herramienta paga con características adicionales, en esta comparación cubriremos ambas opciones. Debido a esto, podrá decidir si la versión gratuita de Elementor será suficiente para su sitio web, o si invertir en Divi Builder o Elementor Pro es una mejor opción.
Para Divi, veremos el complemento Divi Builder independiente de Elegant Themes que también está disponible como parte del tema Divi WordPress, también de Elegant Themes.
Descripción de Divi y Elementor
Esta guía analizará Divi y Elementor en detalle. Sin embargo, para darle una visión general rápida de lo que pueden hacer estas herramientas, aquí hay una lista de sus características clave:
- Bibliotecas de páginas de inicio de alta calidad y plantillas de páginas internas.
- Potentes interfaces de editor de contenido WYSIWYG de arrastrar y soltar.
- Posibilidad de personalizar todas las áreas de su sitio web, incluidas las plantillas de encabezado, pie de página y tema.
- Elementos personalizables para agregar una variedad de contenido a sus páginas.
- Capacidad para crear plantillas reutilizables y elementos de página para usar en todo su sitio.
- Los administradores de roles controlan quién puede hacer qué con los creadores de páginas de su sitio web.
Si bien estos creadores de páginas pueden tener capacidades similares, sus características se han implementado de diferentes maneras. Debido a esto, es difícil evaluarlos y compararlos simplemente mirando sus listas de funciones.
Sin embargo, cuando termine de leer esta comparación, sabrá si Divi o Elementor es el creador de páginas adecuado para su sitio web.
Pero antes de llegar a la exploración en profundidad y la comparación de sus características y experiencias de usuario, aquí está la información clave sobre cada complemento.
Sobre Divi
Divi Builder comenzó como un editor de contenido integrado en el tema Divi WordPress. Ahora, sin embargo, ese creador de páginas también está disponible como un complemento de WordPress independiente para usar con cualquier tema de WordPress, y es el producto que estamos buscando para esta comparación.
Si bien el generador de páginas ahora está disponible como un complemento, si aún no ha elegido un tema para su sitio web de WordPress y le gusta el sonido de Divi Builder, podría matar dos pájaros de un tiro e instalar el tema Divi para aplicar un tema de alta calidad para su sitio web de WordPress y también obtener acceso al generador de páginas.
Si desea obtener más información sobre el tema Divi, puede leer nuestra revisión detallada de la historia completa.
Cubriremos los detalles de los precios con más profundidad más adelante en esta comparación del creador de páginas, pero tanto el complemento Divi Builder como el tema Divi WordPress están disponibles en Elegant Themes en un solo paquete que comienza en $ 89.
Sobre Elementor
Como se mencionó, puede comenzar a usar el creador de páginas Elementor de forma gratuita, o pagar a Elementor Pro para acceder a una versión más rica en funciones de la herramienta.
Si bien la instalación de cualquiera de los complementos le brinda acceso a la misma interfaz de generador de páginas, Elementor Pro incluye más plantillas y módulos, además de algunas características adicionales para ayudarlo a personalizar todo su sitio web de WordPress, crear ventanas emergentes e integrarse con muchos terceros servicios. También hay un tema gratis para Elementor eso se puede usar si aún tiene que elegir uno para su sitio web.
Puede leer un desglose de las diferencias entre Elementor Pro y la versión gratuita en el sitio web de Elementor.
Características de Divi vs Elementor comparadas
Ambos complementos tienen como objetivo resolver el mismo problema, facilitando la creación de un sitio web personalizado de WordPress, y por lo tanto comparten listas de características similares. Entonces, para ayudarlo a decidir cuál elegir, aquí hay una comparación de sus características clave.
Plantillas de contenido editables
Si bien es genial que ambos complementos le brinden la capacidad de crear sus propios diseños de página personalizados desde cero, hacerlo puede llevar mucho tiempo, sin mencionar que es bastante difícil si sus habilidades de diseño no están a la altura.
Afortunadamente, Divi y Elementor Pro, y en menor medida la versión gratuita de Elementor, están repletas de plantillas de alta calidad. Puede usar las plantillas tal como vienen y solo hacer algunas ediciones a su texto e imágenes, o personalizarlas completamente para que se conviertan en diseños únicos.
Algunos ejemplos de los tipos de plantillas a las que tiene acceso con ambos complementos incluyen:
- Plantillas de sitios web corporativos y empresariales.
- Plantillas de agencia de marketing, diseño y SEO.
- Muchas plantillas de tienda de comercio electrónico diferentes.
- Muchos proveedores de servicios y plantillas independientes.
- Plantillas de cartera en línea.
- Plantillas de blog, que cubren temas de alimentos, viajes y salud.
- Múltiples plantillas de página de destino enfocadas en ventas.
Como puede ver, sea cual sea el tipo de sitio web que esté planeando o el contenido que necesite crear, probablemente encontrará una plantilla lista para usar.
De lo contrario, debería haber una que coincida estrechamente y que pueda ajustar para cumplir con sus requisitos.
Cuando se trata de la cantidad de plantillas a las que tiene acceso con cada uno de estos complementos de generador de páginas, Elementor Pro tiene una impresionante Más de 150 plantillas, mientras que Divi lleva las cosas aún más lejos con más de 1.100 diseños. La versión gratuita de Elementor solo tiene alrededor de 40 plantillas, pero puede encontrar la que necesita entre esta selección más pequeña.
Sin embargo, si bien es fácil enfocarse en los números, vale la pena mencionar que es mejor elegir el complemento con la mayor cantidad de plantillas adecuadas para su proyecto, en lugar del que tenga más opciones en general.
Organización de plantillas
Para ayudar a que su biblioteca de plantillas en constante expansión sea más manejable, los diseños Divi se organizan en paquetes de sitios web. Cada paquete generalmente incluye una plantilla de página de inicio, así como diseños para agregar otro contenido a su sitio, como las páginas acerca de, de contacto y de destino, así como publicaciones de blog y carteras en su sitio web.
Los paquetes de diseño Divi son útiles, ya que le proporcionan la mayoría, si no todas, las plantillas que necesitará para iniciar su sitio. Sin embargo, puede mezclar y combinar las plantillas de los diferentes paquetes para crear su propio sitio personalizado.
Con Elementor, las plantillas no están tan claramente organizadas en paquetes de sitios web, lo que hace que navegar por la biblioteca sea menos conveniente que con Divi. Sin embargo, hay algunos conjuntos de plantillas que se han diseñado para el mismo propósito, como una serie de diseños para crear un sitio web de agencia digital o una cartera en línea.
Con ambos complementos, importar las plantillas es muy sencillo, lo que le permite sentar rápidamente las bases de su nuevo sitio o agregar páginas adicionales a su sitio existente.
Resumen de plantillas de contenido
Independientemente de si elige Divi o Elementor Pro, obtendrá acceso a muchas plantillas de alta calidad para crear todo tipo de sitios web y agregar piezas individuales de contenido a su sitio.
Gracias al sistema de paquetes del sitio web de Divi, es más fácil encontrar e importar rápidamente una colección de plantillas que han sido diseñadas para el mismo proyecto.
Con Elementor, hay algunos paquetes de sitios web o kits como los llaman. Sin embargo, la mayoría de las plantillas de Elementor son diseños individuales diseñados para agregar una sola página a su sitio, en lugar de crear un sitio web completo.
Si bien obtiene una buena cantidad de plantillas con ambos complementos, la mejor manera de decidir qué creador de páginas es el adecuado para usted en este sentido, es navegar por sus bibliotecas (ver Divi y Elementor bibliotecas) y vea cuáles son más relevantes para el tipo de sitio web que va a crear.
Características del generador de páginas
Estamos a punto de ver las interfaces del creador de páginas de Divi y Elementor para demostrar el proceso de creación de contenido y la experiencia del usuario de ambos complementos.
Sin embargo, antes de explorar cómo funcionan, aquí hay un resumen rápido de algunas de las mejores características de las interfaces del creador de páginas Divi y Elementor:
- Capacidad para arrastrar y soltar elementos alrededor de la página.
- Capacidad para deshacer y rehacer acciones y ver el historial de edición de la página.
- Posibilidad de personalizar en gran medida cualquiera de los elementos que componen su página.
- Posibilidad de obtener una vista previa de los diseños de página en una variedad de vistas, incluidas las vistas de teléfonos inteligentes y tabletas.
- Capacidad para crear elementos de contenido reutilizables que puede insertar rápidamente en varias páginas.
Como muestra la lista de características anteriores, puede hacer mucho más con estas herramientas que con el editor estándar de WordPress.
Ahora, echemos un vistazo a cómo es usar estos complementos para crear un diseño de página personalizado para su sitio web de WordPress.
Interfaces del generador de páginas
Como se mencionó, tanto Elementor como Divi agregan una nueva interfaz a su sitio web de WordPress que puede usar para crear diseños y diseños personalizados para sus publicaciones, páginas y otro contenido.
Una vez que haga clic en el botón para iniciar el generador de páginas, puede comenzar a usar las interfaces de arrastrar y soltar de Divi y Elementor para hacer mucho más de lo que puede hacer con el editor predeterminado de WordPress.
Cuando se trata de crear un diseño de página personalizado, ambos complementos usan estructuras basadas en filas y columnas para permitirle construir su diseño. Cada página puede tener múltiples filas, y cada fila puede incluir múltiples columnas, lo que le brinda mucha libertad al crear sus páginas.
Como ambos complementos incluyen una buena selección de diseños de columnas predefinidos, puede comenzar a construir rápidamente la estructura de su página.
Si desea ajustar la distribución de la columna, puede hacerlo fácilmente con Elementor simplemente arrastrando el borde de la columna para aumentar o disminuir su ancho.
Si bien no puede arrastrar los bordes de las columnas para cambiar su tamaño en Divi, puede cambiar la estructura de columnas preestablecida de una fila que ya se agregó a su página, cambiándola a una distribución de columna diferente. Esto limita un poco sus opciones, pero debería poder encontrar un diseño predefinido que coincida, o al menos muy, con sus requisitos.
Debido a la estructura basada en filas y columnas, no puede colocar los elementos de su página en el lugar que desee, como uno encima del otro, o con bordes ligeramente superpuestos como puede hacerlo con una herramienta de creación de páginas que no es de WordPress como Instapage (lea nuestra revisión de Instapage para obtener más información sobre este servicio de creación de páginas de destino alojado).
En cambio, con Divi y Elementor, el contenido de su página debe funcionar dentro de los límites de la estructura de filas y columnas que ha creado. Sin embargo, para algunos lectores, tener la estructura de un diseño basado en filas y columnas a seguir podría ser preferible a la libertad total de una herramienta como Instapage.
Sin embargo, dicho esto, ya sea que elija Divi o Elementor, todavía tiene mucha libertad creativa al diseñar sus páginas.
Por ejemplo, ambos complementos le dan control total sobre la apariencia de sus columnas y filas, incluidos los colores, bordes, pantallas de fondo y alineación. Al igual que los otros elementos que puede agregar a sus páginas con Divi y Elementor, también puede aplicar efectos de animación a sus filas, como efectos de deslizamiento o desvanecimiento.
Una vez que haya agregado una o más filas a su página, puede comenzar a insertar los elementos en sus diseños para continuar creando su diseño de contenido personalizado.
Resumen de la interfaz del generador de páginas
Las interfaces de usuario de Divi y Elementor han recorrido un largo camino desde los primeros días de los complementos del creador de páginas, y también son una desviación significativa de la experiencia de edición de contenido estándar de WordPress.
Debido a esto, sacar el máximo provecho de cualquiera de las herramientas requerirá un período de aprendizaje y ajuste. Incluso aquellos que son usuarios experimentados de WordPress, pero no están familiarizados con sus modernos complementos de creación de páginas, probablemente no podrán hacer exactamente lo que quieren con estas herramientas de inmediato.
Sin embargo, con un poco de persistencia y algo de prueba y error, debería poder crear el tipo de diseños de contenido que simplemente no son posibles con el editor predeterminado de WordPress.
Una característica útil que Divi tiene que Elementor no tiene es su modo de estructura alámbrica. Cambiar a esta vista en el generador de páginas oculta el contenido de la página, revelando la estructura subyacente. Esto facilita ver cómo se creó la página y qué módulos contiene. Elementor tiene una función de navegador similar, pero no es tan útil.
De las dos herramientas, Elementor es probablemente más fácil de usar. Su interfaz de usuario no es tan única como la de Divi y, por lo tanto, tiene menos curva de aprendizaje.
Widgets y Módulos
Para ayudarlo a crear páginas efectivas para su sitio web, ambos complementos incluyen impresionantes selecciones de widgets y módulos que puede insertar en sus diseños a través de las interfaces del generador de páginas.
Con la versión gratuita de Elementor, obtienes acceso a 30 widgets básicos, mientras que la versión pro del complemento incluye más de 40 widgets avanzados adicionales. Los usuarios de Divi pueden agregar 40 módulos a sus páginas.
Los módulos y widgets de ambos complementos también son altamente personalizables, por lo que obtienes control total sobre cómo se ven una vez que se han agregado a tus páginas.
Algunos ejemplos de estos módulos incluyen:
- Botones y llamadas a la acción.
- Tablas de precios.
- Testimoniales carruseles.
- Listas de publicaciones de blog.
- Rejillas de contenido de cartera.
- Temporizadores de cuenta regresiva.
- Reproductores de video.
Hay muchos cruces cuando se trata de los módulos a los que tiene acceso con estas dos herramientas, y cualquiera que esté en un complemento pero que no esté en el otro no debería ser un factor decisivo, como los flip boxes de Elementor que no están en Divi o la opción de cartera filtrable de Divi que no está en Elementor.
Cuando se trata de si Divi o Elementor tienen una mejor selección de módulos, es difícil declarar a uno ganador. Elementor Pro tiene más que Divi, pero realmente depende de los elementos que desee agregar a sus páginas.
Opciones de tema de WordPress
Ambos complementos deberían funcionar con cualquier tema que respete el estándares de codificación de WordPress establecido por su Codex , pero si todavía tiene que iniciar su sitio web y elegir un tema, o si está buscando uno nuevo para su sitio, Divi y Elementor tienen sus propios temas.
Como se mencionó anteriormente, así como el complemento del creador de páginas Divi, también hay un tema Divi WordPress. La sección de precios de esta comparación incluye todos los detalles sobre la compra de estas herramientas; sin embargo, cuando compra el complemento Divi, también obtiene acceso al tema Divi. Por lo tanto, si está creando un nuevo sitio web de WordPress, no tendrá que preocuparse por encontrar un tema adecuado si decide que Divi es el mejor creador de páginas para su proyecto.
El equipo Elementor ha producido un tema gratuito llamado Hola elementor que describen como un tema sencillo y ligero para su creador de páginas. También hay una lista de temas de terceros gratuitos y premium recomendados en el sitio web de Elementor.
Debido a esto, no tiene que preocuparse por encontrar un tema adecuado con Elementor o Divi, ya que ambos le brindan una opción compatible.
Constructores de temas
Por lo general, la mayoría de los complementos del creador de páginas solo le permiten trabajar en la publicación o el contenido de la página, en lugar de las partes de su sitio que están definidas por su tema, como las áreas de encabezado y pie de página, o las plantillas únicas de publicación de blog y archivo de blog.
Sin embargo, después de actualizaciones recientes, los complementos Divi y Elementor Pro ahora tienen una característica que describen como Theme Builder.
Lo que esto significa es que puede diseñar encabezados y pies de página personalizados para su sitio web, ya sea comenzando desde cero o utilizando sus plantillas, y luego asignar ese encabezado o pie de página personalizado a todo su sitio, o partes específicas del mismo.
Con Elementor, la creación del área de encabezado personalizada se lleva a cabo en la interfaz del creador de páginas, lo que le brinda un control total sobre cómo se ve esta área de su sitio, independientemente del tema que esté utilizando.
El contenido dinámico, como el logotipo del sitio y el menú para mostrar en el encabezado personalizado, se puede definir a través de la interfaz del generador de páginas Elementor.
Divi Theme Builder funciona de la misma manera que Elementor Theme Builder, lo que le brinda control sobre todos los aspectos de su sitio web de WordPress.
Las características como la configuración de publicación condicional de ambas herramientas facilitan la asignación automática de plantillas, como un diseño de publicación único personalizado, al contenido de categorías específicas, por ejemplo.
Si desea diseñar encabezados, pies de página, plantillas de publicaciones de blog personalizados y más, Divi y Elementor Pro lo hacen posible con sus funciones de creación de temas. Ambos complementos han implementado esta característica realmente bien.
Características adicionales
Además de tener todas las características esenciales que hacen que un gran complemento de creación de páginas, como un gran conjunto de plantillas de alta calidad y un potente editor visual, Divi y Elementor tengan algunas otras características que vale la pena mencionar rápidamente.
Divi Leads
Para eliminar las conjeturas de crear diseños de página personalizados que se conviertan en contra de los objetivos de su sitio web, como alentar a sus visitantes a ponerse en contacto a través de un formulario de contacto, unirse a su lista de correo electrónico, comprar un producto o tomar alguna otra acción, Divi tiene una herramienta eso puede ayudarlo a optimizar su contenido.
Esa herramienta es Divi Leads, y está integrada en el generador de páginas, lo que le permite ejecutar pruebas divididas mediante la creación de múltiples versiones de un elemento de página, como un botón o título. Divi Leads mostrará las diferentes versiones de ese elemento a subconjuntos de su audiencia.
Mientras se ejecuta la prueba, se realiza un seguimiento de las interacciones de la audiencia con las diferentes versiones de los elementos, lo que le permite ver claramente cuál ofrece los mejores resultados en función de sus objetivos. Una vez que haya creado las variantes de su página que desea probar, todo el proceso de ejecución del experimento y la recopilación de datos es muy sencillo.
Si bien puede pensar que sus diseños de página personalizados se ven geniales, Divi Leads puede decirle si realmente son efectivos para ayudarlo a convertir en contra de sus objetivos.
Aunque Elementor no tiene una función de prueba dividida, puede ser integrado con Google Optimize, ofreciéndole una forma de ejecutar pruebas A / B en su contenido personalizado. Sin embargo, tener esta funcionalidad integrada en su generador de páginas, como es el caso de Divi, hace que la optimización de sus diseños personalizados sea más fácil y más eficiente.
Ventanas emergentes de Elementor
Una característica que Elementor Pro tiene que Divi (y la versión gratuita de Elementor) no es un generador emergente. Gracias a esto, puede crear sus propios pop-ups, fly-ins, barras de saludo, visualizaciones de pantalla completa y más llamativos a través de la interfaz del generador de páginas Elementor.
Si desea que sus visitantes realicen una acción específica en su sitio web o vean un anuncio, las ventanas emergentes y sus variantes son una excelente manera de llamar la atención de su audiencia.
Si bien Divi no tiene una función de creación emergente incorporada, la compra de Divi le da acceso al complemento de correo electrónico emergente y optin Bloom, una herramienta útil que hemos revisado en el pasado. Sin embargo, una vez más, tener la funcionalidad integrada directamente en el complemento del generador de páginas, como es el caso de Elementor, es más conveniente que usar una herramienta separada.
Comunidad
Elegant Themes ha hecho un gran trabajo al fomentar una comunidad en torno a sus productos, incluido el complemento Divi Builder. Su sitio web tiene uno de los blogs más ocupados sobre WordPress, con una gran cantidad de contenido útil para los usuarios de Divi.
Además, también hay reuniones en persona celebrada en todo el mundo, donde puedes conectarte con otros usuarios de Divi. El Divi oficial Facebook Group, así como los muchos no oficiales, le brindan otro lugar para obtener apoyo e inspiración para sus proyectos.
La comunidad Elementor también incluye encuentros en persona, ocupados Facebook grupos y un lugar para desarrolladores para colaborar en el complemento.
Complementos y opciones de actualización
Como Divi y Elementor son constructores de páginas muy populares, se han creado una serie de complementos de terceros para estos complementos. Algunos son complementos gratuitos, mientras que otros son extensiones pagas; sin embargo, si descubre que hay algo que no puede hacer con Divi o Elementor, existe una buena posibilidad de que pueda encontrar un complemento que agregue esta funcionalidad a los creadores de páginas.
Algunos lugares para encontrar complementos para Elementor y Divi incluyen:
Si no puede encontrar un complemento que solucione su problema, es posible que pueda codificarlo usted mismo o contratar a un desarrollador para que lo cree. De hecho, hay muchas información para desarrolladores a quién le gustaría crear soluciones para su creador de páginas en el sitio web de Elementor.
Opciones de precios
Aquí hay una descripción general rápida de las opciones de precios para estos complementos antes de desglosar exactamente lo que obtienes por tu dinero:
-
Divi Builder: $ 89 por una licencia de un año o $ 249 por una licencia de por vida, con ambas opciones que le brindan acceso a complementos y temas adicionales de Elegant Themes.
-
Elementor: versión gratuita disponible, mientras que las licencias de Elementor Pro comienzan en $ 49 al año.
Como puede ver, el complemento Divi Builder viene con los otros productos de Elegant Themes, por lo que cuando compra Divi Builder, también obtiene acceso al complemento de intercambio social Monarch (lea nuestra reseña de Monarch aquí). Ambas opciones de licencia incluyen acceso a los mismos conjuntos de características de Divi Builder y los otros productos de Elegant Themes.
Hemos revisado el paquete Elegant Themes antes, por lo que puede leer ese artículo para saber exactamente qué obtiene si se registra. Independientemente de si elige la licencia de un año o de por vida, puede usar los productos Elegant Themes en un número ilimitado de sitios web.
Con Elementor Pro, la licencia de $ 49 permite el uso en un solo sitio web, con las opciones más caras que cubren un mayor número de sitios. Aparte de eso, las licencias de Elementor Pro son las mismas, lo que le brinda acceso a todas las funciones de este complemento, independientemente de la opción que elija.
Tanto Divi Builder como Elementor Pro tienen garantías de devolución de dinero de 30 días para que pueda probar estos creadores de páginas sin riesgos.
Pensamientos finales
Tanto Divi Builder como Elementor Pro son editores de contenido emocionantes e impresionantes para WordPress. No solo le dan control total sobre sus publicaciones y páginas, sino también los encabezados, pies de página y otras áreas de su sitio web. El potencial creativo para su sitio con cualquiera de las herramientas es casi ilimitado.
Independientemente de cuál elija, no se sentirá decepcionado.
Sin embargo, para ayudarlo a tomar una decisión, consulte sus plantillas para ver qué complemento tiene más opciones que es probable que realmente use.
Ver la selección de módulos también es una buena idea, en caso de que haya un elemento en particular que desee agregar a su sitio que no esté incluido en Divi o Elementor.
Cuando se trata de facilidad de uso, la interfaz de Elementor es probablemente la más fácil de las dos para comenzar. Entonces, si no tiene el tiempo o la inclinación para aprender un sistema totalmente nuevo, Elementor podría ser mejor para usted que Divi con su interfaz de usuario única.
Si aún desea saber más acerca de estos creadores de páginas, puede leer nuestra revisión de Divi Builder y nuestra revisión de Elementor para obtener una imagen completa.