Los Siete Mejores Plugins del Constructor de Páginas de WordPress – Comparado

Category: Plugins 6 0

Para ser honesto, nunca me convenció tanto la idea de usar un plugin para crear páginas de WordPress arrastrando y soltando en mi sitio. Aunque no porque no vi el valor en ello: claramente, con un plugin de arrastrar y soltar puedes crear páginas complejas con relativa facilidad – y ciertamente mucho más rápido en comparación con el trabajo con código fuente sin procesar.

Lo que realmente me preocupaba era la calidad de salida de usar uno. Todavía puedo recordar los primeros días de Microsoft FrontPage y el lío HTML que estaba creando constantemente. Ese código fuente era realmente insoportable…

Entonces algo me hizo pensar: los tres temas más vendidos de WordPress en ThemeForest incluyen alguna forma de construcción de páginas arrastrando y soltando.

Claramente, la gente quiere un poco de esa magia de arrastrar y soltar!

Entonces, la pregunta es la siguiente: ¿ha madurado lo suficiente la tecnología de arrastrar y soltar para la web? Y lo que es más importante: ¿pueden los plugins de construcción de páginas arrastrando y soltando ser realmente útiles en un sitio web real, en lugar de ser sólo una novedad sobre la que se lee en algún blog u otro?

Para averiguarlo, he echado un vistazo detallado a 8 de los plugins más populares para WordPress, he revisado cada uno de ellos y les he dado a todos una calificación de “fuera de diez”.

Esto es lo que encontré:

Themify Builder

Precio: $39 | Sitio web oficial

El plugin Themify Builder es un plugin insignia de la gente de Themify (entre otros productos). Es una herramienta rica en características que le permite hacer su trabajo tanto en el back-end (la funcionalidad Builder está disponible para cualquier página o post en el wp-admin), así como en el front-end (puede habilitar Builder a través de la barra de administración de WordPress).

Ambas interfaces de edición (front-end y back-end) se basan en tener una gama de módulos para elegir y luego arrastrarlos y soltarlos en el lienzo. El lienzo se divide en filas, y cada fila se puede dividir en columnas.

Características

  • Edición de front-end y back-end
  • Soporte completo para arrastrar y soltar (front-end y back-end)
  • Funciona con temas de terceros
  • Módulos de contenido predefinidos para cosas como acordeones, cajas, divisores, galerías, imágenes, mapas, bloques de portafolios, entradas de blogs, deslizadores, testimonios, texto, videos, y más
  • Opciones de estilo para todos los módulos (fondos con desplazamiento de paralaje, fondos de vídeo, clases y estilos CSS adicionales, etc.)
  • Diseños completos prediseñados para varios tipos de páginas, como blogs, revistas, páginas de portafolios, páginas de productos, etc. (todavía puede ajustar todo después de seleccionar el diseño)
  • Importar y exportar sus diseños
  • El resultado es sensible, compatible con SEO y listo para la traducción

Pros

  • Es una solución realmente versátil. Basado en sus necesidades, puede utilizarlo para un amplio espectro de cosas, desde la construcción de páginas simples, hasta la creación de sitios web completos sobre temas mínimos de WordPress.
  • Tiene un gran tutorial de inicio que te lleva de la mano a través de todas las características básicas del plugin.
  • Cada módulo es ajustable. Puede configurar todos los aspectos de la forma en que el módulo aparece en la pantalla (incluso los canalones de columna).

Contras

  • Relativamente menos tipos de módulos de contenido en comparación con las otras soluciones aquí. Dicho esto, todas las cosas que se usan con más frecuencia están ahí, así que probablemente no sea para tanto.
  • La función de edición frontal no se ve exactamente como la salida final debido a todos los bordes, botones de edición, etc. Esto le obliga a guardar los cambios y a cambiar a la vista previa para ver la página real.

Puntuación final: 10/10

Compruébalo!

Constructor de Divisores de Temas Elegantes

Precio: $89 (pase de acceso completo a Elegant Themes) | Página web oficial

El plugin Divi Builder de Elegant Themes es una solución ligeramente diferente en comparación con los otros plugins de esta lista. La principal diferencia aquí es que en lugar de un panel de edición de front-end, se obtiene un nuevo lienzo que se muestra en la pantalla estándar de edición de postproducción/página.

A continuación, seleccione los elementos de contenido individuales y póngalos en el lienzo, con la posibilidad de ajustar cada elemento a su gusto. Esto crea otro nivel de abstracción, que puede ser útil si quieres ver tu página más de cerca.

Características

  • Soporte para arrastrar y soltar cuando edite su contenido
  • Bloques de contenido prediseñados, incluidos los de texto, imágenes de cuadros de luz, citas, testimonios, deslizadores de imágenes, vídeos, pestañas, cuadros, columnas y mucho más
  • .

  • Estilos personalizados para varios elementos de página (botones, listas, cuadros)
  • Se integra con todas las páginas o publicaciones de su sitio WordPress

Pros

  • Le permite convertir cualquier mensaje o página en una página de destino personalizada.
  • Hay una gran selección de bloques y estilos.
  • El lienzo proporciona una buena visión general de la página y de los bloques individuales que contiene.

Contras

  • El diseño parece un poco anticuado en la era actual de las interfaces planas y el minimalismo.
  • El plugin te obliga a ir y venir entre la pantalla del editor y la vista previa de tu página.

Puntuación final: 8/10

Compruébalo!

Constructor de castores

Precio: $99+ | Sitio web oficial

Beaver Builder es una solución comercializada principalmente para agencias y diseñadores que trabajan en proyectos de clientes. Esto definitivamente no significa que los bloggers no lo encuentren útil.

El plugin ofrece una gran funcionalidad de edición de páginas arrastrando y soltando que viene dentro de una interfaz completamente personalizada (no a través del personalizador de WordPress). También le ayuda a comenzar su trabajo mediante la entrega de un conjunto de plantillas prefabricadas.

Trabajar con el plugin es muy sencillo. Sólo tienes que seguir paso a paso…. empezar por añadir filas, luego añadir contenido a cada fila, personalizar, cambiar de estilo, etc., hasta que tengas un producto terminado.

Características

  • Edición completa del front-end – edita lo que ves
  • Soporte completo para arrastrar y soltar
  • Salida de respuesta móvil y optimizada para SEO
  • Viene con plantillas prefabricadas
  • Funciona con cualquier tema
  • Amplios documentos y tutoriales en vídeo
  • Función de importación/exportación
  • Admite mensajes, páginas y tipos de mensajes personalizados
  • Toneladas de bloques de contenido disponibles (pestañas, presentaciones de diapositivas, botones, páginas, formularios, testimonios, tablas de precios y más)

Pros

  • No se requieren habilidades de codificación.
  • Gran interfaz que te lleva de la mano a través de todo el proceso.
  • Verdadera edición de “lo que ves es lo que obtienes”.
  • Funciona con widgets estándar de WordPress.

Contras

  • Ninguno

Puntuación final: 10/10

Compruébalo!

Editor de contenido de MotoPress

Precio: $29+ | Sitio web oficial

Mientras que la mayoría de los plugins de esta lista habilitan su funcionalidad a través de la interfaz predeterminada del personalizador de WordPress, MotoPress Content Editor ofrece su propia interfaz personalizada.

Bajo el capó, el plugin le permite ajustar el diseño y el contenido de cualquier página dentro del wp-admin. Hay soporte completo para arrastrar y soltar y no se requieren conocimientos de programación para hacer que su trabajo se vea genial.

Características

  • Se puede habilitar en cualquier entrada o página
  • Soporte completo para arrastrar y soltar al editar contenido
  • Interfaz de edición del front-end personalizada – no se encuentra en el personalizador de WordPress
  • Compatible con todos los temas de WordPress
  • Diseños con capacidad de respuesta y listos para dispositivos móviles
  • Soporte para tipos de postes personalizados
  • Múltiples bloques de contenido disponibles (para texto, imágenes, vídeos, botones y mucho más). También puede bloquear ciertos bloques para que sólo puedan ser vistos por usuarios registrados

Pros

  • No se requieren conocimientos de programación.
  • La propia interfaz de personalización es una de las más fáciles de usar de esta lista.
  • Tiene un mecanismo inteligente para personalizar estilos, basado en etiquetas. Del mismo modo que añadirías una etiqueta a una entrada de blog, puedes añadir la etiqueta “rojo” a un elemento de botón, y el botón se vuelve rojo. Puede hacer elementos grandes o pequeños, redondeados o cuadrados, y más de una manera similar.
  • El plugin premium de arrastrar y soltar más barato de la lista.

Contras

  • Para utilizarlo, tienes que ir a wp-admin, seleccionar un determinado post o página y, a continuación, hacer clic en el botón Editor de contenidos de MotoPress. Al ver la página normalmente (en la interfaz wp-admin estándar) todo lo que puedes ver es un montón de atajos.

Puntuación final: 9/10

Compruébalo!

Constructor de páginas SiteOrigin

Precio: $0 | Sitio web oficial

Este es un gran plugin del equipo de SiteOrigin. Me he pasado un buen rato buscando el truco en este caso, intentando finalmente llegar a la parte en la que alguna característica está bloqueada y me obliga a comprar la versión premium. Pero no está ahí. Esto es simplemente un plugin gratuito que está a la par de las soluciones pagadas que existen.

Dicho esto, introduce algo de abstracción en cuanto a la edición de sus páginas. No se obtiene una función de edición de front-end totalmente utilizable. En su lugar, usted puede trabajar con un lienzo y una variedad de bloques de contenido individuales. Cada bloque de contenido tiene su título y su configuración, donde se ajusta el contenido real de ese bloque.

Características

  • Soporte completo para arrastrar y soltar en el lienzo de edición
  • Se puede habilitar para cualquier entrada o página
  • Los bloques de contenido disponibles se basan en los widgets que ha instalado en su sitio. También se integra con el plugin SiteOrigin Widget Bundle, para que pueda obtener el bloque que necesite
  • .

  • Funciona con cualquier tema
  • Control de versiones
  • Capacidad de respuesta, salida basada en grid
  • Múltiples posibilidades de personalización (cambiar espacios, bordes, colores, estilos, clases, añadir CSS personalizado, etc.)

Pros

  • Funciona con widgets de otros plugins (como Shortcodes Ultimate).
  • Hay control de versiones, que no es una característica que haya encontrado con ningún otro plugin en esta lista.

Contras

  • No se pueden anidar columnas dentro de otras columnas.

Puntuación final: 9/10

Compruébalo!

Conector de conductor

Precio: $49+ | Sitio web oficial

Conductor es un plugin interesante para bloggers, diseñadores y desarrolladores que quieren acelerar sus procesos de creación de contenido cuando se trata de páginas personalizadas en WordPress.

La versión actual del plugin ha sido optimizada para funcionar con el framework Symphony (y con algunas licencias, incluso se incluye Symphony en el paquete), pero también funciona bien con otros temas.

Puede habilitar la funcionalidad del plugin para cualquier página dentro de WordPress, y luego cambiar el diseño, el contenido y la apariencia general a través del personalizador de WordPress.

Características

  • Funciona en cualquier tema de WordPress, y le permite personalizar el diseño en cualquier página
  • Soporte para arrastrar y soltar – puede arrastrar elementos de contenido alrededor de la página que está editando actualmente
  • Funciona con tipos de mensajes y campos personalizados
  • Construido para trabajar con otros plugins, como Jetpack
  • Complementos disponibles que integran Conductor con otros plugins y temas (Genesis, WooCommerce), y también hay complementos exclusivos de Conductor

Pros

  • No se requieren habilidades de codificación.
  • Puede ver sus cambios en tiempo real a través del personalizador.
  • Hay muchas opciones de estilo cuando se trata de fuentes, alineaciones, tamaños de elementos, etc. También puede optar por excluir algunos elementos como los enlaces de autor, los enlaces de “leer más”, etc. Esto le permite ajustar su creación hasta que sea 100 por ciento lo que necesita.

Contras

  • Parece que la gente de Conductor se centra primero en apoyar el marco de la Sinfonía, y sólo entonces trabajan con todos los demás temas. No hay nada malo en esto en sí mismo, pero podría causar algunos problemas de compatibilidad a lo largo de la línea para aquellos de nosotros que usamos otros temas.
  • Los complementos sólo parecen estar disponibles con la licencia Power User ($199).

Puntuación final: 9/10

Compruébalo!

Elementor

Precio: $0 | Sitio web oficial

El secreto para desarrollar un plugin de calidad para el constructor de arrastrar y soltar en estos días parece ser la entrega de una experiencia de edición de front-end fiable que sea rápida y rápida. Además, por encima de todo, un buen constructor necesita ser predecible y hacer que las páginas en vivo se vean exactamente como las vistas previas mostradas al usuario.

Elementor parece entender esto, y tengo que decir que estoy impresionado con la interfaz general del plugin.

Todo es muy fácil de entender, incluso si es tu primera interacción con un plugin de constructor como ese. Básicamente, sólo hay un panel principal de opciones de contenedor a la izquierda y una ventana de vista previa en vivo en el centro. Puedes arrastrar y soltar cosas libremente de uno a otro y realinear todos los bloques como quieras.

Por último, pero no por ello menos importante, Elementor está disponible de forma gratuita. Bueno, está bien, también hay una versión profesional, pero en, supongo, el 95% de los casos vas a estar bien con la gratuita.

Características

  • Plantillas de páginas ya preparadas disponibles.
  • Capacidad de arrastrar y soltar al 100%. Puede realinear todo lo que ve en la pantalla.
  • Trabaja con posts y páginas.
  • Un buen conjunto de elementos de contenido personalizado disponible + podrás utilizar todos los widgets que ya tienes instalados en tu sitio.
  • Funciona con cualquier tema.
  • Controles de edición móviles + todo lo que creas con Elementor es visible desde el móvil y responde.
  • Columnas redimensionables, anchos y alturas redimensionables de todo, posiciones de contenido ajustables, espacios de columnas ajustables, fondos, colores, márgenes y mucho más. En resumen, la personalización es fuerte en este caso.
  • Puede importar / exportar sus páginas personalizadas.
  • Soporte de CSS personalizado.

Pros

  • Las plantillas de página ya preparadas hacen que el trabajo con el plugin sea mucho más rápido, por no mencionar que le ofrecen un diseño de página ya de por sí atractivo para elegir. Y por supuesto, puede personalizar esas plantillas libremente.
  • Los controles de edición para móviles son realmente geniales. Te permiten elegir exactamente cómo será tu creación cuando la veas en el móvil (o en tabletas). Básicamente, puede elegir los puntos de interrupción, ajustar el tamaño de las fuentes, los valores de relleno y todo lo demás que sea importante para un diseño bien construido.
  • Puedes anidar columnas. No es una característica que se ofrece a menudo en otros constructores.
  • Grandes preestrenos en directo.
  • Quizás el mejor plugin gratuito del mercado.

Contras

  • Aunque técnicamente funciona con cualquier tema, los resultados que obtenga dependerán en cierta medida de la estructura del tema. Por ejemplo, en algunos temas, el plugin puede tener dificultades para incrustar los elementos de la interfaz de usuario del constructor en la estructura HTML del tema (para que las vistas previas en directo / lienzo principal aparezcan correctamente).

Puntuación final: 10/10

Compruébalo!

Conclusión

Esta parte resume mi opinión sobre los plugins de construcción de páginas de arrastrar y soltar de la parte superior para WordPress. En resumen, me equivoqué al preocuparme de que esos elegantes plugins de arrastrar y soltar fueran sólo un juguete o una novedad. Al final, estoy muy entusiasmado con lo que hay disponible en estos días en términos de soluciones que hacen que WordPress sea aún más usable de lo que ya es.

Quién sabe, tal vez los plugins de arrastrar y soltar son todo lo que necesitas para construir un sitio web de calidad encima de un tema de WordPress muy mínimo.

Por último, si estás interesado en usar un plugin de construcción de páginas drag-&-drop específicamente para crear una página de aterrizaje para tu sitio, echa un vistazo a este post anterior nuestro detallando un número de plugins de WordPress destinados a ayudarte a hacer exactamente eso.

¿Cuál diría usted que es el mejor – y por qué? Pensamientos?

Related Articles