Las cinco opciones principales para Visual Composer

Compositor visual es un complemento de WordPress extremadamente popular.

Sin embargo, hay muchos otros grandes creadores de sitios web de WordPress para elegir, cada uno con su propia versi√≥n de dise√Īo de contenido de arrastrar y soltar. Entonces, si est√° buscando una gran alternativa a Visual Composer, aqu√≠ hay cinco de los mejores complementos de WordPress para crear p√°ginas.

A ver …

  

¬ŅQu√© pueden hacer estos complementos?

Compositor visual Le brinda herramientas para crear dise√Īos personalizados para sus publicaciones y p√°ginas de WordPress, y estas alternativas hacen exactamente eso.

Vista previa del editor Visual Composer en la portada.

Ya sea que cargue una de las plantillas o comience con un lienzo en blanco con las mejores opciones de Visual Composer, puede crear dise√Īos de p√°gina avanzados, arrastrar y soltar diferentes m√≥dulos a su contenido y luego personalizar el aspecto con controles detallados.

Todos estos complementos tienen su propia interfaz de usuario para crear p√°ginas, algunas de las cuales son m√°s f√°ciles de iniciar que otras. Sin embargo, con un poco de esfuerzo, deber√≠a poder crear dise√Īos √ļnicos para su contenido de WordPress en muy poco tiempo y sin tocar una l√≠nea de c√≥digo.

¬ŅCu√°les son las alternativas para ofrecer?

En esta colecci√≥n de las mejores alternativas de Visual Composer, encontrar√° un poderoso creador de p√°ginas gratuito, un complemento enfocado en la creaci√≥n de p√°ginas de aterrizaje de alta conversi√≥n y un complemento de interfaz de usuario dise√Īado para transformar la forma en que lo hace Crear contenido en WordPress

Divi Builder

Con Divi Builder, se puede crear un dise√Īo de p√°gina de alta calidad sin tener que editar el c√≥digo.

El complemento Arrastrar y soltar para Divi Builder inicialmente solo estaba disponible para los usuarios del tema Divi WordPress Elegant Themes. Pero ahora est√° disponible como un complemento independiente para trabajar con cualquier tema de WordPress bien codificado.

Interfaz de usuario de fondo

La interfaz de back-end de Divi Builder facilita la creaci√≥n de su dise√Īo.

(Click para ampliar)

Una vez que habilita el complemento Divi Builder, puede trabajar desde la interfaz de back-end o usar el impresionante modo Visual Builder de front-end para crear dise√Īos personalizados para sus publicaciones y p√°ginas. Si bien la interfaz de back-end facilita la creaci√≥n de la estructura de su p√°gina, el modo front-end es ideal para optimizar su dise√Īo y agregar contenido a su p√°gina. Ambos modos tienen sus pros y sus contras, pero cambiar entre los dos es f√°cil.

Interfaz de usuario front-end Divi Builder

La impresionante interfaz frontal de Divi Builder le brinda una vista previa en vivo de su p√°gina mientras trabaja.

(Click para ampliar)

Cuando trabaje en Visual Builder, simplemente haga clic en un elemento para iniciar el proceso de personalización. La edición de texto se realiza en línea para que no tenga que trabajar entre ventanas intermedias o ventanas emergentes. Visual Builder es realmente un caso de lo que ves, lo que obtienes (WYSIWYG).

Edite texto en línea con Divi Builder

Con la edici√≥n en l√≠nea, puede agregar texto a sus p√°ginas sin ning√ļn obst√°culo entre usted y su contenido.

(Click para ampliar)

Ya sea que importe uno de los dise√Īos predefinidos o comience con un lienzo en blanco, puede interactuar directamente con la p√°gina para crear su dise√Īo personalizado. Las columnas se pueden cambiar de tama√Īo utilizando la interfaz de arrastrar y soltar, mientras que los m√≥dulos, filas y columnas se pueden mover f√°cilmente a una nueva ubicaci√≥n.

Para facilitar la navegación por su página y organizar sus elementos, puede cambiar instantáneamente entre los modos Visual Builder y Front Structure para obtener una visión más clara de la estructura de la página.

Vista de estructura met√°lica en modo front-end de Divi Builder

Si cambia a la vista de estructura al√°mbrica en la interfaz de Visual Builder, obtendr√° una visi√≥n general del dise√Īo de su p√°gina de inmediato.

(Click para ampliar)

La biblioteca de más de 40 módulos de contenido ofrece muchas opciones para actualizar su contenido con una variedad de elementos. Los módulos de contenido de Divi Builder, como un control deslizante de ancho completo, una herramienta de prueba, formularios de registro de boletines, un generador de precios y un temporizador de cuenta regresiva, hacen innecesaria la compra o instalación de complementos adicionales.

Ejemplo de un módulo de tabla de precios

Agregar tablas de precios a sus páginas es solo una de las opciones disponibles en la biblioteca del módulo de contenido de Divi Builder.

(Click para ampliar)

La mayor desventaja de Divi Builder es que la interfaz de usuario es muy diferente de la interfaz de WordPress. Divi Builder no fue desarrollado en una "forma de WordPress", por lo que debe dominar un enfoque diferente para la creación de contenido y aprender el significado de un nuevo conjunto de símbolos y símbolos.

Iconos de la interfaz de usuario de Divi Builder

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

(Click para ampliar)

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

Otros aspectos destacados de Divi Builder:

  • Proporciona una oportunidad √ļtil para deshacer el historial y hacer clic derecho en el men√ļ contextual.
  • Los nuevos dise√Īos de p√°gina son comunes publicado en el blog Temas elegantes.
  • El Administrador de funciones controla qu√© usuarios pueden acceder a qu√© Divi Builder funciona.
  • Puede guardar sus propios dise√Īos personalizados en el directorio Divi Builder para usarlos en su cartera de sitios.
  • Hay un recorrido opcional por el producto y documentaci√≥n √ļtil en l√≠nea con instrucciones de v√≠deos.
  • Est√° disponible como parte del tema Divi WordPress con funciones adicionales de creaci√≥n de p√°ginas.

Divi es una de las alternativas de compositor visual más impresionantes. A pesar de las muchas características, la desviación de la interfaz estándar de WordPress significa que esto puede no ser adecuado para todos.

precio: $ 89 para acceso anual a todos los complementos y temas elegantes de WordPress, o $ 249 para acceso de por vida.

detalles

Constructor de castor

Beaver Builder UI

Beaver Builder ofrece una interfaz de pantalla completa para arrastrar y soltar constructores de p√°ginas.

Beaver Builder a menudo se destaca en la comparaci√≥n de los mejores complementos de WordPress para el creador del sitio. Con una interfaz de usuario intuitiva, una selecci√≥n √ļtil de m√≥dulos de contenido y una biblioteca de plantillas de p√°gina de alta calidad, no es dif√≠cil entender por qu√©. Beaver Builder en realidad tiene algunas de las mejores plantillas de p√°gina de destino completas. Las p√°ginas de destino y P√°ginas de contenido a √°reas importantes de su sitio.

Plantillas de p√°gina de Beaver Builder

Beaver Builder incluye una selección de plantillas de página personalizables de alta calidad.

(Click para ampliar)

Aunque Beaver Builder utiliza una interfaz de desarrollo front-end personalizada, no se desv√≠a demasiado de la experiencia del usuario principal de WordPress. El dise√Īo del √°rea de la p√°gina es familiar para cualquiera que haya usado la herramienta de personalizaci√≥n de WordPress Live Esto facilita el acceso a Beaver Builder que con otras alternativas de Visual Composer. Puedes probarlo tu mismo Demostraci√≥n en l√≠nea.

IU de Beaver Builder Page Builder

Beaver Builder utiliza una interfaz de usuario personalizada, pero a√ļn se siente parte de WordPress.

(Click para ampliar)

Al dise√Īar una p√°gina, puede arrastrar y soltar elementos alrededor de su dise√Īo personalizado. Al hacer clic en un elemento de la p√°gina, se abre un panel de configuraci√≥n donde puede personalizar el aspecto.

Sin embargo, a diferencia de Divi, no hay un editor de texto en línea. Debe ingresar una ventana emergente en lugar de editar el texto directamente en la página. El tipo de texto o los cambios realizados aparecen en la página en tiempo real, por lo que esta falta de edición en línea no es un factor crítico.

Editar texto en la p√°gina

Cualquier cambio que realice a través de las ventanas emergentes aparecerá inmediatamente en tiempo real en la página y puede confirmarse presionando el botón Guardar.

(Click para ampliar)

Otros aspectos destacados de Beaver Builder:

  • Ofrece una selecci√≥n √ļtil de m√≥dulos, que incluyen avisos, temporizadores de cuenta regresiva, tablas de precios y controles deslizantes.
  • Puede agregar cualquier widget que est√© activo en su sitio al dise√Īo de su p√°gina.
  • Puede guardar plantillas en su sitio para reutilizarlas.
  • Hay un recorrido opcional de UI para ayudarlo a comenzar.
  • Beaver Builder se puede usar 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 desea personalizar todos los aspectos de su sitio de WordPress, incluidos los encabezados, pies de p√°gina y barras laterales, puede hacerlo con los creadores de temas de WordPress de Beaver Theme del mismo equipo.

precio: Desde $ 99

detalles

Arquitecto próspero

Thrive Architect UI

Thrive Architect es un reemplazo para Thrive Themes Content Builder.

Este complemento recientemente se renombró como Thrive Architect y presenta una nueva interfaz que le permite editar contenido en línea, así como controles potentes que le permiten personalizar el aspecto.

Edición en línea con Thrive Architect

Thrive Architect utiliza barras laterales sensibles al contexto y edici√≥n de texto en l√≠nea para simplificar el proceso de dise√Īo.

(Click para ampliar)

Si bien Thrive Architect puede hacer mucho, la interfaz bien dise√Īada simplifica la experiencia del usuario. Las migas de pan en la barra horizontal superior facilitan la identificaci√≥n de la secci√≥n en la que est√° trabajando, mientras que el √°rea de la p√°gina muestra autom√°ticamente los controles para el elemento de p√°gina activo.

Panel de control del panel lateral

Los controles avanzados de Thrive Architect lo convierten en una excelente opción para usuarios avanzados.

(Click para ampliar)

Thrive Architect no está exento de elementos de contenido. Todos los módulos comunes que espera están disponibles, incluidos botones, encabezados y áreas de texto. El contenido obvio, el reloj de cuenta regresiva, el clic para twittear, los símbolos de tarjetas de crédito y los elementos testimoniales hacen de Thrive Architect una excelente opción para los vendedores. También hay un módulo de generación principal que se conecta a servicios clave de marketing por correo electrónico.

Ejemplo de plantilla de p√°gina de ventas de Thrive Architect

Thrive Architect incluye elementos creados para aumentar las conversiones del sitio.

(Click para ampliar)

Las plantillas de p√°gina de destino le permiten crear dise√Īos de contenido personalizados optimizados para las conversiones. Sin embargo, Thrive Architect tambi√©n ofrece una amplia selecci√≥n de plantillas de sitios web regulares y dise√Īos predise√Īados para las p√°ginas internas de su sitio.

Elegir la plantilla de Thrive Architect pre-entrenada

Si está buscando una herramienta que se centre principalmente en la creación de páginas de destino de alta conversión, Thrive Architect es una excelente opción.

(Click para ampliar)

Si todav√≠a no est√° completamente seguro si puede descubrir c√≥mo usar estos complementos y realmente logra crear un dise√Īo de p√°gina de alta calidad, no se preocupe. Thrive Architect incluye un pr√°ctico video tutorial que lo gu√≠a a trav√©s del proceso de dise√Īo de una p√°gina desde cero.

Thrive Architect Tutorial video tutorial

La guía de seguimiento de Thrive Architect lo familiarizará rápidamente con las características principales.

(Click para ampliar)

Otros aspectos destacados de Thrive Architect:

  • Tiene controles para ocultar objetos. smartphones y tabletas.
  • Las nuevas plantillas de p√°gina de destino son publicado en el blog Thrive Themes.
  • El recordatorio de guardar p√°ginas le ayuda a evitar perder su trabajo.
  • Tiene controles de dise√Īo avanzados que cubren planos de secci√≥n y niveles de opacidad.
  • Hay activadores de acci√≥n para mostrar mensajes cronometrados y ventanas emergentes de intenci√≥n final.
  • Est√° disponible individualmente o como parte del paquete de membres√≠a para todos los productos Thrive Themes.

Aunque Thrive Architect se centra principalmente en la creaci√≥n de p√°ginas de destino efectivas, a√ļn no deber√≠a tener problemas para crear dise√Īos personalizados para su p√°gina de inicio o cualquier otra p√°gina en su sitio de WordPress.

precio: Desde $ 67 o 19 $ Pr. Mes para todos los complementos y temas de Thrive Themes.

detalles

SiteOrigin Page Builder

Ejemplo de una IU de SiteOrigin Page Builder

Aunque SiteOrigin Page Builder es un complemento gratuito, a√ļn tiene un buen grado de control sobre los dise√Īos de sus p√°ginas.

Hasta ahora, todas las alternativas proporcionadas de Visual Composer eran herramientas premium. Si tienes un presupuesto limitado, SiteOrigin Page Builder El complemento puede ser una buena opción. Al igual que con Divi Builder, puede trabajar en la interfaz de back-end o cambiar al modo front-end y obtener comentarios en vivo sobre sus cambios a medida que los realiza. Aunque puede arrastrar y soltar, no hay edición en línea.

Interfaz de interfaz de SiteOrigin Page Builder

SiteOrigin Page Builder funciona bien, pero no es tan elegante como algunas de las opciones premium de Visual Composer.

(Click para ampliar)

Con SiteOrigin Page Builder, puede agregar una buena selecci√≥n de m√≥dulos √ļtiles a sus dise√Īos de p√°gina. Al igual que con las otras alternativas de Visual Composer discutidas aqu√≠, tambi√©n puede agregar todos los widgets en su sitio a sus dise√Īos, incluidos los complementos de terceros.

Interfaz de back-end de SiteOrigin Page Builder

Cree dise√Īos de p√°gina avanzados combinando filas, columnas y widgets.

(Click para ampliar)

La calidad de los dise√Īos de SiteOrigin Page Builder se puede comparar con el mejor dise√Īo para los creadores de p√°ginas premium que se discute aqu√≠, y hay una buena combinaci√≥n de dise√Īos de sitios web y dise√Īos de p√°ginas internas que cubren las p√°ginas "Acerca de" y "Acerca de". Contacto. "Sin embargo, no obtienes tantas opciones como con Divi Builder o Thrive Architect.

Dise√Īo predefinido de SiteOrigin Page Builder

Las plantillas de SiteOrigin Page Builder cubren una variedad de tipos de sitios.

(Click para ampliar)

Otros aspectos destacados en SiteOrigin Page Builder:

  • Puede clonar el dise√Īo de su p√°gina de inmediato.
  • Existe una herramienta de ejemplo √ļtil para dispositivos m√≥viles.
  • Puede usar la herramienta de historial para deshacer cambios y volver a versiones preliminares anteriores.
  • Hay una actualizaci√≥n premium opcional para eso Desbloquee funciones adicionales.

Si tiene un presupuesto o desea saber qué puede hacer este tipo de complemento, SiteOrigin Page Builder es una excelente manera de probar un complemento de editor de contenido de forma gratuita.

precio: Gratis con complementos premium.

detalles

Elementor

Interfaz de usuario Elementor

Elementor es un complemento gratuito con una interfaz de usuario para desarrollar p√°ginas de arrastrar y soltar.

Elementor es otro generador de p√°ginas que puedes usar gratis en tu sitio de WordPress. Despu√©s de activar Elementor, puede usar la interfaz de arrastrar y soltar para crear dise√Īos personalizados para sus publicaciones y p√°ginas.

Comprobaciones de Elementor Page Builder

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

(Click para ampliar)

Cuando hace clic en un elemento en el dise√Īo de su p√°gina, los controles correspondientes aparecen en la barra lateral del generador de p√°ginas. Use el panel sensible al contexto para editar texto, personalizar el dise√Īo, cargar im√°genes y m√°s, seg√ļn el elemento que haya seleccionado. Aunque no hay edici√≥n de texto en l√≠nea, los cambios que realice a trav√©s de la barra lateral se aplican inmediatamente a su p√°gina.

Elementor-edición de texto, por ejemplo,

Cualquier cambio que realice a través de la barra lateral aparecerá inmediatamente en su página.

(Click para ampliar)

Cuando crea un sitio personalizado de WordPress con Elementor, puede trabajar con varias plantillas de contenido. De hecho, con M√°s de cien p√°ginas de plantillas para elegirYa sea que est√© buscando una forma r√°pida de iniciar un sitio profesional de WordPress o desee tomarse el tiempo para dise√Īar un sitio web verdaderamente personalizado, Elementor lo hace posible.

Plantillas de p√°gina de Elementor prefabricadas

Incluso la versión gratuita de Elementor incluye plantillas para su página de inicio y páginas internas.

(Click para ampliar)

Con Elementor no solo puede agregar una amplia gama de m√≥dulos a sus p√°ginas, sino tambi√©n controlar qui√©n puede usar el generador de p√°ginas. Puede usar la configuraci√≥n de Elementor para definir f√°cilmente qu√© roles de usuario pueden acceder al creador de la p√°gina. Esto deber√≠a ser √ļtil para cualquiera que administre un blog y un sitio de varios autores.

Elemento o biblioteca de elementos de contenido

En términos de elementos de contenido, Elementor se puede comparar con las otras alternativas a Visual Composer.

(Click para ampliar)

Si bien la versi√≥n gratuita de Elementor incluye una serie de caracter√≠sticas √ļtiles, la versi√≥n premium de Elementor Pro le permite crear posiciones personalizadas y p√°ginas de archivo de cartera y editar formularios a trav√©s de la interfaz front-end si desea hacer m√°s con este generador de p√°ginas. el constructor final y trabajar con widgets globales que se pueden reutilizar en su sitio.

CSS personalizado de Elementor Pro

La versi√≥n Pro de Elementor agrega una herramienta de personalizaci√≥n CSS en vivo al generador de p√°ginas para darles m√°s control sobre su dise√Īo.

(Click para ampliar)

Con Elementor Pro, tambi√©n puede acceder a m√ļltiples plantillas de sitios web predefinidas, que incluyen cafeter√≠a, eventos, productos de software y dise√Īos de blogs. Los usuarios profesionales tambi√©n pueden personalizar sus p√°ginas usando la herramienta de edici√≥n CSS en vivo.

Ejemplo de una plantilla de p√°gina de Element Pro

La actualizaci√≥n a Elementor Pro desbloquea a√ļn m√°s sitios web y plantillas de p√°ginas internas.

(Click para ampliar)

Otras caracter√≠sticas de Elementor Pro incluyen la capacidad de crear dise√Īos personalizados para las tiendas WooCommerce y sus productos y acceder a un poderoso m√≥dulo de presentaci√≥n de diapositivas. Sin embargo, hay muchos Complementos gratuitos disponibles para ElementorPor lo tanto, es posible que nunca tenga que actualizar a la versi√≥n premium.

Adiciones gratuitas a Elementor

Hay muchos complementos gratuitos que Elementor puede elegir.

(Click para ampliar)

Elementor es una alternativa gratuita y confiable a Visual Composer, que también puede usar para pagar para desbloquear funciones premium y extras.

precio: Gratis o $ 49 por Elementor Pro.

detalles

√öltimos pensamientos

Visual Composer no tiene nada de malo, pero si est√° buscando una alternativa, ahora deber√≠a consultar cinco complementos incre√≠bles para crear p√°ginas. ¬ŅPero cu√°l debes elegir?

Divi Builder tiene una superficie impresionante. Sin embargo, la desviaci√≥n de la interfaz est√°ndar de WordPress significa que lleva alg√ļn tiempo alcanzar su m√°ximo potencial. Si elige m√≥dulos y dise√Īos de contenido preconstruidos, vale la pena sobresalir (si tiene tiempo y paciencia).

Si desea crear páginas de destino o contenido de alta conversión y un fuerte elemento de ventas, Thrive Architect puede ser la mejor herramienta para su proyecto.

Beaver Builder es probablemente la alternativa más fácil de aprender a Visual Composer (sin sacrificar la funcionalidad), y la amplia selección de plantillas de alta calidad acelera el proceso de desarrollo de su página.

SiteOrigin Page Builder Es una herramienta poderosa que contiene todas las características principales de los otros complementos. La experiencia del usuario no es tan inteligente, pero es difícil de superar para un creador de sitios gratuito.

Elementor tampoco debe pasarse por alto. Si desea probar un potente generador de p√°ginas de forma gratuita y a√ļn desea la oportunidad de actualizar y mantener todos los beneficios de una herramienta premium, como m√ļltiples plantillas y m√≥dulos, y acceso a soporte al cliente, Elementor es muy recomendable.

Vale la pena se√Īalar que al lanzar un nuevo sitio, puede ser una buena idea elegir un creador de p√°ginas que tambi√©n tenga un tema de WordPress. De esta manera, tiene a√ļn m√°s control sobre el dise√Īo de su sitio y, a menudo, puede desbloquear funciones adicionales para el creador del sitio. Por ejemplo, puede usar la herramienta Beaver Themer para personalizar el encabezado, la barra lateral y el pie de p√°gina del sitio, mientras que los dise√Īos de Divi WordPress incluyen herramientas adicionales, como Prueba compartida.