Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Elementor

Divi vs. Elementor: creadores de páginas de WordPress comparados

by
Length:ShortLanguages:

Spanish (Español) translation by Ana Paulina Figueroa Vazquez (you can also view the original English article)

Hablemos acerca de las ventajas y desventajas de usar los creadores de páginas de WordPress Divi vs. Elementor. Divi y Elementor son dos de las opciones más populares disponibles en cuanto a creadores de páginas, y si recién estás comenzando con este tipo de herramienta, probablemente te estés preguntando cuál es la mejor para ti.

Veremos las diferencias entre los dos, las similitudes y, con suerte, al final podrás decidir cuál es el más adecuado para ti.

¿Divi o Elementor?

Consulta este video para obtener un análisis aún más detallado sobre cuál creador de páginas de WordPress es el adecuado para ti. Sigue los pasos con nosotros en nuestro canal de YouTube de Envato Tuts+:

Cómo vamos a comparar ambos

Vamos a usar 4 categorías para comparar estos dos creadores de páginas de WordPress:

  1. Interfaz y experiencia del usuario
  2. Módulos
  3. Plantillas prefabricadas
  4. Precio

Al final también te daré mi recomendación personal. ¡Así que echemos un vistazo a Divi vs. Elementor!

1. Interfaz y experiencia del usuario

Tanto Divi como Elementor son herramientas visuales con la función de arrastrar y soltar, lo que las vuelve verdaderamente fáciles de usar. Comencemos abriendo una página con Elementor. Esto es lo que vemos de inmediato; una opción para editar la página con Elementor:

edit the page with Elementor

Eso activará una barra lateral con todas las opciones de mi Elementor. Para agregar un elemento a la página, encuentra lo que estés buscando en la barra lateral y arrástralo a su posición, de esta forma:

drag heading
Arrastrando un elemento de tipo encabezado a su posición

En este caso, podemos escribir directamente en el elemento de tipo encabezado en la página, o podemos cambiar cualquier propiedad que queramos en la barra lateral. Este es el caso para todos los elementos, de varias maneras.

En Divi, la página te solicita que la edites de manera similar:

edit page in Divi

Al hacer clic en eso, entramos al editor. En este punto es un poco diferente de Elementor; para agregar un elemento, hacemos clic en el icono "más" de esta forma:

add element divi

Después esto abre una ventana emergente con todos los módulos disponibles:

Divi modules

Elige el módulo que estés buscando, haz clic en él, y eso abrirá otra ventana emergente con todas las diferentes opciones y propiedades. Esta ventana emergente en particular es de tipo flotante, pero puedes hacer clic en el botón Snap to Left (Acoplar a la izquierda) en ella para acoplarla a la izquierda de la pantalla, de manera similar a Elementor.

Una vez que hayas agregado un módulo/elemento a tu página, para editarlo de nuevo necesitas colocar el cursor sobre él y presionar el botón de configuraciones (icono de engranaje).

Experiencia del usuario

En términos de la experiencia general, en mi opinión, el creador de páginas de Divi parece un poco más intuitivo y más fácil de usar. Todos los módulos se pueden editar, arrastrar y mover fácilmente, y tienen muchas opciones fácilmente accesibles.

La codificación de colores de Divi también permite ver las cosas con mucha claridad; las secciones, filas y módulos tienen controles y bordes codificados por colores, por lo que es sencillo ver en dónde estás dentro del diseño. Elementor carecer de este indicador visual, lo cual creo que es una pena.

Divi también ofrece una manera verdaderamente sencilla de alterar el relleno y los márgenes en partes de la página. Desplaza el ratón sobre una sección, fila o elemento, y verás el margen y el relleno resaltados. Arrastra el área resaltada para cambiar su tamaño, y eso es todo:

Padding in Divi
Relleno en Divi

De manera similar, puedes cambiar la altura mínima arrastrando el borde del módulo, sección, etc.

Todo esto puede hacerse también en Elementor, pero debe hacerse en el panel de configuraciones de lo que estés editando.

2. Módulos (o elementos)

La cuestión es esta: Elementor tiene una cantidad ligeramente mayor de módulos que Divi, incluso en la versión gratuita. Discutiremos los precios en un momento, pero Elementor Pro tiene aún más elementos de entre los que puedes elegir.

Además, al instalar el complemento Essential Addons for Elementor obtienes acceso a aún más elementos gratuitos.

Essential Addons for Elementor plugin

También hay complementos para Divi para extender la cantidad de módulos, pero no son muchos.

supreme modules lite
Supreme Modules Lite

Si tuviéramos que comparar los dos creadores de páginas desde el punto de vista de los módulos, yo diría que Elementor gana esta ronda.

3. Plantillas prefabricadas del creador de páginas

Las plantillas de página prefabricadas ahorran una enorme cantidad de tiempo al diseñar un sitio web. Actualmente, Elementor incluye alrededor de 40 plantillas gratuitas, duplicando esa cantidad en la versión pro.

Para acceder a las plantillas, edita una página en WordPress y luego presiona el icono Add Template (Agregar plantilla):

To access the templates edit a page in WordPress then hit the Add Template icon

Aparecerá una ventana emergente que muestra todas las plantillas disponibles, y habrá algunas etiquetadas con PRO, que solo están disponibles con la versión de paga de Elementor. Obtén más información sobre este proceso con los siguientes tutoriales:

Divi, por otro lado, tiene alrededor de 170 paquetes de diseño en oferta (al momento de escribir este artículo) y se agregan más cada mes.

Estos paquetes de diseño (que son más que solamente plantillas) son un poco diferentes, así que para ver a qué me refiero con esto, ve a editar una página y selecciona Choose a Premade Layout (Elegir un diseño prefabricado) que aparece como opción.

Choose a Premade Layout

Como verás en los paquetes que están en oferta, un paquete de diseño está compuesto por varios diseños de página, no solamente uno. Por ejemplo, echa un vistazo a este paquete de diseño de restaurante. Verás que consta de varias páginas y una gama de opciones de diseño.

Take a look at this restaurant layout pack

Esta es una gran mejora con respecto a las sencillas plantillas disponibles con Elementor, aunque este último tiene algo llamado kits de plantillas, lo que está disponible en la versión pro.

Otra gran ventaja de trabajar con Elementor es su uso de bloques.

Another big advantage to using Elementor is its use of Blocks

Estos son bloques de elementos muy simples y muy pequeños. Por ejemplo, un área para una imagen hero, o un formulario de contacto, una cita resaltada, y todos son editables una vez que los hayas acoplado en tu diseño.

Pruebas A/B

Divi ofrece otro beneficio de diseño, y se trata de las pruebas A/B. Puedes seleccionar dos diseños para tu página, aplicar ambos en diferentes variantes y probar la efectividad de cada uno.

Entonces, cuando se trata de plantillas prefabricadas, creo que Divi tiene la mejor oferta, en gran parte debido a los paquetes de diseño que son increíbles.

4. Precios y licencias

Ahora veamos los precios (ten en cuenta que los precios están sujetos a cambios), y aquí es en donde la elección entre los dos podría volverse muy clara para muchas personas.

Comenzando con Elementor, ya cubrimos la versión gratuita, y actualizar a pro te costará $49, $99 o $199, dependiendo de la cantidad de licencias de sitio que desees. Con un costo de $199 al año, 1,000 sitios deberían ser suficientes si estás trabajando para clientes. Nuevamente, la versión gratuita es una gran ventaja.

Por otro lado, Divi no tiene una versión gratuita. Los precios comienzan en $89 al año para una licencia con todas las funciones, o $249 te otorgará acceso de por vida. Entonces, si bien siempre tienes que pagar algo, personalmente yo diría que los dos niveles de precios en oferta para Divi son de excelente valor.

Conclusión: Divi vs. Elementor

Entonces, ¿cuál de los dos creadores de páginas te recomendaría que usaras? Yo diría que, si recién estás comenzando y quieres aprender sobre el uso de creadores de páginas, elige Elementor. Su versión gratuita implica el no tener que gastar un centavo, y puedes simplemente comenzar a trabajar de inmediato.

Si planeas tomar las cosas más en serio y usar un creador de páginas a largo plazo, yo diría que Divi ofrece un mejor valor y una selección de funciones más rica.

Sin embargo, esta es mi opinión personal, así que ten en cuenta que siempre vale la pena que tú mismo les eches un vistazo. Y si necesitas más detalles, consulta el video en la parte superior de la página.

Gracias por leer, ¡y cuéntanos en los comentarios cuál es tu creador de páginas preferido para WordPress!

Recursos útiles

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.