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

Visual Composer Website Builder frente a Elementor; desde la perspectiva de un desarrollador

by
Length:ShortLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

Visual Composer Website Builder y Elementor son dos modernos y excelentes plugins de edición de contenido para WordPress, con la funcionalidad de arrastrar y soltar. Ofrecen casi las mismas características y trabajan de forma muy similar, permitiendo a los usuarios diseñar la estructura y el diseño de las páginas y las entradas de WordPress, sin necesidad de saber ningún tipo de codificación.

Elementor fue lanzado en 2016 y tiene mas de 2 millones de instalaciones activas, mientras que Visual Composer Website Builder (de aquí en adelante VCWB) fue lanzado en 2017 y tiene más de 100,000 instalaciones activas. Ambos plugins ofrecen una excelente experiencia (UX) de usuario, interacción y un rendimiento bastante rápido.

Visual Composer Website Builder Vs Elementor

Veamos la manera en que los desarrolladores pueden utilizar estos dos productos como parte de un tema de WordPress.

1. Licencia

Tanto VCWB como Elementor están disponibles en versión gratuita y en versión premium. La integración en temas únicamente es posible con las versiones gratuitas; no puedes incluir o revender las versiones premium con tu tema —no existe la llamada “licencia en stock”— incluso si has comprado una licencia de desarrollador (algo que permite múltiples licencias para agencias). No obstante, siempre puedes animar a los usuarios a que se actualicen si crees que se beneficiarían con las funciones avanzadas.

La versión gratuita de Elementor está alojada en el repositorio de plugins de wordpress.org, por lo que no es necesario que la incluyas en tu paquete de temas. Sin embargo, la versión gratuita de Visual Composer Website Builder no está disponible en wordpress.org. Necesitas descargar la versión gratuita e incluirla en tu paquete de temas, o utilizar el enlace de descarga con TGM plugin activator.

tgm plugin activation
TGM plugin activator permite a los nuevos compradores de temas descargar directamente los plugins recomendados

Las versiones premium en ambos casos vienen con constructores de cabeceras y pies de página, y sistemas de plantillas. Puedes utilizar las funciones de la versión pro con tus propios proyectos, pero no puedes desarrollar un tema para vender que dependa de ellas. Con la versión gratuita, tus compradores pueden disfrutar de los editores rápidos, las magníficas interfaces, un par de widgets y módulos gratuitos y los frutos de las excelentes APIs para los desarrolladores (puedes, y deberías, extender tu tema con elementos personalizados).

2. Requerimientos

Elementor no necesita nada más que los requisitos generales de WordPress, pero con Visual Composer Website Builder también debes cumplir con los siguientes requerimientos técnicos:

  • Webpack 4.0 o superior
  • Node 8.0

Y aquí empiezan las diferencias entre estos dos productos.

3. APIs para los desarrolladores

A diferencia del constructor de páginas WP Bakery, los elementos tanto en Visual Composer Website Builder como en Elementor ya no se basan en códigos cortos. Un elemento se describe como una parte independiente del sistema; un bloque basado en HTML que puede generar medios y contenido dinámico.

En Visual Composer Website Builder, el editor trabaja con elementos como componentes de React. Estos componentes deben se compilados con webpack y ponerse en cola por la API. Cada elemento tiene una imagen con una vista previa, una imagen en miniatura, una categoría y un componente basado en React. La mejor forma de entender esta estructura de elementos es clonar el repositorio de la plantilla de VCWB en GitHub. Cada elemento comprende una carpeta con JavaScript, json, PHP, CSS y archivos de medios. El sistema de elementos de VCWB es un poco complicado y debes estar familiarizado con React para entenderlo mejor

Crear un widget personalizado de Elementor no es muy distinto de crear un widget nativo de WordPress; empieza por crear una clase que extienda la clase Widget_Base y llena todos los métodos requeridos.

Este enfoque es más familiar para cualquier desarrollador de WordPress, y personalmente encuentro mucho más fácil crear nuevos elementos para Elementor que para VCWB.

Conclusión

A continuación, se presenta una evaluación tabular rápida de estos dos plugins desde la perspectiva de un desarrollador, vigente en el momento de la publicación:

Elementor Visual Composer
Instalaciones activas Más de 2 millones Mas de 100,000
Elementos de la versión gratuita 30 widgets básicos 50 elementos
API para el desarrollador Excelente Excelente
Requisitos adicionales No Webpack 4.0 o superior, Node 8.0
Extensiones de terceros: Más de 10 oficiales N/A
Temas compatibles en Themeforest Más de 350 N/A
Facilidad de integración y desarrollo (1-5) 5 3.5
Tema inicial Solo Elementor Pro

Ahí la tienes; mi evaluación subjetiva de estos dos plugins constructores de páginas para WordPress, basada en mi experiencia como desarrollador.

Tal vez te preguntes por qué comparé estos dos plugins, dado que Elementor es el líder del mercado y tiene muchas más instalaciones activas. Bien, creo que cualquier producto excelente debe tener buenos competidores. VCWB utiliza nuevas tecnologías que pueden llegar a ser populares en el desarrollo de temas. Tiene un tema inicial muy avanzado, poderoso y sin limitaciones. Los creadores de VCWB ya nos dieron un excelente producto en forma de WPBakery Page Builder, así que creo firmemente en su estrategia profesional.

Por otra parte, Elementor es un producto muy popular que demuestra un buen rendimiento y es muy fácil trabajar con él. Elementor también tiene un tema inicial que restablece el entorno del estilo en WordPress. A estas alturas, como desarrollador, puedo ver que Elementor es el constructor de páginas, y recomiendo ampliamente desarrollar con este plugin, ¡pero no pierdas de vista a Visual Composer Website Builder!

Temas compatibles en Themeforest

Durante 2018 los temas compatibles con Elementor en Themeforest crecieron de 90 a 350. Ese número se ubica actualmente en más de 450.

Elementor themes on themeforest
Temas compatibles con Elementor en Themeforest

Visual Composer Website Builder, sin embargo, aún tiene que adentrarse en el mercado de Themeforest. Creo que el motivo principal radica en los requisitos técnicos adicionales. Espero, que como yo, continúes siguiendo estos dos excelentes productos en el futuro.

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.