Las cinco mejores alternativas de composición visual – Comparado

Visual Composer es un plugin de WordPress muy popular.

Sin embargo, hay muchos otros impresionantes constructores de páginas de WordPress para elegir, cada uno de ellos ofrece su propio diseño de contenido de arrastrar y soltar. Así que, si estás buscando una gran alternativa de Visual Composer, aquí tienes cinco de los mejores plugins de construcción de páginas de WordPress para considerar.

Echemos un vistazo…

¿Qué pueden hacer estos plugins?

Visual Composer te proporciona las herramientas para crear diseños personalizados para tus publicaciones y páginas de WordPress, y eso es exactamente lo que hacen también estas alternativas.

Ejemplo del editor de la página de inicio del Visual Composer.

Tanto si cargas una de las plantillas como si empiezas con un lienzo en blanco, las mejores alternativas de Visual Composer te permiten crear diseños de página avanzados, arrastrar y soltar una serie de módulos en tu contenido y, a continuación, personalizar la apariencia mediante controles detallados.

Todos estos plugins tienen sus propias interfaces de construcción de páginas personalizadas, algunas de las cuales son más fáciles de empezar que otras. Sin embargo, con un poco de esfuerzo, deberías ser capaz de crear diseños únicos para tu contenido de WordPress en poco tiempo, y sin tocar nunca una línea de código.

¿Qué ofrecen las alternativas?

En esta colección de las mejores alternativas de Visual Composer, encontrarás una poderosa herramienta gratuita de creación de páginas, un plugin con un fuerte énfasis en la producción de páginas de destino de alta conversión, y un plugin con una interfaz de usuario que tiene como objetivo transformar la forma de crear contenido en WordPress.

Divi Builder

Divi Builder puede ser usado para crear diseños de páginas de alta calidad sin necesidad de editar el código.

El plugin de arrastrar y soltar Divi Builder era originalmente accesible sólo para los usuarios del tema Divi WordPress de Elegant Themes. Ahora, sin embargo, está disponible como un plugin independiente que debería funcionar con cualquier tema de WordPress bien codificado.

La interfaz del fondo Divi Builder simplifica el proceso de creación de su diseño.

(click para ampliar)

Después de activar el plugin Divi Builder, puedes trabajar a través de la interfaz del back-end o usar el impresionante modo de Visual Builder del front-end para crear diseños personalizados para tus publicaciones y páginas. Mientras que la interfaz de fondo facilita la creación de la estructura de tu página, el modo de interfaz es ideal para afinar tu diseño y añadir contenido a tu página. Ambos modos tienen sus pros y sus contras, pero es fácil cambiar entre los dos.

La impresionante interfaz de Divi Builder te da una vista previa en vivo de tu página mientras trabajas.

(click para ampliar)

Cuando se trabaja con el Constructor Visual, simplemente haciendo clic en un elemento se inicia el proceso de personalización. La edición de texto se realiza en línea, por lo que no tienes que trabajar a través de paneles intermedios o pop-ups. El Constructor Visual es realmente un caso de lo que ves es lo que obtienes (WYSIWYG).

La edición en línea le permite añadir texto a sus páginas sin ninguna barrera entre usted y su contenido.

(click para ampliar)

Tanto si importa uno de los diseños preconstruidos como si comienza con un lienzo en blanco, puede interactuar con la página directamente para crear su diseño personalizado. Las columnas pueden ser redimensionadas a través de la interfaz de arrastrar y soltar, mientras que los módulos, filas y columnas pueden ser fácilmente movidos a una nueva ubicación.

Para facilitar la navegación por la página y la organización de sus elementos, puedes cambiar instantáneamente entre el Constructor Visual y el modo de marco de cables de la parte frontal para obtener una visión más clara de la estructura de la página.

Al cambiar a la vista de cuadro de cables en la interfaz del Constructor Visual, se obtiene instantáneamente una visión general del diseño de la página.

(click para ampliar)

La biblioteca de más de 40 módulos de contenido ofrece muchas opciones para actualizar su contenido con una serie de elementos. Los módulos de contenido de Divi Builder, como el deslizador de ancho completo, la herramienta de testimonios, los formularios de inscripción al boletín, el constructor de tablas de precios y el temporizador de cuenta regresiva, eliminan la necesidad de comprar o instalar complementos adicionales.

Añadir tablas de precios a tus páginas es sólo una de las opciones disponibles en la biblioteca de módulos de contenido de Divi Builder.

(click para ampliar)

El único gran inconveniente de Divi Builder es que la interfaz de usuario es muy diferente a la de WordPress. Divi Builder no ha sido diseñado “a la manera de WordPress”, por lo que tendrás que dominar un enfoque diferente para la creación de contenidos y aprender el significado de un nuevo conjunto de iconos y símbolos.

A primera vista, puede ser difícil descifrar los iconos del Divi Builder y la interfaz de usuario.

(click para ampliar)

La interfaz de usuario del Divi Builder no es difícil de entender, pero hay una curva de aprendizaje. Para una gran alternativa de Visual Composer que se siente como parte de WordPress, en lugar de una plataforma completamente nueva, el siguiente plugin de este artículo es una buena opción.

Otros aspectos destacados de Divi Builder:

  • Ofrece una útil opción de deshacer el historial y menús contextuales con el botón derecho del ratón.
  • Los nuevos diseños de página se publican a menudo en el blog de Temas Elegantes.
  • El Administrador de Roles controla qué usuarios pueden acceder a qué características del Constructor Divi.
  • Puedes guardar tus propios diseños personalizados en la biblioteca de Divi Builder para usarlos en todo tu portafolio de sitios web.
  • Hay un tour opcional del producto y una útil documentación en línea con videos de recorrido.
  • Está disponible como parte del tema de Divi WordPress, con funciones adicionales de creación de páginas.

Divi es una de las alternativas de compositor visual más impresionantes que existen. Sin embargo, a pesar de estar repleto de características, su alejamiento de la interfaz predeterminada de WordPress significa que puede no ser para todos.

Precio: $89 por el acceso anual a todos los plugins y temas de Elegant Themes WordPress, o $249 por el acceso de por vida.

Detalles

Beaver Builder

Beaver Builder tiene una interfaz de construcción de páginas que se puede arrastrar y soltar a pantalla completa.

Beaver Builder a menudo sale primero en las comparaciones de los mejores plugins de construcción de páginas de WordPress. Con una interfaz de usuario intuitiva, una útil selección de módulos de contenido y una biblioteca de plantillas de páginas de alta calidad, no es difícil ver por qué. De hecho, Beaver Builder tiene algunas de las mejores plantillas completas para crear páginas de inicio, páginas de destino y páginas de contenido para las áreas esenciales de tu sitio web.

Beaver Builder incluye una selección de plantillas de páginas de alta calidad que pueden ser personalizadas.

(click para ampliar)

Aunque Beaver Builder utiliza una interfaz personalizada para crear páginas, no se aleja demasiado de la experiencia de usuario de WordPress. El diseño del panel lateral será familiar para cualquiera que haya utilizado la herramienta de WordPress Live Customizer, haciendo que Beaver Builder sea más fácil de iniciar que algunas de las otras alternativas de Visual Composer. Puedes probarlo por ti mismo con la demostración en línea.

Beaver Builder utiliza una interfaz de usuario personalizada, pero aún así se siente como parte de WordPress.

(click para ampliar)

Mientras diseñas una página, puedes arrastrar y soltar elementos en tu diseño personalizado. Al hacer clic en un elemento de la página, se abre un panel de configuración que te permite personalizar su aspecto y funcionamiento.

Sin embargo, a diferencia de Divi, no hay un editor de texto en línea – debes escribir en un panel emergente en lugar de editar el texto directamente en la página. Cualquier texto introducido o cualquier cambio realizado se muestra en la página en tiempo real, por lo que esta falta de edición en línea no es un obstáculo.

Cualquier cambio que hagas a través de los paneles emergentes se muestra instantáneamente en la página en tiempo real, listo para ser confirmado pulsando el botón de Guardar.

(click para ampliar)

Otros aspectos destacados de Beaver Builder:

  • Tiene una útil selección de módulos, incluyendo llamadas a la acción, temporizadores de cuenta atrás, tablas de precios y deslizadores.
  • Puedes añadir al diseño de tu página cualquier widget que esté en vivo en tu sitio.
  • Puedes guardar las plantillas para reutilizarlas en todo tu sitio.
  • Hay un tour opcional de la interfaz para ayudarte a empezar.
  • Beaver Builder puede ser usado junto con el tema Beaver Builder, aunque debería funcionar con cualquier tema de WordPress.

Beaver Builder es una gran alternativa a Visual Composer para crear publicaciones y páginas personalizadas. Si quieres personalizar cada aspecto de tu sitio web de WordPress, incluyendo el encabezado, el pie de página y las barras laterales, el constructor de temas de WordPress Beaver Themer del mismo equipo lo hace posible.

Precio: Desde $99

Detalles

Arquitecto próspero

Thrive Architect es el sustituto del Constructor de Contenidos Thrive Themes.

Recientemente renombrado como Thrive Architect, este plugin tiene una nueva interfaz que permite editar el contenido en línea, y un poderoso conjunto de controles para personalizar su apariencia.

Thrive Architect utiliza paneles de barras laterales sensibles al contexto y edición de texto en línea para simplificar el proceso de diseño.

(click para ampliar)

Aunque puedes hacer mucho con Thrive Architect, la interfaz bien ejecutada hace que la experiencia del usuario sea sencilla. Las migas de pan en la barra horizontal superior facilitan la identificación de la sección en la que estás trabajando, mientras que el panel lateral muestra automáticamente los controles del elemento activo de la página.

Los controles avanzados de Thrive Architect lo convierten en una buena elección para los usuarios avanzados.

(click para ampliar)

Thrive Architect no carece de elementos de contenido. Todos los módulos regulares que esperas encontrar están disponibles, incluyendo botones, encabezados y áreas de texto. Sin embargo, el contenido revelador, el temporizador de cuenta atrás, el clic para tuitear, los iconos de tarjetas de crédito y los elementos de testimonio hacen de Thrive Architect una buena elección para los vendedores. También hay un módulo de generación de prospectos que conecta con los principales servicios de marketing por correo electrónico.

Thrive Architect incluye elementos construidos para ayudar a aumentar las conversiones de los sitios web.

(click para ampliar)

Las plantillas de la página de destino le ayudarán a crear diseños de contenido personalizados que están optimizados para las conversiones. Sin embargo, el Arquitecto Thrive también tiene una fuerte selección de plantillas de páginas de inicio regulares y diseños preconstruidos para las páginas interiores de su sitio.

Si buscas una herramienta con un fuerte enfoque en la creación de páginas de aterrizaje de alta conversión, Thrive Architect es una buena opción.

(click para ampliar)

Si todavía no estás completamente seguro de si serás capaz de averiguar cómo usar estos plugins y realmente lograrás crear un diseño de página de alta calidad, no temas. Thrive Architect viene con un video tutorial muy útil que te guía a través del proceso de diseño de una página desde cero.

El tutorial de seguimiento de Thrive Architect le permitirá familiarizarse con las principales características en el menor tiempo posible.

(click para ampliar)

Otros aspectos destacados de Thrive Architect:

  • Tiene controles para ocultar elementos en los teléfonos inteligentes y tabletas.
  • Las nuevas plantillas de la página de aterrizaje se publican en el blog Thrive Themes.
  • El recordatorio de guardar la página le ayudará a no perder su trabajo.
  • Tiene controles de diseño avanzados, que cubren las capas de sección y los niveles de opacidad.
  • Hay desencadenantes de acción para mostrar mensajes cronometrados y pop-ups de intención de salida.
  • Está disponible individualmente o como parte del paquete de membresía de todos los productos de Thrive Themes.

Aunque el arquitecto Thrive se centra en la creación de páginas de destino efectivas, no debería tener problemas para crear diseños personalizados para su página de inicio o cualquier otra página de su sitio web de WordPress.

Precio: Desde $67, o $19 por mes para todos los plugins y temas de Thrive Themes.

Detalles

SitioOrigin Page Builder

A pesar de ser un plugin gratuito, el Constructor de Páginas de SiteOrigin todavía te da una buena cantidad de control sobre los diseños de tus páginas.

Hasta ahora, todas las alternativas de Visual Composer cubiertas han sido herramientas de primera calidad. Sin embargo, si tienes presupuesto, el plugin gratuito SiteOrigin Page Builder podría ser una buena opción. Al igual que Divi Builder, te permite trabajar en la interfaz del back-end, o cambiar al modo del front-end y obtener retroalimentación en vivo de tus cambios a medida que los haces. Sin embargo, aunque puedes arrastrar y soltar, no hay edición en línea.

El Constructor de Páginas de Origen del Sitio funciona bien, pero no es tan hábil como algunas de las alternativas de los Compositores Visuales de primera calidad.

(click para ampliar)

Con el Constructor de Páginas de SiteOrigin, puede añadir una buena selección de módulos útiles a sus diseños de página, y, al igual que con las otras alternativas a Visual Composer que se cubren aquí, también puede añadir a sus diseños cualquiera de los widgets que están en vivo en su sitio, incluyendo los de los plugins de terceros.

Crea diseños de página avanzados combinando filas, columnas y widgets.

(click para ampliar)

La calidad de los diseños del Constructor de Páginas de Origen del Sitio son comparables a los mejores diseños de los constructores de páginas de primera calidad que se cubren aquí, y hay una buena mezcla de diseños de páginas de inicio y diseños de páginas interiores que cubren las páginas “acerca de” y “de contacto”. Sin embargo, no tienes tantas opciones como con el Constructor Divi o el Arquitecto Thrive.

Las plantillas del Constructor de Páginas de Origen del Sitio cubren un buen rango de tipos de sitios web.

(click para ampliar)

Otros aspectos destacados del Constructor de Páginas de Origen del Sitio:

  • Puedes clonar instantáneamente los diseños de tus páginas.
  • Hay una útil herramienta de previsualización móvil.
  • La herramienta de historia permite deshacer los cambios y volver a las versiones de diseño anteriores.
  • Hay una actualización premium opcional que desbloquea características adicionales.

Si tienes un presupuesto limitado o quieres ver lo que este tipo de plugin puede hacer, SiteOrigin Page Builder es una gran manera de probar un plugin de editor de contenidos de forma gratuita.

Precio: Gratis con complementos premium.

Detalles

Elemental

Elementor es un plugin gratuito con una interfaz de usuario de arrastrar y soltar para construir páginas.

Elementor es otro constructor de páginas que puedes empezar a usar en tu sitio web de WordPress de forma gratuita. Después de activar Elementor, podrás usar la interfaz de arrastrar y soltar para crear diseños personalizados para tus publicaciones y páginas.

Elementor utiliza controles sensibles al contexto para facilitar la personalización de sus páginas.

(click para ampliar)

Al hacer clic en cualquier elemento del diseño de la página, se muestran los controles correspondientes en la barra lateral del constructor de la página. A través del panel sensible al contexto, puede entonces editar el texto, personalizar el diseño, subir imágenes y mucho más, dependiendo del elemento que haya seleccionado. Aunque no hay edición de texto en línea, cualquier cambio que realice a través de la barra lateral se aplica instantáneamente a su página.

Cualquier cambio que hagas a través del panel lateral se muestra inmediatamente en tu página.

(click para ampliar)

Cuando se crea un sitio web personalizado de WordPress con Elementor, hay muchas plantillas de contenido con las que trabajar. De hecho, con más de cien plantillas de páginas para elegir, ya sea que estés buscando una manera rápida de lanzar un sitio web de WordPress de aspecto profesional o que prefieras tomarte el tiempo para diseñar un sitio verdaderamente personalizado, Elementor lo hace posible.

Incluso la versión gratuita de Elementor está repleta de plantillas para su página principal y páginas interiores.

(click para ampliar)

Además de permitirte añadir una variada selección de módulos a tus páginas, Elementor también te da una buena cantidad de control sobre quién puede usar el constructor de páginas. A través de la configuración de Elementor, puedes definir fácilmente qué roles de usuario pueden acceder al constructor de páginas, algo que cualquier persona que administre un blog y un sitio web de varios autores debería encontrar útil.

En términos de elementos de contenido, Elementor se compara bien con las otras alternativas de Visual Composer.

(click para ampliar)

Mientras que la versión gratuita de Elementor incluye un útil conjunto de características, si quieres hacer aún más con este constructor de páginas, el Premium Elementor Pro te da la posibilidad de crear páginas de archivo de post y portafolios personalizados, editar formularios a través de la interfaz del constructor de front-end y trabajar con widgets globales que pueden ser reutilizados en todo tu sitio web.

La versión Pro de Elementor añade una herramienta de personalización de CSS en vivo al constructor de la página para un mayor control sobre tus diseños.

(click para ampliar)

Elementor Pro también le da acceso a más plantillas de páginas de inicio preconstruidas, incluyendo diseños para cafeterías, eventos, productos de software y blogs. Los usuarios de Pro también pueden personalizar sus páginas utilizando la herramienta de edición de CSS en vivo.

Actualizar a Elementor Pro desbloquea aún más plantillas de página principal y página interior.

(click para ampliar)

Otras características de Elementor Pro incluyen la posibilidad de crear diseños personalizados para las tiendas WooCommerce y sus productos, y el acceso a un potente módulo de presentación de diapositivas. Sin embargo, hay un montón de complementos gratuitos disponibles para Elementor, así que puede que nunca necesites actualizarte a la versión premium.

Hay muchos complementos gratuitos para que Elementor elija.

(click para ampliar)

Elementor es una alternativa gratuita y creíble de Visual Composer que también te da la opción de pagar para desbloquear las características y extras premium.

Precio: Gratis, o $49 por Elementor Pro.

Detalles

Pensamientos finales

Aunque no hay nada malo con Visual Composer, si buscas una alternativa, ahora tienes cinco grandes plugins de construcción de páginas para comprobar. ¿Pero cuál deberías elegir?

Divi Builder tiene una interfaz impresionante. Sin embargo, su alejamiento de la interfaz predeterminada de WordPress significa que toma un poco de tiempo para liberar todo su potencial. Sin embargo, la selección de diseños preconstruidos y módulos de contenido hace que valga la pena perseverar (si tienes el tiempo y la paciencia).

Si su objetivo es crear páginas de aterrizaje de alta conversión o contenido con un fuerte elemento de ventas, entonces Thrive Architect podría ser la mejor herramienta para su proyecto.

Beaver Builder es probablemente la alternativa de Compositor Visual más fácil de aprender (sin tener que sacrificar ninguna funcionalidad), y la gran selección de plantillas de alta calidad seguramente acelerará el proceso de desarrollo de su página.

El Constructor de Páginas de Origen del Sitio es una herramienta capaz de incluir todas las características principales de los otros plugins. La experiencia del usuario no es tan ingeniosa, pero para un constructor de páginas gratuito es difícil de superar.

Tampoco hay que pasar por alto a los elementales. Si quieres probar un potente creador de páginas gratis, sin dejar de tener la opción de actualizar y recibir todos los beneficios de una herramienta premium – como más plantillas y módulos, además de acceso al soporte al cliente – Elementor es muy recomendable.

Vale la pena mencionar que si estás empezando un nuevo sitio web, puede ser una buena idea elegir un constructor de páginas que también tenga un tema de WordPress adjunto. Al hacerlo, tendrás más control sobre el diseño de tu sitio web, y a menudo podrás desbloquear funciones adicionales del creador de páginas. Por ejemplo, la herramienta Beaver Themer te permite personalizar el encabezado, la barra lateral y las áreas de pie de página de tu sitio, mientras que el tema Divi WordPress incluye herramientas adicionales como la prueba de división.

¿Usó/utilizó alguno de los anteriores? ¿Pensamientos?

11 de noviembre de 2017 a las 12:10 pm

Hola,

thx para la comparación 🙂

A mis ojos Cornerstone (parte del “Tema X” de ThemeCo, pero también disponible como un plugin independiente) también vale la pena intentarlo.

He creado varios sitios web usando el Tema X (X, no Pro) y funcionó encantadoramente bien 🙂

También el constructor de páginas integrado en el tema Enfold es genial, pero no está disponible como un simple plugin.

He tenido algunas malas experiencias con el constructor de páginas de SiteOrigin; no somos compatibles entre nosotros 😉

Y le daré a Elementor una oportunidad, seguro

Saludos desde Baviera.
Andi

Respuesta

  • Umar Bajwasays:29 de octubre de 2017 a las 9:25 am

    Hola,

    Gran comparación pero también deberías añadir el constructor de páginas PluginOps, es una gran alternativa completamente gratuita para la mayoría de los constructores de páginas de pago.

    Compruébalo : https://wordpress.org/plugins/page-builder-add/

    Respuesta

  • Deje una respuesta Cancelar respuesta

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

    Comentario

    Nombre*

    Correo electrónico*

    Sitio web

    Notifícame los comentarios de seguimiento por correo electrónico.

    Todos los comentarios se mantienen con moderación. Sólo publicaremos los comentarios que estén en el tema y que se adhieran a nuestra política de comentarios.

    Nuestro formulario de comentarios también apoya el uso de Markdown.

    Deja un comentario