- Escrito y revisado por José Peña
- Fecha de publicación:
- Fecha de revisión:23/01/2024
Estás listo para empezar a crear tu web pero no sabes por donde empezar.
Antes que nada tengo que decirte que diseñar una web es muy fácil y lo puede hacer todo el mundo. ¿Cómo? usando alguno de los mejores page builders para WordPress que vas a ver
Como lo oyes, yo pensaba hace unos años que hacer una página web era complicado hasta que descubrí los constructores visuales (page builder o constructores web)
¿Qué es un page builder? ahora te lo explico, pero básicamente es una herramienta que te va permitir diseñar tu web como si lo hubieras hecho toda tu vida. Hasta un niño puede hacerlo.
Crear una página web lleva su proceso, eso es cierto; necesitas comprar un dominio y contratar un hosting, instalar WordPress, y crear distintos elementos de la web, hasta ahí de acuerdo…
Pero a lo hora del diseño, vas a descubrir lo sencillo que es diseñar una página web con el uso de los page builder como te digo, hasta un niño pequeño puede crear una web espectacular gracias a ellos.
¿Qué es un page builder?
Un Page builder (constructor web, editor visual o como quieras llamarlo), básicamente es un programa de diseño de fácil manejo basado en un sistema Drag and Drop (arrastrar y soltar).
Este tipo de editores visuales de los que te voy a hablar, van muy relacionados con las plantillas que necesitas para trabajar el diseño de tu web ya que ambas herramientas son complementarias.
Como te comenté en otras lecciones, algunas plantillas son más personalizables que otras; como un tema se te atragante, no va a haber manera de avanzar y crear una página personalizada a tu gusto a no ser que toques código.
Es en ese momento cuando te puedes arrepentir de no haber optado por una buena plantilla premium.
Si quieres vivir de internet ¡Suscríbete!
Recibe Trucos / Consejos sobre SEO y Monetización
Información básica sobre protección de datos:
- Responsable: José Manuel Peña Fernández
- Finalidad: recoger y tratar los datos personales que te solicito para gestionar la solicitud que realizas en este formulario de contacto.
- Legitimación: tu consentimiento de que quieres comunicarte conmigo.
- Destinatarios: tus datos serán guardados en Webempresa, (proveedor de hosting de Tu Web de Cero) dentro de la UE.
- Derechos: tienes derecho, entre otros, a acceder, rectificar, limitar y suprimir tus datos.
- Información adicional: Puedes consultar la información adicional y detallada sobre protección de Datos en mi Política de Privacidad.
Te interesa leer:
Ya te comente que dentro de los mejores temas WordPress hay un theme como Generatepress que es gratis pero con ampliaciones de pago, está es una buena opción para empezar (yo lo uso y funciona realmente bien)
Y si ya quieres un tema + Page builder junto, además de más de 80 plantillas, Divi de Elegant Themes es la bomba y con ella crear una web no puede ser más sencilla (apto para principiantes)
Lo que te puedo asegurar es que con el sistema drag&drop en tu web unido a un buen tema hará que no quieras volver a usar las opciones de diseño del propio WordpPress nunca más ya que te permite editar cualquier página incluso entradas del blog.
A falta de que el editor de WordPress Gutenberg (todavía muy verde) se perfeccione, un page builder es la mejor y prácticamente la única opción para crear una web fácilmente.
Cómo usar un page builder en WordPress
Un Page Builder de diseño es sencillo de manejar, las múltiples opciones que necesitarás para tu estrategia de marketing las tienes al alcance de la mano con solo arrastar y soltar elementos (más fácil imposible)
Imagina que quieres insertar en tu página de inicio un slider de fotos o incluso otro capa de color, no puedes hacerlo con WordPress si no tienes conocimientos avanzados.
Mediante este tipo de plugins,(programas adicionales) las opciones personalizadas de creación son múltilples: columnas, botones de llamada a la acción, creación de plantillas, boletines… y todo ello sin tocar nada de código html o css
Puedes usar el maquetador en todas las páginas o entradas que desees pero siempre tendrás la opción de desactivar en cualquier momento y usar el editor de WordPress; eso si , debes saber que las formas de manejarlos son independientes entre si, es decir, el método que decidas usar para una página en concreto solo podrá editarse de una manera u otra.
Un Page Builder te ahorrará mucho tiempo en el diseño de tu web
¿Cuánto cuesta un constructor web ?
Un maquetador de diseño no suelen ser gratis, eso pensaba yo hasta que descubrí Elementor Page Builder, se trata de un editor que dejo con la boca abierta. Aunque cuenta con una versión Pro, la parte gratuita es increiblemente buena. (lo veremos junto con otros)
En cualquier caso invertir en este sistema de maquetación no está pagado porque con las horas de trabajo que te quita y el resultado final que se consigue con estos plugins, el desembolso está más que amortizado.
No tiene nada que ver una página hecha exclusivamente con el editor de WordPress (a no ser que seas programador) que otra realizada estrictamente con un page builder arrastrando y soltando elementos.
Respecto a la compatibilidad de este tipo de plugins, no suele darse el caso en el que surjan problemas de incompatibilidades con las plantillas, es un sistema que se va adaptando muy bien a cualquier theme.
En la actualidad existen varios programas de diseño drag&drog en el mercado, te voy a explicar las características de los que considero son los mejores.
Además te dejo un estudio basado en las peticiones que hace cada uno para que veas cuales el que hace que una web sea más o menos rápida
Los 7 mejores Page builder para WordPress
Todos los page builder tienen algo en común, facilitar el diseño de la página web, dar facilidad de manejo y ofrecer el mayor número de opciones personalizables.
¿En que se diferencian unos de otros?
Pues, aunque todos como digo tienen un funcionamiento similar, existen pequeñas características que te harán inclinarte por uno u otro.
Tienes que hacer una buena elección de editor visual para tu blog ya que los inconvenientes de los maquetadores son, que si un día decides cambiar todo el trabajo estructurado se pierde, es decir no se pierde la información pero tendrás que reconstruir el puzzle de nuevo y adaptarlo al nuevo editor visual.
Voy a explicarte los que para mi son los mejores page builder para WordPress basándome en sus pros y contras.
Todos los constructores web que vas a ver son de calidad y ninguno te va a defraudar
Elementor page builder (Gratis y de pago)
Como ya te he comentado arriba Elementor Page Builder roza la perfección y a día de hoy es uno de los mejores sin lugar a dudas junto al siguiente que vas a conocer.
La versión gratuita es muy buena pero la versión pro es impresionante, puedes hacer de todo.
Elementor es el adecuado si quieres hacer un diseño a medida espectacular gracias a su personalización y compatibilidad
Lo mejor es que veas este Video-Tutorial sobre esta fantástica herramienta:
Lee el Tutorial completo sobre Elementor Page builder para que veas por qué es el mejor constructor Web.
Aprende aquí a: Crear landing pages con WordPress y Elementor
Características
Este es el plugin de maquetación fremium del cual hable al principio del artículo. Es un constructor WordPress en vivo realmente fácil de usar que en su versión gratuita se sitúa casi al nivel de algunos de pago y que con su versión Premium vas a conseguir diseños realmente espectaculares.
Mi recomendación es que uses directamente la la versión premium pero como puedes probar la gratuita, adelante.
La maquetación Front-end rápida y sencilla, inserción de marcha atrás sliders, pop ups, layout, animaciones, widgets, formularios, templates,traducción a todos los idiomas, tipografías, iconos, videos…
Se trata de un builder de mucha compatibilidad y optimizado para Seo gracias a un código limpio.
La cantidad de opciones de personalización y funcionalidades hacen que evites tener que instalar muchos plugins habituales, mejorando de este modo su velocidad de carga.
Sus constantes actualizaciones es otro de sus puntos fuertes.
Velocidad de carga
Elementor es el maquetador más completo (te ahorras muchos plugins con él). Eso sí, carga algo más de 20 peticiones y consume unos 900 kbs
No es motivo para no optar por él ya que bien optimizado es muy rápido y cada vez están tomando más medidas para mejorar la velocidad de carga.
Pros y contras
A favor
√ ¡Es gratis! (versión básica)
√ Licencia ilimitado(es gratis)
√ Uso de plantillas
√ Es un plugin muy fluido
√ Permite el uso de shortcodes
√ Actualizaciones constantes
√ Cientos de plantillas prediseñadas
√ Todo tipo funcionalidades de diseño incluido Woocommerce
En contra
X Tienen que mejorar un poco la velocidad de carga
Precio y licencia
- Personal: alrededor de 45€/año (para un sitio)
- Business: sobre 95 € (para 3 sitios).
- Unlimited: rondando los 190 € (licencias ilimitadas).
Actualizaciones y soporte
1 año de actualización y soporte
Divi builder
Divi es otra historia. Si Elementor te ha parecido buenísimo, Divi también lo es.
Y es que este Constructor web es muy bueno por varias razones:
- Es un maquetador todo en 1: Tienes Page Builder + Plantilla junto (para quien quiere crear su web todavía más fácil)
- Además cuenta con más de 80 plantillas dentro del precio
- Incluye gratis, los plugins Monarch (compartir en redes sociales) y Bloom (crear cajas de suscripción)
- Y lo mejor, pagas una vez todo si quieres y es para toda la vida
Si quieres una plantilla muy buena con el constructor WordPress incluido compra Divi.
Divi es una buena opción para aquellos que quieren optar por una gran plataforma como es Elegant Themes que incluye infinidad de temas pagando sólo una vez.
Si Pagas Elegant Themes puedes usar la plantilla Divi con su Page builder Divi integrado
Características de Divi builder
Muy personalizable, este WordPress page builder viene incluido en el plan desarrollador de las plantillas lo cual es una parte positiva ya incluye todas las plantillas y plugins para que puedas hacer uso de ellos.
Lo malo de este plugin es que es su elevado precio ya que el pago es anual pero a su favor decir que puedes usar el maquetador para todos los proyectos que quieras.
Esto función es una buena elección si te dedicas al diseño web y quieres usar esta herramienta en el proyecto de tus clientes ya que cualquier plan que escojas es para uso de licencia ilimitada.
La opción de copiar cualquier diseño a otra página es un factor que se agradece.
Velocidad de carga
Divi es más lento que Elementor pero igualmente es muy buena opción por todo lo que te da. Carga alrededor de 3 peticiones pero con más de 1300 kbs
Es muy buena opción pero no abuses demasiado del javascript
Pros y contras de Divi builder
A favor
√ Sencillez de manejo
√ Licencia ilimitada
√ Poder usa todas las plantillas de Elegant Themes
√ Protección de diseño
√ Incluye una versión gratuita
En contra
X Un pelín lento pero con todo lo que trae…
Precio y licencia
- Unos 83 €/año (licencia ilimitada)
- Alrededor de 235€/de por vida (licencia ilimitada)
Actualizaciones y soporte
Las actualizaciones y el soporte para este plugin son ilimitados
Si necesitas saber más sobre esta Plantilla+Page Builder lee el Tutorial DIVI
Wp Bakery Page Builder
A lo mejor te suena más por el nombre Visual Composer. Este es el pionero de los constructores que ahora se llama Wp Bakery que si bien sigo recomendado porque no está nada mal, es quizá el que más necesita una actualización.
Escoge WP Bakery si quieres comprar una plantilla en Themeforest que lo trae incluido gratis
Características de Wp Bakery Page Builder
El antiguo Visual Composer es un plugin de los más usados y conocidos del mercado o por lo menos lo ha sido hasta hace muy poco, creo que ya está en declive.
Su sistema de drap&drop es muy conocido, permite maquetación frond-end (en vivo) o back-end por si quieres trabajar desde dentro.
Lo bueno de Vp Bakery es que si compras una plantilla themeforest puede traer incluido esta herramienta de diseño, de esta manera sabrás que la compatibilidad con la plantilla esta garantizada y te estás ahorrando dinero al venir todo incluido.
Esto es uno de los puntos fuertes de este page builder ya que una gran parte de las plantillas lo traen incluido.
Un dato importante a favor del editor es que trae la posibilidad de insertar shortcodes en tu sitio web para crear contenidos especiales dentro de un determinado texto; además de los integrados en woocommerce facilitando el trabajo con este plugin de venta.
Visual composer trabaja en más de 40 plantillas predefinidas o crea la tuya propia, de esta manera evitarás tener que crear un mismo contenido pudiendo adaptar la plantilla en cualquier otra página, sidebar…
Cuenta con un servicio en linea de prueba para que veas como trabaja.
Wordpress visual composer no es gratis pero tiene algunos puntos que hacen que valga la pena invertir en él para tu sitio como son la cantidad de addons que incluye, sin embargo no es mi favorito, ni mucho menos.
Reseñar que es algo lento y genera un código un poco enredoso, aunque sus opciones de diseño son atractivas.
Velocidad de carga
Antiguo y lento si se abusa mucho de él. Más lento que los anteriores. Si eres programador puedes sacarle el máximo partido, pero como no debe ser el caso, usarlo puede ralentizar bastante la web.
Además de hacer peticiones que aumentan según usas recursos, en cuanto a funcionalidades está muy por detrás de Elementor o Divi
Pros y contras de VP Bakery
A favor
√ Que si viene con una plantilla que has comprado, es fabuloso
√ Multiples addons (+ funciones)
√ Posibilidad de usar shortcodes
√ Creación de plantillas
En contra
X Le cuesta cargar
X Genera mucho código y excesivos shortcodes
X Necesita una actualización ya
Precio y licencia de Wp Bakery
- Versión regular: Unos 40€ para usar solo en un sitio web.
- Versión extendida: Sobre 35 € para usar en todos lo proyectos que quieras.
Actualizaciones y soporte
El plugin visual composer incluye actualizaciones ilimitadas y un soporte de 6 meses.
Oxigen Builder
Oxygen es una herramienta para un perfil diseñador-desarrollador avanzado.
No tiene versión gratuita
Características
Con Oxygen Builder podrás crear una web completa de principio a fin pero con el añadido de poder trabajar internamente el código. Esto es una ventaja para quien sepa programar .
Velocidad de carga
De los page builders más ligeros. De serie trabaja muy bien el dom y el exceso de div. Si profundizas además en el código podrás tener una web muy visual y rápida.
Ojo: Todavía está limitado en diseño de serie, es decir, si eres principiante y quieres arrastrar y soltar elementos, quizá es algo más complejo de trabajar.
Pros y contras
√ Ligero.
√ Permite optimizar código
√ Oxygen no necesita tema WordPress; puedes construir todo con él
√ Planes de precios lifetime y para webs ilimitadas.
X Curva de aprendizaje alta.
X Algunas incompatibilidad todavía con algunos plugins
X No tiene opción gratuita.
Precios de la versión Pro
- Basic: 129$/webs ilimitadas lifetime.
- WooCommerce: 129$. Todo lo de Basic + Integración WC.
- Agency: 129$. Todo lo de WooCommerce + Gutenberg Block Builder.
- Ultimate: 129$. Todo lo de Agency + Composite Elements.
Thrive Architect
Cuando estuve eligiendo un editor de diseño para tu web de cero, estuve a punto de escoger thrive content builder que era así como se llamaba antes, no lo elegí pese a que hasta el momento era el mejor maquetador que existía y eso que en su momento no es como es ahora que ha cambiado por completo su forma de trabajar y ahora es más similar al primero de la lista.
Thrive contet builder o el actual Thrive Architect está entre los maquetadores para WordPress, la principal característica de Thrive es que está muy enfocado al proceso de venta y de captación de clientes.
Escoge Thrive Architect si quieres conseguir un buen diseño y ampliar funcionalidades con sus Addons Premium
Características de thrive content builder
Cuenta con un punto a favor como los anteriores y es su sencillez de manejo ya que no tienes que hacer creaciones al traer por defecto plantillas predeterminadas para que solo tengas que hacer la adaptación a tu gusto en función de la que elijas.
El comparación con Vp Bakery este trae un código mucho más limpio.
Con un sistema de edición en vivo, thrive content builder es muy personalizable, cajas de contenido, landings, boletines de llamada a la acción, testimonios, contador regresivo para ofertas…
Velocidad de carga
Por delante de Wp Backery, Trhive ofrece una velocidad mejorada. Sin llegar a Elementor o Divi es una buena opción
Pros y contras de Thrive Architect
A favor
√ Esta muy enfocado a la venta mediante adaptaciones muy visuales de boletines de suscripción
√ Código mas limpio que Wp Bakery con lo cual la velocidad de carga será mejor
√ Te llevas más de 150 plantillas ya creadas para para que solamente tengas que adaptar el diseño que crees
√ Una forma de trabajar sencilla y rápida
√ Se trata de una plataforma con muchas herramientas adicionales premium
√Su membresia anual permite acceder a multiples plugin y temas gratis
En contra
X A veces puede dar ciertas incompatibilidades sobre todo con herramientas como Thrive Leads
Precio y licencia
- 1 Licencia: Unos 63 € para usar en un solo dominio
- Pack de 5 licencias: Unos 91 € para poder usar en hasta 5 páginas web
- Pack de 25 licencias (membresía): Alrededor de 220€ para utilizar en hasta 25 sitios web (plugins y temas incluidos
Actualizaciones y Soporte
Cuenta con actualizaciones ilimitadas y un soporte de 1 año.
Beaver builder
Beaver Builder es quiza algo caro pero ofrece resultados muy bueno.
Beaver Builder es un constructo aunque caro, muy potente
Características de Beaver builder
Lo mejor de Beaver builder es que también cuenta con versión gratuita, por lo tanto es buena opción para que pruebas como funciona.
El problema de este potente page builder es que mucho te tiene que gustar o mucho uso pretendes darle para adquirirlo ya que es el mas caro de todos y el pago igual que Divi es anual.
A su favor decir que cuenta con un buen número de plantillas gratuitas de mil formas, incluidas cuando compras cualquier plan y son totalmente adaptables a la versión móvil.
Shortcodes, woocommerce, sistema de protección de diseño son algunas de sus principales características.
La posibilidad de reutilizar plantillas (wordpress theme builder) creadas facilitan mucho el trabajo si se dispone de varios sitios web.
Velocidad de carga
No es tan usado como Elementor o Divi ni ofrece funcionalidades tan sencillas pero es un constructor web bastante optimizado. Pocas peticiones y bajo peso.
Una opción interesante si buscas velocidad al detalle
Pros y contras de Beaver builder
A favor
√ De uso ilimitado
√ Incluye versión gratuita (con limitaciones)
√ Protección de diseño
√ Plantillas gratuitas incluidas
En contra
X Es bastante caro
Precio y licencia
- Standar:Alrededor de 93€/año (licencia ilimitada)
- Pro:Sobre 187 € (licencia ilimitada). Incluye uso para un multisitio.
- Agency:Rondando los 376 € (licencia ilimitada). Incluye opciones más personalizables en wordpress.
Actualizaciones y soporte
Ilimitados
Page builder Site Origin
Un clásico que cuenta con su versión gratuita Page Builder Site Origin.
Se trata de un constructor algo complejo de manejar viendo a los actuales pero muy potente si te haces a su manejo.
Características de Siteorigin
Con un sistema Back-End, te permite arrastar y soltar elementor.
Velocidad de carga
Es rápid, pero claro, también es bastante limitado en el diseño
Pros y contras de Site Origin
A favor
√ Una parte gratuita muy completa
√ Se trata de un plugin liviano
√ Es económico
En contra
X Difícil de manejar
X Limitadas opciones de diseño
Precio y licencia
- Single:Alrededor de 25€/año (licencia ilimitada)
- Business: Sobre 45 € (hasta 5 sitios).
- Desarrollador:Rondando los 95 € (licencia ilimitada).
Actualizaciones y soporte
Ilimitados
Entonces, ¿Cuál es el mejor Page Builder?
Si me pides consejo, te recomiendo Elementor Page Builder o Divi por sus constantes actualizaciones, por las funcionalidades, sencillez de manejo, rapidez y personalización.
Si sabes de programación, échale un ojo a Oxygen.
Beaver Builder es un constructor WordPress más caro pero es muy bueno y siempre es una opción usar Wp Bakery que aunque está un poco obsoleto es fiable ya que lleva muchos años, aunque creo que ya es hora de que se pongan las pilas.
Como última opción te recomiendo el gratuito Site Origin u optar por el constructor nativo de WordPress Gutenberg (sin duda el más rápido) Si quieres un diseño excesivamente sencillo, aunque puede que tengas que tocar algo de CSS.
Sea cual sea el que elijas, seguro que hará que tu trabajo en WorPress sea mucho más sencillo y el diseño mucho más atractivo.
Y tú ¿Cuál crees que es el mejor maquetador para WordPress basado en tu experiencia?
¡Compártelo y déjame un comentario!
