- Escrito por José Peña
- Fecha de publicación:
Si estás pensando en levantar tu propio sitio web sin escribir ni una línea de código, seguramente te surgirán más dudas de las que imaginabas.
La elección de la herramienta adecuada puede sonar a reto, sobre todo si tienes en mente que la web debe lucir profesional y ser veloz.
A continuación, te mostraré una visión directa (pero también bastante desenfadada) de los maquetadores visuales que realmente merecen la pena. Más allá de prestaciones y costes, aquí importa lo que funciona en la vida real.
Si piensas en el presupuesto, detalles como buscar un dominio web barato pueden marcar la diferencia desde el inicio.
Muchos piensan que aprender cómo crear una página web es como construir una casa sin ser arquitecto.
Aunque no es tan sencillo como apretar un botón, tampoco tienes que perderte entre menús complicados o decenas de configuraciones técnicas.
Y, por supuesto, ahorrarás mucho si además logras contratar hosting barato sin sacrificar rendimiento. Hay opciones para todos los bolsillos.
Sabías que también puedes acceder a un curso de WordPress gratis para iniciarte?
Así convertirás un desafío abstracto en algo mucho más tangible y hasta divertido.
Cuando hablamos de diseño avanzado, un buen diseñador web de WordPress puede ayudarte a marcar la diferencia visual y funcional entre tu web y la de cualquier competidor distraído.
Criterios clave para elegir el maquetador ideal
Algunos juran que la herramienta perfecta no existe. Sin embargo, hay detalles que realmente hacen el día a día sencillo o desesperante, como si un fontanero solo llevara un destornillador.
Antes de lanzarte a instalar cualquier plugin, conviene tener claros ciertos criterios.
No todos le dan el mismo valor a la facilidad de uso: para muchos, contar con un editor intuitivo de arrastrar y soltar es casi como tener GPS en carretera desconocida. Pero la personalización debe darte suficiente margen de maniobra para adaptar el diseño a tu estilo con solo unos clics.
Por cierto, otro asunto peliagudo es el precio. Hay planes gratuitos sorprendentemente completos y otros con cobros anuales que pueden parecer poco amables si recién empiezas.
Además, es importante no perder de vista:
- El rendimiento web. Si la web tarda más en cargar que una cafetera vieja, perderás visitas antes de mostrar nada interesante.
- La cantidad y calidad de plantillas: a veces seleccionar una buena plantilla te salva horas, como elegir la mejor receta para cocinar rápido.
- El soporte técnico y la comunidad: una gran documentación y foros dinámicos pueden sacarte del apuro cuando menos lo esperas.
Análisis de los constructores visuales más destacados
En el infame océano de opciones, hay algunos constructores que han sabido ganarse la atención por razones muy concretas, no solo por marketing. Te resumo lo más humano y real que ofrecen los principales contendientes del sector.
Elementor: El líder indiscutible en versatilidad
No es casualidad que Elementor haya conquistado tantos usuarios, hasta parece tener vida propia ajustándose a casi todos los perfiles. Su modo de trabajo visual produce páginas, cabeceras y pies de página sin dejarte atrapado en menús oscuros.
Aunque su arsenal gratuito ya sorprende, la versión Pro amplía la carta de widgets, plantillas y herramientas para quienes no quieren límites. Recientemente, añadir inteligencia artificial ha sido casi como instalar un copiloto en el editor para sugerirte textos o trozos de código.
¿Es Elementor la mejor opción para empezar?
Mucha gente la recomienda de primeras y no es casualidad: es intuitiva y la versión gratuita cumple muy bien cuando el proyecto no es muy complejo.
Ahora, si uno se emociona añadiendo efectos y widgets, puede que su sitio se ralentice, especialmente si el hosting no es de primera. Considera invertir en Elementor Pro solo si de verdad necesitas sus extras, de lo contrario la versión básica cumple bastante.
Divi Builder: Diseño visual en tiempo real
Divi Builder, construido por gente muy detallista en Elegant Themes, tiene una dinámica de edición en vivo que le aporta un sabor distinto. Es como decorar tu casa viendo cómo queda cada mueble antes de comprarlo.
Sus más de 40 módulos y la colección de plantillas van de la mano con una política de precios justa: pagas una vez y puedes montar tantas webs como quieras, lo que no es frecuente en este sector.
Pero, a cambio, hay que reconocer que Divi tiende a generar webs ligeramente más pesadas, por lo que conviene vigilar la optimización si buscas la máxima velocidad.
¿Cómo afecta Divi al rendimiento de la web?
No lo vamos a endulzar: si bien el diseño es impresionante, la carga de recursos puede ser alta si te dejas llevar por todos los módulos y efectos. Un ojo atento al peso de las páginas te evitará disgustos si quieres webs rápidas y eficientes.
Gutenberg: La alternativa nativa y ligera
El equipo de WordPress decidió dar voz propia al editor nativo: Gutenberg. Organiza contenidos en bloques, permitiendo maniobrar casi sin esfuerzo por la estructura del sitio.
Desde la llegada del Full Site Editing, puedes rediseñar hasta la cabecera sin andar instalando mil plugins externos. Su ventaja es que produce un código muy limpio, algo que agradecerán quienes quieren velocidad y simplicidad.
Además, aprovechar el tutorial de WordPress puede ayudar a dominar incluso sus matices más avanzados.
¿Puede Gutenberg sustituir a un maquetador externo?
Para páginas sencillas y cuando priorizas que el sitio cargue volando, Gutenberg se defiende con maestría. Ahora, si quieres animaciones elaboradas o escenarios más sofisticados, terminarás con varios plugins extra en la mochila, lo cual es bueno tener presente antes de lanzarte a lo loco.
Opciones especializadas: Thrive Architect, Beaver Builder y WPBakery
Más allá de las grandes marcas, existen herramientas con personalidad que resuelven necesidades muy particulares y que los puristas suelen adorar.
Si quieres vivir de internet ¡Suscríbete!
Recibe Consejos sobre SEO/GEO 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.
- Thrive Architect: Su fuerte es el marketing digital y, como pocas, parece haber sido pensada por expertos obsesionados con la conversión. Plantillas atrevidas, tests A/B y opciones para captar leads a tutiplén, aunque solo forma parte de la Thrive Suite y cuesta lo suyo.
- Beaver Builder: Gusta por su limpieza y robustez. No mete códigos extraños ni sorpresas bajo la alfombra y facilita la vida a quienes prefieren webs espartanas por dentro pero atractivas a la vista.
- WPBakery Page Builder: Es casi el abuelo del sector porque acompaña muchas plantillas premium. Destaca por funcionalidad, aunque su interfaz puede sentirse algo anticuada comparada con sus rivales modernos.
Comparativa directa de características y precios
Si lo que buscas es una visión rápida antes de decidirte, aquí tienes los detalles más relevantes en una tabla comparativa que también refleja el esfuerzo extra que puede requerir cada opción.
| Maquetador visual | Versión gratuita | Precio premium base | Licencia vitalicia | Plantillas destacadas | Rendimiento técnico | Dificultad de uso |
|---|---|---|---|---|---|---|
| Elementor | Sí | 49 $/año (1 web) | No | Más de 50.000 (Pro) | Bueno (requiere optimizar) | Muy fácil |
| Divi Builder | No | 89 $/año (ilimitadas) | Sí (249 $) | Más de 800 | Pesado (código denso) | Media |
| Bricks Builder | No | 79 $ (pago único) | Sí | Diseños dinámicos | Excelente (muy ligero) | Alta |
| Beaver Builder | Sí (básica) | 99 $/año (ilimitadas) | No | Más de 170 | Alto (código limpio) | Fácil – Media |
| Thrive Architect | No | 299 $/año (Suite) | No | Más de 300 (conversión) | Bueno | Fácil – Media |
| WPBakery | No | 40 € (pago único) | Sí | Más de 100 | Consume más recursos | Fácil |
Comparando los datos anteriores, está claro que Elementor y Divi son apuestas seguras para la mayoría.
Pero quienes buscan rendimiento puro acaban considerando propuestas como Bricks Builder, sobre todo si no les asusta una curva de aprendizaje empinada. Si tu mundo es el ecommerce, valora el diseño de tienda online en WordPress como una opción muy adaptada a ese entorno.
Preguntas frecuentes antes de elegir tu maquetador
¿Es necesario saber programar para usar estas herramientas? Realmente, no hace falta. Aunque saber algo de HTML o CSS ayuda bastante a desbloquear funciones extra, casi cualquiera puede empezar a montar una web funcional con un par de tutoriales y paciencia.
¿Afectan los constructores visuales a la velocidad de carga y al SEO? En la práctica, sí. Cuando sobrecargas la web con animaciones o widgets innecesarios, tu velocidad baja y con ella la visibilidad en Google.
Si usas constructores más ligeros o planteas bien el rendimiento, los problemas disminuyen mucho. De todas formas, la mejor medicina preventiva sigue siendo utilizar la caché y mantener todo actualizado.
¿Qué diferencias existen entre las versiones gratuitas y de pago? Las gratuitas van a lo básico, perfectas para webs informativas simples.
Para tiendas, membresías, encabezados personalizados y demás extras, las licencias premium son una inversión casi obligatoria.
¿Puedo cambiar de maquetador una vez hecha la web? Cambiar de maquetador suele ser comparable a mudarse de piso: implica desmontar muchas cosas y generalmente supone rehacer el diseño por incompatibilidad de códigos.
Hay que pensárselo bien antes de lanzarse.
¿Qué sucede si el plugin deja de actualizarse? Un plugin abandonado puede hacer tu web tan vulnerable como una casa sin cerradura.
Es fundamental apostar por herramientas populares, bien cuidadas y con comunidades activas para dormir tranquilo cada noche.
Conclusiones
En definitiva, las herramientas visuales han democratizado la creación web, quitándole el drama técnico y permitiendo a cualquier persona tener presencia digital de verdad.
Ya busques un sitio sencillo o te atrevas con un ecommerce, estudiar bien tus opciones y probar las versiones demo te ayudará a encontrar el mejor equilibrio entre presupuesto, diseño y facilidades técnicas.
Como ves, el mundo web tiene soluciones para casi cualquier sueño digital y, con la guía correcta, está más cerca de lo que creías.
¡Te has currado una muy buena comparativa, tocayo! 🙂
Personalmente, de esta lista he probado tres maquetadores: Visual Composer, Thrive Content Builder y Elementor Page Builder.
Para mi el último, en estos momentos, está ganando por goleada.
Visual Composer bajo mi punto de vista no tiene tantas opciones que los otros dos, da bastantes fallos y es muuuy lento. Creo que sobrecarga demasiado el servidor.
Thrive Content Builder es bastante bueno, aunque es cierto que podría estar mejor optimizado en cuestiones de velocidad y rendimiento. No estoy muy de acuerdo en lo que comentas respecto a él de que tienes que adaptarte a sus plantillas sí o sí. Más bien yo creo que puedes diseñar más y mejores cosas en función de tus conocimientos u originalidad.
Pero, en este último punto, para mi Elementor es donde gana por goleada: todo es mucho más fácil e intuitivo de realizar, cuenta con muchas más opciones de configuración para todas sus herramientas (tanto en lo que son las funcionalidades en sí como en diseños, animaciones, etc.). Y en cuanto a rapidez y rendimiento… es el mejor de los 3 sin duda.
Eso sin contar que, gracias a muchos de los elementos que trae para incluir en tus diseños, te ahorra la instalación de muchos plugins (como, por ejemplo, los de galerías de imágenes o creación de sliders).
¡Y paro ya de hablar de Elementor, que como estoy en pleno enamoramiento con él, como empiece no paro! jejeje!
Gran artículo. Un abrazo!
jeje, ya veo que te has enamorado de él a primera vista y que has aprendido a dominarlo rápido, no hay maquetador que se te resista 😉
Igual se van descubriendo algunos defectos pero de momento parece increible que pueda ser gratis, lo tiene todo.
Gracias por pasarte y por el pedazo de reviews+video que te has currado.
¡Un abrazo!
Buenas tardes José! Felicitarte por el curro que te has dado en preparar esta comparativa. Yo particularmente solo he trabajado con Visual Composer y actualmente con Divi. Y por supuesto, estoy contigo, no tiene comparación, además de que es más rápido. Qué vale una pasta, sí! Pero también si analizas todo lo que te ofrecen en cuanto la variedad de temas y los pluggins actuales, además del constructor en sí, lo tienes más que amortizado con el paso del tiempo porque todas las novedades que van incorporando vas a poder disfrutarlas sin coste extra alguno. Además de que te permite exportar la estructura de las plantillas y todo eso al final es tiempo que ganas, porque con un par de retoques ya puedes sacar otra etc. De Thrive Content, quienes lo utilizan, hablan maravillas, pero yo opté por Divi porque veía que el computo globlal de lo que ofrecía merecía más la pena, a mi modo de ver que no soy un experto en programación, pero trato de ir mejorando mis conocimientos de WordPress. Con respecto a Elemento Page Builder no lo conocía y después de leerte tus comentarios y los del otro compañero, habrá que sacar horas no sé de donde para investigarlo un poco jajaja.
Un placer leerte como siempre! Un abrazo! 🙂
Menudo texto Juanjo, te da para un post jeje.
Como dices optar por Divi es una muy buena elección porque como mencionas lo acabas amortizando rápido y como tengas varios proyectos o trabajes para clientes ya ni te cuento.
Elementor ha salido creo que hace 5 meses, yo lo descubri hace un par de semanas y es impresionante para ser gratis y sin serlo porque lo poco que lo he estudiado esta a la altura de los demas, es una muy buena opción y sobre todo para los que empiezan que no quieran gastarse nada.
Forge page builder a mi me gusta mucho también y como cuento en el post, el servicio técnico que da Manuel Vicedo es una maravilla.
Hay mucha variedad, si tengo que descartar a uno es visual composer.
Muchas gracias por pasarte y comentar ese pedazo de texto.
Un abrazo figura.
José.
Que buen post.
Te cuento que Elementor junto con Generatpress son el complemento perfecto. Excelente comparativa.
Gracias por tus contenidos, muy útiles.
Hola Lina!
Eso comenta también José Antonio Carreño en el análisis que hace.
Yo lo he probado en una página de pruebas con el tema por defecto y es muy bueno,pero si encima funciona así de bien con Generate press más no se le puede pedir.
Gracias a ti por pasarte por la web y comentar 😉
En todos los sitios ponéis tan bien a elementor que habrá que probarlo… He usado para alguna página visual composer y en la mía uso Forge que me parece sensacional.
Yo Visual composer ya no lo trabajo, lo he usado por «obligación» para un cliente en concreto. Es lento, pesado y algo anticuado aunque es cómodo para ciertas tareas.
Yo uso Forge y es muy bueno aunque hay gente que no lo conoce. Si es verdad que tienen que realizar unos cuantos cambios, hace tiempo que siguen igual y el servicio técnico ha bajado un poco, necesitan tener mejor atención.
Con elementor han sabido hacerlo muy bien, ofrecen una versión gratuita que es muy buena. A ver si conozco a alguien que use la de pago porque promete, aunque es algo caro, ahí esta el truco de ofrecerlo gratis con tanta calidad.
Abrazos Roberto
Excelente post pero tengo unas preguntas; ¿Para trabajar en un tema podría tener activo dos constructores por ejemplo el DIVI builder y el Elementor? y es posible importar más plantillas a los constructores y de ser sí dónde las ubico. Gracias
Hola Douglas, si podrías perfectamente utilizar dos maquetadores y usar el que quieras para las distintas páginas, yo no he trabajado conjuntamente con divi pero si Visual Composer con Elementor al mismo tiempo y no hay incompatibilidad (fue temporalemente)
No te recomiendo usar dos page builders juntos, sobre todo porque estarás creando mucho código innecesario así como consumiendo muchos recursos y empeorando la velocidad.
Lo mejor que puedes hacer si quieres cambiar a Elementor, es clonar páginas mediante un plugin y editar todo el contenido con el nuevo maquetador y luego ir borrando cada página creadadel maquetador antiguo, manteniendo la misma url y no publicando el nuevo contenido hasta terminar para evitar duplicidad.
Las plantillas sí son únicas y no puedes manejar varias, por lo menos en el mismo dominio.
De nada, un saludo
Buenos días,
Tengo una consulta,
La web de la empresa se hizo don Visual Composer; ahora queremos retocarla pero nos arreglamos mucho mejor con Divi Builder; habría manera de cargar el Divi Builder en la web? Qué ocurriría? O cual es la solución? porque tiene muchas url y tampoco es cosa de perder el SEO que se ha realizado hasta ahora. gracias. gontzal
Hola, lo que yo te recomiendo para no perder nada y que la web siga estando visible mientras trabajas es:
1. Hacer un clonado de la web y replicar la web con Divi y luego sustituir la nueva por la antigua
2. Instalar en tu web actual Divi(no debería generar incompatibilidad tener dos maquetadores instalados) instalar un plugin como duplicate post, este permite duplicar cada página creada, editar con divi esa página clonada y cuando esté terminada borrar la diseñada con visual y ponerla a la nueva la url de la antigua y como está en borrador, acto seguido publicarla de esta forma mantienes siempre la url.
Cuando hayas terminado con todas las páginas borras visual.
(Ten en cuenta que visual deja mucho shortode, el rollo es que vas a tener que ir borrando ciertos códigos que han quedado por la web( es un rato que pierdes)
Espero que te haya ayudado
Hola José, claro que me has ayudado mucho. Va a ser trabajo tener que desarrollar toda la web entera, pero se que nos vamos a arreglar mucho mejor con Divi. Lo que no se es como voy a quitar el shortcode, me pillas totalmente. 🙁
gon
Una sola pregunta más, entonces se puede ir haciendo poco a poco, un día dos urls y así poco a poco; ya que puede haber dos constructores a la vez, verdad?
g
Despertando, saludos José gracias por el aporte.
De nada Angel
Saludos
Hola José,
En primer lugar felicidades y gracias tanto por este post cómo por todos los que tienes publicados en la web.
Tengo una duda, si por ejemplo yo tengo el tema Bridge, que viene con Visual Composer y quiero cambiar a Elementor, ¿no afectará en ningún aspecto al tema que tengo instalado?
Es decir, clono las páginas como has explicado en los comentarios y después maqueto todo con Elementor y…¿ya está?
Por otro lado, los 190€ de Elementor con licencias ilimitadas son anuales o un sólo pago?
Hola David, pues no sabría decirte al 100% que no ocurra nada, ya que muchos de los temas de themeforest al traer incluido visual composer hacen que obligue a que se use, cambiarlo a elementor puede deformar el CSS, como te digo, no lo sé porque depende de la plantilla pero por norma general es así, es por esto que cuando adquieres un tema con envato te ves «obligado» a usar visual
Respecto a la licencia es pago anual
Saludos y gracias por el comentario
Gracias por la información, ¡muy orientativa!
Por lo que veo los pages builders suelen ser de arrastrar y soltar. ¿Hay algún page builder como Themes Generator que te permita además modificar el CSS sin necesidad de programar?
¡Gracias!
Hola Rosa, que yo sepa no, los page builders están preparados para trabajar sobre el tema creado, suelen tener sus propios CSS aunque igual que las plantillas se pueden personalizar a tu gusto, la idea es que con una buena plantilla y un buen constructor no tengas si no quieres tocar CSS
Gracias a tí
Estoy leyendo mucho de Elementor y la verdad es que tengo ganas de probarlo. Llevo mucho tiempo usando Divi y no por casualidad, si no porque es súper ligero, está muy optimizado y para SEO era la mejor opción. Me parece un constructor muy infravalorado con un 100% de personalización (y no entro en la personalización por código, lo cual es súper intuitivo y mucho más fácil que con cualquier otro constructor que haya usado). Si lo tuviera que comparar con otro grande, Visual Composer, diría que se lo come con patatas en todos los aspectos. Uno de los puntos que me gusta comparar es el tiempo de carga. Los tiempos de carga de una web exactamente igual hecha con Visual Composer y otra con Divi son notorios, sin contar con la limpieza de código (Divi no ensucia el código, algo que hace Visual Composer con sus malditos span en cualquier sitio y divs sin sentido). Si tuviera que recomendar uno, recomendaria Divi sin pensarlo, aunque voy a probar muy muy pronto Elementor.
Totalmente de acuerdo, Divi supera a Visual Composer de largo, aunque es como todo, Visual en buenas manos puede llegar a ser más rápido que Divi pero por defecto opino como tú.
Estoy seguro que Elementor te va a sorprender, cuando lo pruebas si te acuerdas coméntamelo, me gustaría saber qué te ha parecido.
Saludos majo
Hola
Un hermoso día me has hecho saltar de la felicidad con esta orentación y tips
Gracias
Gracias Camila!
hola,
en primer lugar gracias por el aporte.
Pero he querido probar elementor y me sale el ya para mi fatidico error de:
«No se ha podido descomprimir el paquete. El tema no tiene la hoja de estilos style.css.
La instalación del tema ha fallado.»
Estoy deseperada porque este error me sale en un 90% de las plantillas y themes que bajo para probar. Para que sirve wordpress?
Y no lo entiendo, no lo entiendo, por la red he visto que es un error comun, y las soluciones que dan (un zip dentro de un zip, subir la carpeta descomprimida por FTP) no me han servido. Elementor, por ejemplo, cuando bajas version free de su web solo trae su zip conteniendo una sola carpeta.
Pues ni hay manera que se instale.
Se puede arreglar esto, realmente?
gracias
Hola sonia. Contacta con tu hosting para que amplien la memory limit. Creo que puede ser el problema
Hola José Manuel, gracias por responder!
Pero no hay manera 🙁 lo estoy probando todo en local, con xampp + apache ,,,
he editado el fichero wp-config.php y he visto que no existía la linea de configuración del límite de memoria, la he añadido: define(‘WP_MEMORY_LIMIT’, ‘256M’);
he iniciado de nuevo xampp (web server y MySql), he salido de wordpress, vuelto a entrar, e instalar otra vez el elementor (fichero elementor.2.7.4.zip )
Nada El fatídico error sigue apareciendo. Y a pesar de ser este problema común, debo ser la única que no encuentra solución 🙁
En la uni recuerdo que hice webs (para amigos o cosas mias) y utilizaba el FrontPage de Microsoft, que venia en mi antiguo Office 2003. Me parece que tendre que volver a él, y ya veremos como resolvería el acceso a datos, pues el Microsoft Access ya está obsoleto …
Estoy desesperada porque es como si esta plataforma para mi fuera inservible 🙁
Saludo!
Hola Sonia. No me gusta usar servidores locales porque dan problemas
Prueba a usar la web Demoswp. Te permite crear web gratis y prueba si allí da fallo
Gracias por el post! Saludos!
Gracias a tí Pablo por pasarte a comentar
Saludos!