Visual Composer vs Elementor: guía definitiva para principiantes

Elegir entre Visual Composer y Elementor no es una tarea fácil. Personalmente, he usado ambas herramientas y todavía me resulta difícil superar el espacio de comodidad que obtengo al usar cada una de estas herramientas de creación de páginas.

Como era difícil decidirme con mi propia experiencia, busqué diferentes perspectivas de usuario y finalmente las consolidé en un artículo.

Tanto los creadores de sitios web Elementor como Visual Composer son enormemente populares y flexibles y han consolidado su lugar en la lista de las principales herramientas de creación de 5 páginas de 2021.

Sin embargo, alguien tiene que trazar la línea y mostrar las diferencias para que sea fácil entender en qué está a punto de meterse antes de comenzar.

Estaré colocando mi comprensión colectiva del asunto.

Por lo tanto, si desea tomar una decisión sobre Visual Composer y el creador de sitios web Elementor en detalle, quédese conmigo hasta el final.

Puedo garantizarle que sus problemas se resolverán para siempre.

¿Escapado? Aquí hay una sugerencia útil

Entre Visual Composer vs Elementor, me pondría del lado de Elementor por muchas razones que veo son obvias.

Aunque puede hacer el mismo trabajo con ambas herramientas, mi juicio se basa en la comprensión que tiene el usuario de la herramienta desde el principio, la simplicidad, la experiencia del usuario, la flexibilidad y otros aspectos que a todos les importan más o menos.

Una breve introducción

Elementor

Elementor es conocido por casi todos los usuarios de WordPress, y la asombrosa cantidad de 5 millones de usuarios muestra cómo ha sido ampliamente aceptado como la herramienta de construcción de páginas para crear sitios web de WordPress.

Esto se debe principalmente a la simplicidad, flexibilidad, versatilidad y soporte de primer nivel que trae con la herramienta.

Además de todo, no se requiere conocimiento de código para construir un sitio web minimalista, diseñado y de apariencia limpia.

Precio: $ 49 - $ 199

Ofertas: la versión de prueba se puede utilizar durante 30 días

Compositor visual

A partir de 2017, Visual Composer ha sido renovado y renombrado como WPBakery Page Builder.

La versión más nueva es sin duda más flexible y está más pulcramente diseñada que su predecesora.

Sin lugar a dudas, es una de las herramientas de creación de páginas más populares y fácilmente se hace un nombre en la lista de los 5 mejores creadores de sitios web de WordPress con su biblioteca única de widgets y plantillas únicos.

Precio: $ 45 - $ 245

Ofertas: 15% de descuento en la compra.

Visual Composer vs Elementor: tabla comparativa

Visual Composer vs Elementor: ¿Cuáles son las similitudes?

Tanto Visual Composer como Elementor son similares en términos de uso. Entonces, podemos decir que la base de ambas herramientas es prácticamente la misma.

Ambos creadores de páginas pueden crear sitios web 100% receptivos que sean amigables con los motores de búsqueda y realmente fáciles de usar.

El diseño sencillo es fascinante y resulta ser lo más importante de estas herramientas de creación de páginas.

Puede seguir lo que desea encontrar y lo que está buscando en unos segundos, y no será necesario que comprenda el sistema en profundidad.

Los sistemas visuales de arrastrar y soltar están presentes en ambas herramientas, que es la similitud más obvia.

Puede crear su propia página web personalizada utilizando el creador de páginas visual en un lienzo en blanco, y su sitio web se verá exactamente igual después de la creación.

Puede elegir widgets personalizados de la biblioteca o crear su propio concepto temático desde cero, lo que también es posible.

Finalmente, si tiene problemas y necesita una guía de los pasos para deshacerse de ellos, ambas herramientas ofrecen un amplio soporte al cliente que responde a sus consultas en 30 minutos hasta un máximo de 24 horas.

Visual Composer vs Elementor: diferencias desde la perspectiva de un usuario general

Las diferencias sutiles son difíciles de distinguir y dado que ambas herramientas ofrecen las mismas funcionalidades. Sabes que necesitas familiarizarte con la plataforma antes de empezar a notar cosas.

Aquí hay algunas diferencias que debe notar por adelantado cuando se reduce a Visual Composer vs Elementor.

Interfaz de usuario

Elementor

La interfaz de usuario de Elementor consta de dos partes. La barra lateral a la izquierda y el lienzo a la derecha.

La sección de vista previa o el lienzo ocupa la mayor parte de la pantalla, ya que muestra todos los aspectos visuales que pones en tus sitios web.

El lienzo te ofrece la opción de vista previa en vivo que interesa a todos.

Honestamente, esta vista previa en vivo es lo que hace que la experiencia sin codificación sea tan divertida cuando se trata de crear sitios web limpios y minimalistas.

Además, hay un mega menú a la derecha que muestra todos los widgets, elementos y configuraciones.

Te da la opción de seleccionar plantillas de la enorme colección de plantillas de la biblioteca Elementor. Tus plantillas guardadas personalizadas, widgets y más.

La parte inferior izquierda de la pantalla le ofrece tres opciones más: Configuración general, Historial, Navegador y Modo de respuesta.

1. La configuración general le permite ver el estado actual de la página, si está publicada o no, su título, la imagen destacada en la página y otra información resaltada.
2. El historial le permite ver las diferentes versiones de los proyectos guardados que se pueden restaurar.
3. El navegador crea un árbol de navegación emergente para facilitar la navegación.
4. El modo de respuesta le permite ver su sitio en todos los dispositivos usando solo una pantalla.

Compositor visual

El compositor visual tiene una interfaz similar a la de Elementor. De hecho, también puede llamarlo editor frontend de What You See Is What You Get (WYSIWYG).

Esto significa que podrá ver todo lo que cree en el lienzo, lo que significa que esencialmente no tendrá marcadores de posición que representen un bloque de página en particular.

A continuación, se muestran las siguientes partes que puede encontrar en el panel de Visual Composer:

• La ventana del editor de elementos
• El editor en vivo o el editor frontend (función de arrastrar y soltar)
• Los paneles de navegación
• Ajustes
• Una vista de árbol del sitio web

La ventana de edición de elementos se encuentra flotando encima de cada elemento bloqueado del sitio web. Simplemente coloque el cursor sobre el elemento seleccionado para obtener la lista de opciones cambiables de un menú desplegable.

El editor de frontend es el editor visual de Visual Composer. Le permite organizar y alinear diferentes componentes arrastrándolos y soltándolos desde la barra de widgets en el editor.

Lo mejor es que puedes jugar como quieras y aún así no complicarás el diseño porque todo eso se soluciona en segundo plano sin que te des cuenta.

El panel de navegación le permite acceder a la configuración donde puede ajustar con precisión los diferentes elementos de su sitio web desde cambiar las imágenes, la altura y el ancho de un componente, el tamaño y peso de la fuente, etc.

La configuración no tiene mucho que ver con el resto del sitio web.

Como principiante, no necesitaría meterse con él para su primer proyecto.

Pero puede comenzar a explorar las opciones que tiene una vez que haya terminado con su primer sitio web.

La vista de árbol es una forma eficiente de navegar por diferentes páginas de su sitio web con bastante facilidad.

De hecho, también puede utilizar el modo de vista de árbol para editar cualquier componente elegido en la página web sobre la marcha.

La edición Premium de Visual Composer tiene opciones adicionales para editar las barras laterales, tooter, encabezado, que también es un punto de venta considerablemente bueno.

Veredicto

Ambas interfaces tienen las mismas características con cambios sutiles. Sin embargo, me inclinaría hacia Elementor por los pequeños aspectos de diseño creativo.

Elementos Disponibles

Elementor

Los elementos son lo que le ayuda a crear una página web utilizando herramientas de creación de páginas. Por lo tanto, un buen creador de páginas como Elementor debe tener una cantidad considerable de elementos.

En este sentido, Elementor tiene 3 tipos principales de elementos: secciones, columnas y widgets en ese orden específico.

La versión gratuita de Elementor tiene 30 widgets diferentes para su sitio web, que aumentan a 50 una vez que compra la versión Elementor Pro.

Además, hay un gran archivo de plantillas creadas de forma creativa que puede encontrar en la biblioteca de Elementor.

Te estaría mintiendo si no te dijera que estoy completamente impresionado por lo que la biblioteca Elementor tiene para ofrecer.

La primera diferencia es que afecta a toda la sección si realiza cambios en una sección específica.

Lo mismo sucede cuando aplica el cambio a una columna.

Pero, por el contrario, si aplica el cambio en un widget, el cambio permanece confinado solo a ese widget.

Compositor visual

Los elementos de Visual Composer consisten en bloques de contenido como iconos, botones, bloques de texto, etc.

Como usuario, puede integrar estos bloques en su página web para crear un diseño para su sitio web.

Hay más de 100 elementos de contenido en versiones gratuitas y premium de Visual Composer organizados en los siguientes grupos lógicos: Básico, Medios, Contenedores, Social, WordPress y Contenido.

El centro de plantillas basado en la nube le permite descargar el bloque de contenido específico que necesita, y esto evita que su sitio corra el riesgo de ralentizarse.

Esto también reduce la dependencia de complementos de terceros, lo que permite que su sitio se ejecute aún más rápido sin activos adicionales.

Veredicto

Es un empate. Ambas herramientas ofrecen paquetes de plantillas, widgets y componentes para su uso, y eso para mí es una gran victoria.

Opciones de estilo

Elementor

Las opciones de estilo son sencillas en Elementor. Si elige un elemento, automáticamente coloca los estilos globales en su contenido existente.

La configuración se puede ajustar de la forma que desee desde la 'configuración de estilo' modificando los widgets, las secciones y las columnas como prefiera.

Además, hay muchas opciones de estilo disponibles para explorar gradualmente a medida que se sienta cómodo y comprenda el estilo.

Compositor visual

Hay cientos de opciones de estilo simplificadas en una ventana para crear una comprensión perfecta del sistema por parte del usuario mientras usa Visual Composer.

Puede decir que es similar a Elementor de muchas maneras porque puede hacer las mismas cosas en Visual Composer.

Veredicto

Ambas herramientas ofrecen opciones de estilo simplificadas pero amplias. Este es un empate.

Plantillas

Elementor

Elementor tiene 40 plantillas cuidadosamente diseñadas en la versión gratuita con actualizaciones de por vida si las sigues usando.

Pero existen limitaciones para eso. La cantidad de widgets que puede utilizar en la versión gratuita está restringida a una determinada cantidad.

Sin embargo, si elige la versión Pro, obtendrá acceso instantáneamente a más de 300 componentes y plantillas diferentes adicionales.

Las plantillas de bloque se utilizan para crear una sección específica de la página, como formularios de contacto, formularios de CTA, etc. Por otro lado, las plantillas de página están más orientadas a crear una página completa.

Compositor visual

Visual Composer tiene dos tipos diferentes de plantillas: plantillas predefinidas y definidas por el usuario.

Por supuesto, cada plantilla está diseñada de forma única para satisfacer propósitos específicos, o puede rediseñarlas como desee.

Pero esas opciones personalizables se vuelven limitadas si usa la edición gratuita, que obviamente aumenta diez veces si decide comprar una suscripción premium.

Veredicto

Esta fue la más difícil de decidir porque ambas herramientas tienen muchos elementos únicos y prometedores que proporcionar. Yo diría que este también es un empate.

Integración de WooCommerce

Elementor

La integración perfecta de WooCommerce es la característica esencial, en mi opinión, y Elementor lo hace bien.

Además, las funciones de personalización son fáciles de trabajar con el widget de archivo de productos que le ayuda a determinar.

¿Qué productos se mostrarán en la lista, personalizar la apariencia de cada elemento en esa lista, tipografía, paletas de colores y otras características?

Hay opciones para personalizar las páginas de resultados de búsqueda de productos e incorporar widgets adicionales para hacer que la página sea más interactiva.

El carrito del menú es otra gran opción que le permite agregar un botón 'agregar al carrito en su página, y puede personalizarlo como desee para que sea más atractivo hacer clic.

Compositor visual

Visual composer admite la integración perfecta de WooCommerce con sus temas, por lo que a todos les resulta útil crear un sitio web de comercio electrónico de WordPress.

Puede acceder a los elementos de WooCommerce desde Visual Composer Hub para crear la página del producto. Estos son algunos de los elementos que puede aprovechar:

WooCommerce Agregar al carrito, categoría de producto, página del producto, productos recientes, productos relacionados, seguimiento de pedidos, página de pago, productos destacados, carrito, pago del carrito, etc.

Veredicto

Este es un punto esencial de todos ellos. Si solo está integrando el complemento de WooCommerce y los elementos de WooCommerce, entonces es un empate.

Pero si agrega algunas cosas más, como la integración de CRM, Elementor es la mejor opción.

Digo esto porque, muchas veces, necesitarías integrar otras herramientas complejas a excepción de WooCommerce, y encontrarás que Elementor ofrece todo tipo de integración, a diferencia del Visual Composer.

Constructor de temas

Elementor

El complemento del generador de temas le permite crear su propio tema, ya sea desde cero o en una plantilla existente, como puede crear una página web en Elementor.

El proceso es el mismo en el que diseñas tu propio concepto en un lienzo en blanco, personalizando los encabezados y pies de página alineados con el tema de tu sitio web.

Puede aplicar el mismo proceso para crear encabezados, logotipos de sitios, menús y otros componentes relevantes esenciales para su sitio.

Compositor visual

Visual Composer Premium le permite crear su propio tema, al igual que el creador de páginas web, y no hay mucha diferencia con Elementor en este caso.

Si considera el lienzo y las herramientas de edición, notará que hay cambios sutiles. Por ejemplo, el editor de alto y ancho de cada componente está más inclinado hacia la barra lateral.

Antes de dirigirse a crear su propio tema en Visual Composer, asegúrese de tener instalado el complemento Theme Builder.

Para que pueda acceder al editor de encabezado, pie de página y barra lateral y, lo más importante, acceder a los componentes que necesita descargar desde Visual Composer Hub.

Además, los controles globales le permiten editar encabezados y pies de página con mucha más facilidad. Puede habilitar tipos de publicaciones, publicaciones y páginas personalizadas, y páginas predeterminadas de WordPress. Viene con él, como la página de resultados de búsqueda, la página de error 404, la página de archivo, las páginas de WooCommerce se pueden modificar.

Veredicto

Este es un punto a favor para Visual Composer. Proporcionaron suficientes opciones de edición con sus editores de encabezado y pie de página y algunas otras partes de un tema que no vi en Elementor.

Complementos

Elementor

El equipo de Elementor se ejecuta constantemente para crear recursos diseñados de manera intuitiva que se destaquen del resto del mercado, donde puede encontrar plantillas, temas, widgets, etc. gratuitos.

Una gran cantidad de complementos le dan una ventaja más creativa a su sitio web y están respaldados por bloques adicionales, widgets que forman un paquete completo.

Compositor visual

Cuando los widgets o plantillas adicionales prediseñados no son suficientes para su trabajo, sabe que es hora de construir algo fuera del alcance de la capacidad actual de Visual Composer. Pero aquí tienes una solución rápida.

Dirígete a la sección Complementos de Visual Composer Hub, donde puedes encontrar extensiones exclusivas creadas especialmente para propósitos especiales que puedes descargar gratis.

Además, también puede utilizar Plantillas globales, Importación y exportación, Widget de plantillas, Bloques de Gutenberg, Generador de temas, Campos dinámicos, Página de modo de mantenimiento, Generador de ventanas emergentes, Bibliotecas de iconos premium y otras opciones de Diseño premium.

Pero esta función solo es exclusiva para los usuarios de Visual Composer Premium.

Veredicto

Este es para Visual Composer por su inmensa colección de complementos en Visual Composer Hub.

Elementor es creativamente igual en este aspecto, pero Visual Composer tiene la ventaja numérica.

Características unicas

Elementor

Elementor tiene alguna característica que es exclusiva para los usuarios de Elementor solamente.

Una de esas características es: la función Incrustar en cualquier lugar que le permite incrustar una plantilla seleccionada y replicarla utilizando códigos cortos.

De hecho, todas las secciones de Elementor aceptan códigos cortos, lo que hace que el desarrollo sea mucho más rápido.

Global Widget es otra gran característica que le permite guardar un diseño personalizado una vez y replicarlo en cualquier momento en el futuro, como una plantilla en varios sitios web.

Por último, tiene un generador de ventanas emergentes simplificado que le permite diseñar barras de saludo creativas, mensajes de pantalla completa, mensajes de entrada y otros tipos de ventanas emergentes.

Estas cosas son esenciales para aumentar la tasa de conversión de su sitio web y aumentar el porcentaje de ventas de su producto mejor calificado en su sitio web.

Compositor visual

Visual Composer Hub permite a los usuarios premium elegir entre una amplia gama de complementos, plantillas, imágenes de archivo y todo lo demás desde su almacenamiento en la nube.

Consiste en casi todo tipo de diseños que van desde complementos, bloques, elementos de pie de página, elementos de encabezado y la lista continúa.

Además, si es un suscriptor premium de Visual Composer Hub, tendrá acceso a nuevas plantillas cada semana.

Veredicto

Elementor tiene algunas características únicas que no se ofrecen en ninguna otra herramienta de creación de páginas que haya probado, por lo que me pondré del lado de Elementor en esta.

Visual Composer vs Elementor: diferencias desde la perspectiva de un desarrollador

La comparación entre Visual Composer y Elementor dibuja un nivel completamente nuevo cuando lo ve desde la perspectiva de un desarrollador, especialmente cuando puede ver algunos ángulos de comparación completamente nuevos que pueden resultarle útiles.

Esto es lo que le resultará útil.

Licencia

La integración de temas es un aspecto esencial del uso de las herramientas de creación de páginas de WordPress. Permite a los desarrolladores integrar nuevos diseños en temas existentes y volver a desarrollarlos de acuerdo con los estándares actuales.

Algunos incluso podrían intentar revenderlo, lo cual no es en absoluto lo ideal.

La opción de integración de temas solo está disponible para la versión gratuita del creador de sitios web Elementor y Visual Composer.

Pero no puede incluir ninguno de los temas premium y revenderlos según los términos y acuerdos.

Elementor

La versión gratuita de Elementor está disponible en el repositorio de complementos de wordpress.org.

Alternativamente, puede descargarlo desde el sitio web de Elementor.

Un gran resultado de Elementor es que está alojado en WordPress y, por lo tanto, no es necesario que lo incluya en su paquete de complementos.

La versión premium viene con todo tipo de widgets, plantillas, constructores de encabezados y pies de página, y un sistema de plantillas para crear sus propias plantillas personalizadas.

Compositor visual

Visual composer tiene dos versiones: gratuita y premium, que están disponibles en su sitio web.

Sin embargo, Visual Composer no se integra fácilmente con WordPress, lo cual es una desventaja para los usuarios de Visual Composer.

Pero aún puede descargar la versión gratuita de su sitio web o usar el enlace de descarga usando el activador TGM.

La versión premium tiene un generador de encabezado y pie de página que es un gran punto de venta, y sin mencionar que el sistema de plantillas hace que la vida sea mucho más fácil para trabajar con componentes separados.

requerimientos generales

Elementor

Elementor no requiere dependencias adicionales que no sean los requisitos generales habituales de WordPress.

Compositor visual

Visual composer no viene de forma predeterminada con la instalación de WordPress, por lo que debe instalar las dependencias adicionales para ejecutarlo. Aquí hay una lista de lo que necesita:

1. Webpack 4.0 o superior
2. Nodo 8.0 o superior

API de desarrollador

Elementor

La abundancia de API para desarrolladores es uno de los puntos fuertes de una buena herramienta de creación de páginas.

Y si bien lo considera un resultado, también debe saber que esta flexibilidad le permite crear elementos personalizados utilizando componentes React.

La mejor manera de comprender cómo la API de desarrollador le permite crear cada elemento del sitio web como una parte independiente del sistema es usarlo por separado donde lo necesite.

Compositor visual

El creador de sitios web de Visual Composer trabaja de la mano con los componentes de React.

Cada elemento se crea para que funcione de forma independiente como un bloque de código separado que se ejecuta en su propio conjunto de dependencias HTML, CSS, PHP, JavaScript y JSON.

De esta manera, ya no depende del sistema de shortcode como lo era en las versiones anteriores.

Este sistema de creación de widgets personalizados no es diferente de la creación de widgets nativos de WordPress.

En este sentido, tengo que ponerme del lado de Visual Composer ya que estoy familiarizado con React.

Y para las personas que entienden React, será más fácil comprender la estructura de archivos y el proceso de desarrollo.

Análisis comparativo

Resumiendo

La elección entre compositor visual y Elementor es subjetiva a la comprensión de la herramienta y al gusto, algo que podemos o no podemos cambiar. Pero bueno, siempre podemos aprender una cosa o dos desde otra perspectiva.

Aquí están mis 2 bits sobre todo el debate Visual Composer vs Elementor. Primero, si se reduce al uso y usted es un solo usuario / desarrollador, Visual Composer es la opción más barata con un pago único y ofrece tanto como Elementor.

Sin embargo, si está dirigiendo una agencia y prefiere aprovechar más flexibilidad para el desarrollo y está dispuesto a gastar más dinero y acortar el tiempo de desarrollo, Elementor es para usted.