black friday elegant themes divi black friday webempresa
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

¿Cuál es el Mejor Constructor Web Drag and Drop para WordPress?

Existen hoy en día en el mercado una gran cantidad de constructores web o page builders para WordPress que facilitan enormemente la tarea de crear un sitio web.

Gracias a estos fantásticos plugins, cualquier usuario es capaz de hacer su propia web sin necesidad de tener experiencia o conocimientos de diseño.

En este artículo veremos una comparativa de los mejores y más populares constructores web WordPress tipo drag and drop y explicaremos por qué tanta gente los usa.

Con la ayuda de estas herramientas podrás crear webs relativamente complejas de manera rápida y fácil y además con un aspecto totalmente profesional.

Parte del éxito de estos page builders radica en su sistema de arrastre de elementos también llamado “drag and drop” (arrastrar y soltar), que permite crear y modificar contenido de manera totalmente visual e intuitiva, sin necesidad de recurrir a complejas tareas de programación.

No es casualidad que algunos de los themes WordPress más populares del mercado incorporen alguna clase de page builder con la función drag and drop.

Y lo que es más, el plugin más vendido en CodeCanyon es ni más ni menos que un constructor web WordPress – el popular Visual Composer.

No hay duda de que los usuarios de WordPress están altamente interesados en este tipo de editores visuales.

Más tarde veremos también qué diferencia hay entre elegir un tema WordPress con page builder incluido y añadir un plugin constructor web a tu plantilla preferida.

Por el momento, aquí tienes una lista con los 8 mejores plugins page builder drag and drop para WordPress, que también resultan ser algunos de los más usados.

1. Themify Builder

mejor constructor web

Precio: $39

Este plugin constructor web es uno de los productos estrella de la empresa de plantillas Themify.

Se trata de una herramienta con múltiples funciones que te permite trabajar tanto en el back-end (desde la parte administrativa de tu WordPress) como en el front-end (desde la propia web).

Ambos interfaces de edición, tanto el backend como el frontend, se basan en una serie de módulos entre los que elegir, para arrastrarlos y depositarlos en el área de trabajo (dividida en filas, que a su vez pueden dividirse en columnas).

Características

  • Edición front-end y back-end
  • Pleno soporte drag and drop (tanto para el backend como para el frontend)
  • Funciona con plantillas de terceros
  • Módulos de contenido predefinidos para elementos, como por ejemplo acordeones, cajas, galerías, imágenes, mapas, bloques portfolio, posts, sliders, testimonios, texto, vídeos y mucho más.
  • Opciones de personalización de estilo para todos los módulos (fondos con parallax scrolling, fondos de vídeo, estilos adicionales CSS, etc.)
  • Diseños ya hechos para varios tipos de sitios diferentes (como blogs, magazines, portfolios, páginas de producto, etc.) y que además pueden ser personalizados posteriormente
  • Importación/exportación de diseños
  • Resultados responsive, amigables con el SEO y translation-ready

Pros

  • Es una solución versátil. Puedes usar este page builder para un amplio espectro de cosas (desde crear simples páginas hasta sitios web complejos) dependiendo de cuáles sean tus necesidades.
  • Tiene un genial tutorial para empezar, que te guía por todas las características del plugin
  • Cada módulo es ajustable. Puedes configurar cada aspecto de su apariencia en pantalla (incluyendo los espacios entre columnas)

Contras

  • Tiene relativamente pocos tipos de módulos de contenido comparado con otros page builders. Aunque cabe decir que si que tiene los básicos así que para muchos usuarios esto será suficiente.
  • La función de edición frontend no se muestra exactamente como el resultado final, debido a todos los bordes, botones de edición, etc. Esto hace que tengas que guardar los cambios e ir a la previsualización para ver el resultado real final de la página

Valoración: 8.5/10

2. Elegant Themes Divi Builder

constructores web mejores

Precio: $89 (con acceso a todo lo de Elegant Themes: Plantillas y plugins)

El plugin Divi Builder es toda una joya dentro del mundo de los editores visuales WordPress. Con él podrás trabajar tu contenido desde el front-end o desde el back-end (parte administrativa de tu WordPress).

Podrás mover los diferentes módulos de diseño fácilmente gracias a su sistema drag and drop de arrastre de elementos y crear sitios web profesionales de manera intuitiva, fácil y en muy poco tiempo.

Características

  • Edición drag-and-drop
  • Bloques de contenido pre-diseñados, incluyendo teto, lightbox, imágenes, citas, testimonios, slider de imágenes, vídeos, tabs, cajas, columnas y más.
  • Estilos personalizados para varios elementos de página (botones, listas, cajas…)
  • Se integra con cada página o post de tu sitio WordPress

Pros

  • Permite convertir cualquier post o página en una landing page personalizada
  • Gran selección de bloques y estilos
  • Buena visión de la página de trabajo y de los bloques individuales en ella
  • Genial tanto para principiantes como para expertos

Contras

  • No puede adquirirse el plugin de manera independiente sino que va ligado a la membresía a Elegant Themes (incluyendo plantillas y plugins), aunque por el precio bien merece la pena.

Valoración: 10/10

3. Beaver Builder

page builder para wordpress

Precio: $99+

Este constructor web está orientado principalmente hacia las agencias y diseñadores que trabajan en proyectos de clientes. Pero esto no significa que los blogueros no puedan usarlo de manera brillante.

El plugin tiene una funcionalidad de edición de páginas drag and drop genial que se integra dentro de una interface totalmente personalizada (no a través del WordPress customizer).

También dispone de un conjunto de templates ya hechas que te pueden ayudar a empezar tu proyecto de manera rápida y ahorrándote mucho trabajo.

Trabajar con este page builder es muy fácil. Simplemente tienes que ir paso a paso…empiezas por añadir filas, añades contenido a cada fila, personalizas, das el estilo que quieras…hasta que tengas tu diseño hecho.

Características

  • Editor front-end 100% – editas lo que ves
  • Función drag and drop
  • Diseño responsive y resultado optimizado para SEO
  • Viene con templates ya preparados para ser usados
  • Funciona con cualquier theme
  • Amplia documentación y vídeo tutoriales
  • Función Importar/exportar
  • Soporta posts, páginas y tipos de post personalizados
  • Montones de bloques de contenido disponibles (tabs, presentaciones de diapositivas, botones, páginas, formularios, testimonios, precios, tablas y más)

Pros

  • No requiere habilidades de programación
  • Genial interface que te guía a través de todo el proceso
  • Editor front-end verdadero WYSIWYG
  • Funciona con los widgets WordPress estándar.

Contras

  • Ninguna

Valoración: 9/10

4. MotoPress Content Editor

mejor constructor web

Precio: $29+

Mientras que la mayor parte de esta lista de mejores page builders logra su funcionalidad a través de la interface por defecto WordPress customizer, MotoPress Content Editor tiene su propia interface personalizada.

El plugin te permite ajustar el diseño y contenido en cualquier página dentro del wp-admin. Tiene la funcionalidad drag and drop y no requiere habilidades de programación para conseguir los resultados que deseas.

Características

  • Puede ser habilitado en cualquier página o post
  • Soporte total drag and drop para editar contenido
  • Interface de edición front-end personalizada – no está dentro del WordPress customizer
  • Compatible con todos los temas WordPress
  • Diseños responsive para móviles
  • Soporta tipos de post personalizados
  • Dispone de múltiples bloques de contenido (texto, imágenes, vídeos, botones, etc.). También puedes bloquear ciertos bloques para que solo los vean los usuarios registrados

Pros

  • No requiere conocimientos de código
  • La interface de personalización es una de las más fáciles de usar de esta lista de constructores web
  • Posee un mecanismo inteligente para personalizar estilos basado en tags. De igual manera que añadirías un tag a un post, puedes por ejemplo añadir el tag rojo a un elemento de botón y el botón se vuelve rojo. Puedes hacer los elementos grandes o pequeños, redondos o cuadrados, etc…de una manera similar
  • Es uno de los plugins premium drag and drop más baratos de la lista

Contras

  • Para usarlo debes ir al wp-admin, seleccionar un cierto post o página y entonces clicar el botón MotoPress Content Editor.
  • Cuando miras la página normalmente (en la interface standard wp-admin) todo lo que ves es un cúmulo de shortcodes

Valoración: 8/10

5. SiteOrigin Page Builder

plugins constructor web

Precio: $0

Este es un buen plugin constructor web para WordPress elaborado por el equipo de SiteOrigin.

En este caso no hay ningún truco que haga necesario comprar una versión premium para desbloquear algunas funciones, sino que es realmente gratuito.

Dicho esto, también es verdad que introduce algo de abstracción en términos de edición de páginas. No posee una función de edición front-end totalmente usable. En lugar de ello trabajas en un canvas con una gama de bloques de contenido individuales. Cada uno de estos bloques tiene su título y configuración – donde ajustas el contenido real de ese bloque.

Características

  • Editor drag and drop en el área de trabajo
  • Puede ser habilitado para cualquier post o página
  • Los bloques de contenido disponibles están basados en widgets que hayas instalado en tu sitio
  • Se integra también con el plugin SiteOrigin Widget Bundle, para que tengas cualquier bloque que necesites
  • Funciona con cualquier plantilla WordPress
  • Resultado final responsive basado en grid
  • Múltiples opciones de personalización (cambio de espaciados, bordes, colores, estilos, añadir CSS personalizado…)

Pros

  • Funciona con widgets de otros plugins (como Shortcodes Ultimate)

Contras

  • No puedes anidar columnas dentro de otras columnas

Valoración: 6.5/10

6. Conductor Plugin

page builder mejor

Precio: $49+

Conductor es un plugin WordPress page builder para bloggers, diseñadores y desarrolladores que quieren acelerar su proceso de creación de contenidos en lo que respecta a páginas personalizadas en WP.

Este constructor web está optimizado para funcionar con el framework Symphony (y con algunas licencias puedes hasta conseguir el theme Symphony incluido en el pack), pero también va genial con otros themes.

Puedes habilitar el plugin para cualquier página de WordPress y cambiar el diseño, contenido, y la apariencia general, a través del WordPress customizer.

Características

  • Funciona con cualquier tema de WordPress y te permite personalizar el diseño de cualquier página
  • Soporta la función drag and drop – puedes arrastrar los elementos de contenido por la página que estás editando
  • Funciona con tipos de post personalizados y campos personalizados
  • Construido para funcionar con otros plugins como el Jetpack
  • Dispone de extensiones que integran Conductor con otros plugins y themes (Genesis, WooCommerce), y también otras extensiones exclusivas para él.

Pros

  • No necesitas saber programar
  • Puedes ver los cambios en tiempo real
  • Muchas opciones de estilos (fuentes, alineamientos, tamaño de elementos, etc.). Puedes también elegir excluir algunos elementos como links de autor, leer más, etc.
  • Altamente personalizable

Contras

  • Parece que los creadores de Conductor se han centrado mucho en optimizarlo para el framework Symphony y a veces pueden surgir algunos problemas de compatibilidad cuando se usa con otros themes.
  • Las extensiones solo están disponibles con el Power User license ($199).

Valoración: 6/10

7. Elementor

mejor builder drag and drop

Precio: $0

El secreto para desarrollar un constructor web drag and drop de calidad hoy en día parece consistir en entregar una experiencia de edición front-end de confianza, rápida e intuitiva.

Además de eso, un buen page builder necesita ser predecible y hacer que las páginas en vivo de trabajo sean exactamente iguales a los resultados finales que el usuario verá en su dispositivo.

Elementor parece entender esto bien y su interface en este sentido es bastante buena para ser un plugin gratuito.

Todo es muy fácil de entender, incluso si es tu primera interacción con un plugin de construcción web. Básicamente, dispones de un panel de opciones principal a la izquierda y una ventana de visualización en vivo en el centro. Puedes arrastrar los elementos libremente de un lado a otro y realinear los bloques a tu gusto.

Este constructor web para WordPress es totalmente gratuito, aunque también dispone de una versión pro para usuarios que necesitan funciones algo más avanzadas.

Características

  • Dispone de page templates ya hechas
  • 100% drag-and-drop. Puedes reorganizar todo lo que ves en pantalla.
  • Funciona con posts y páginas
  • Tiene un buen conjunto de elementos de contenido personalizados y puedes usar todos los widgets que tienes ya instalados en tu sitio
  • Funciona con todo tipo de temas
  • Totalmente responsive para móviles
  • Columnas que pueden redimensionarse, lo mismo que la anchura y altura de todo. Posición de los contenidos ajustable, lo mismo que la distancia entre columnas, fondos, colores, márgenes, etc. En definitiva, muchas opciones de personalización.
  • Puedes importar/exportar tus páginas
  • Soporta CSS personalizado

Pros

  • Sus templates pre-definidos hacen que trabajar con el plugin sea mucho más rápido. Podrás elegir entre varios diseños de página con una gran apariencia y personalizarlos a tu gusto si lo deseas
  • Dispone de controles de edición para móvil que te permiten elegir exactamente como quedará tu creación vista desde un móvil o una tablet. Básicamente podrás elegir los tamaños de fuente, valores de márgenes y todo lo que necesites para tu diseño
  • Puedes anidar columnas (función de la que carecen bastantes page builders)
  • Live previews geniales
  • Sin duda es uno de los mejores constructores web gratuitos para WordPress

Contras

  • Aunque en teoría funciona con cualquier plantilla, los resultados que obtienes dependerán en cierto modo de la estructura del tema que tengas.

Valoración: 6.5/10

8. Visual Composer

mejor constructor web drag and drop

Precio: $34

Para acabar con esta colección de mejores constructores web WordPress, no podía faltar todo un best-seller en el campo de los plugins page builder como es Visual Composer.

Aunque parte de su éxito radica en que fue uno de los precursores en este terreno y hoy en día le ha surgido una gran competencia, no cabe duda de que este editor web todavía tiene mucho que decir.

El plugin es bastane impresionante. Tiene montones de funciones y aun así es fácil de aprender a manejarlo y muy intuitivo.

Además, sus creadores se han preocupado de que se integre con otros plugins populares como puede ser el SEO by Yoast o WooCommerce.

Con Visual Composer la experiencia de creación de contenido drag and drop es muy agradable.

Características

  • Soporte 100% drag and drop
  • Funciona con cualquier WordPress theme
  • Funciona con posts, páginas y tipos de post personalizados
  • Acceso a editor front-end y back-end
  • Más de 40 diseños predefinidos disponibles
  • Más de 45 elementos de contenido disponibles, incluyendo: filas, bloques, tabs, acordeones, carrusel, sliders, graficos, widgets WordPress, vídeos, imágenes, botones e incluso bloques HTML…
  • Responsive
  • Compatible con SEO by Yoast y WooCommerce
  • Interface multi-idiomas

Pros

  • Permite adecuar tu esquema de color del theme con el estilo de los elementos de contenido del plugin
  • Económico
  • Montones de elementos de contenido y diseños ya hechos entre los que elegir

Contras

  • Aunque el editor front-end funciona muy bien, lo cierto es que la mayor parte de la edición del texto tiene lugar en una ventana pop-up separada, así que no obtienes una experiencia real de edición en vivo como ocurre en otros constructores web WordPress

Valoración: 7.5/10

¿Es mejor elegir un tema WordPress con page builder incluido o instalar el constructor web mediante plugin externo?

mejores constructores web para wordpress

Ambas opciones son igualmente válidas, pero en el caso de elegir una plantilla WordPress con page builder ya integrado es conveniente elegir una de máxima calidad (como por ejemplo Divi de Elegant Themes, que da resultados espectaculares).

La ventaja de estas plantillas es que su constructor web está totalmente preparado para el theme en cuestión y no existen ningún tipo de incompatibilidades. Todo irá fluido y sin problemas.

Por contra, estas plantillas con page builder integrado, tienen el inconveniente de que en caso de querer cambiar de plantilla en el futuro, perderías todo el estilo personalizado que hubieras hecho.

En el caso de los plugins constructores web, el paso de una plantilla a otra es menos complicado, pero tienen la desventaja de que al no haber sido creados para un theme concreto, pudieran surgir algunos problemas de incompatibilidades o que no fuera todo tan fluido como cabría esperar.

Conclusiones

Los page builders para WordPress no son ningún capricho pasajero. Son muy útiles para los usuarios, y no solo para los que no tiene conocimientos específicos del tema, sino también para los profesionales del ramo que desean construir webs de manera más rápida y fácil para sus clientes.

Gracias a estos plugins, y si tu tema no tiene un constructor web ya incluido entre sus funcionalidades, podrás beneficiarte de todas las ventajas que aportan y crear tu sitio de manera profesional, rápida y fácil.

La plataforma WordPress ha sido desde sus inicios muy amigable con el usuario y gracias a estas soluciones de creación web todavía lo es más.

No hay duda de que elegir una buena plantilla para tu proyecto es fundamental. Y tener un buen constructor web (ya sea incluido en la plantilla o instalado mediante plugin) puede facilitarte mucho la vida.

Seguro que en esta colección de los mejores plugins page builder para WordPress encuentras el que mejor se adapta a tu proyecto.