Tabla de contenidos:<\/p>
- \u00bfQu\u00e9 es un editor visual de WordPress?<\/a>
- Ventajas de utilizar un editor visual para WordPress<\/a><\/li><\/ul><\/li>
- Los 4 editores de WordPress m\u00e1s utilizados<\/a>
- 1. Elementor Pro<\/a><\/li>
- 2. Divi Builder<\/a><\/li>
- 3. Thrive Architect<\/a><\/li>
- 4. Visual Composer<\/a><\/li><\/ul><\/li>
- \u00bfY cu\u00e1l es el mejor editor para WordPress?<\/a><\/li>
- En conclusi\u00f3n…<\/a><\/li><\/ul><\/div>\n\n
\u00bfQu\u00e9 es un editor visual de WordPress?<\/span><\/h2>\n
Un editor visual des una herramienta que te facilita todo lo necesario para crear, modificar y dar formato a una p\u00e1gina web de forma intuitiva, f\u00e1cil y r\u00e1pida.<\/p>\n
Tambi\u00e9n es posible referirnos a los editores visuales como:<\/p>\n
- \n
- Constructor visual<\/strong><\/li>\n
- Maquetador visual<\/strong><\/li>\n
- Page builder<\/strong><\/li>\n<\/ul>\n
Normalmente, los editores visuales de WordPress se presentan en formato de plugin. Por tanto, una vez que instalas el plugin y lo activas desde el backend, ya tendr\u00edas todo listo para crear tu p\u00e1gina web<\/a><\/strong>.<\/p>\n
Uno de los puntos fuertes de los editores de WordPress es la interfaz que tienen. Todos ellos tienen un sistema de arrastrar y soltar elementos (drag & drop<\/em>) o bloques de contenido, algo que hace que la construcci\u00f3n de un sitio web se simplifique al m\u00e1ximo.<\/p>\n
Aunque en un principio estos constructores o editores de WordPress fueron dise\u00f1ados para que cualquier persona sin conocimientos t\u00e9cnicos pudiese crear su propia p\u00e1gina web, su uso se ha extendido y popularizado tanto que muchos profesionales web tambi\u00e9n optan por este tipo de herramientas. Pueden hacer su trabajo mucho m\u00e1s r\u00e1pido y, lo mejor, sus clientes pueden modificar, actualizar o eliminar contenido sin complicaciones.<\/p>\n
Ventajas de utilizar un editor visual para WordPress<\/span><\/h3>\n
No hay marcha atr\u00e1s. Los page builders han llegado para quedarse y estas son algunas de las razones por las que estas herramientas ya se han ganado el corazoncito de los usuarios y profesionales de WordPress:<\/p>\n
- \n
- Son f\u00e1ciles de utilizar:<\/strong> los constructores visuales de WordPress se caracterizan principalmente por su sencillez. Normalmente, tendr\u00e1s disponible una interfaz drag & drop<\/i> para incorporar, eliminar o editar los elementos de tu p\u00e1gina web<\/a><\/strong>.<\/li>\n
- No necesitas conocimientos t\u00e9cnicos:<\/strong> los constructores visuales han sido creados para que no sea necesario tocar el c\u00f3digo de la web.<\/li>\n
- Personalizable:<\/strong> los editores visuales te permiten crear tu propio dise\u00f1o, adaptado a las necesidades de tu web.<\/li>\n
- Alto grado de compatibilidad:<\/strong> se adaptan perfectamente con casi cualquier plantilla de WordPress<\/a><\/strong> que tengas instalada en tu sitio.<\/li>\n
- Ahorras tiempo y dinero:<\/strong> no dependes de terceros para crear tu web y esto te permitir\u00e1 trabajar de una forma m\u00e1s eficiente.<\/li>\n<\/ul>\n
Los 4 editores de WordPress m\u00e1s utilizados<\/span><\/h2>\n
Ahora que ya sabes qu\u00e9 es un editor visual o page builder, me imagino que querr\u00e1s saber cu\u00e1l es el mejor para WordPress, \u00bfverdad?
\n<\/strong><\/p>\nA continuaci\u00f3n te muestro las cuatro opciones m\u00e1s utilizadas en WordPress. Te recomiendo que le eches un ojo a cada una de ellas e incluso los pruebes en alguna demo que te ofrecen en sus p\u00e1ginas web. As\u00ed puedes ver t\u00fa mismo como funcionan y quedarte con el<\/p>\n
Nota<\/strong>: Si est\u00e1s buscando una opci\u00f3n espec\u00edfica para crear una p\u00e1gina de aterrizage, te recomiendo que le eches un ojo a este otro art\u00edculo: Los mejores plugins para crear una landing page en WordPress<\/a><\/strong>.<\/p>\n
1. Elementor Pro<\/span><\/h3>\n
![\"Elementor](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/elementor-pro.png\" "\\"\\"")
<\/p>\nPese a ser el m\u00e1s \u00abjoven\u00bb de nuestra lista, muchos ya consideran Elementor<\/a> como el mejor editor para WordPress y de hecho se ha convertido en uno de los constructores visuales m\u00e1s utilizados en Espa\u00f1a.<\/p>\n
Uno de los puntos fuertes de este plugin y por lo que muchos lo eligen para construir su p\u00e1gina web es que Elementor tiene una versi\u00f3n gratuita disponible en el repositorio oficial de WordPress<\/a><\/strong>. Aunque es una versi\u00f3n limitada, es suficiente para poner en marcha una p\u00e1gina web sin mucho esfuerzo.<\/p>\n
Las principales caracter\u00edsticas de Elementor Pro:\u00a0<\/strong><\/p>\n
- \n
- Cambios en vivo: podr\u00e1s ver todas las modificaciones que vas haciendo a tiempo real, sin necesidad de actualizar o guardar cambios.<\/li>\n
- Compatible con un mont\u00f3n de plantillas de WordPress<\/a><\/strong>. Aunque tengas m\u00e1s de 300 plantillas disponibles en la versi\u00f3n Pro, tambi\u00e9n puedes utilizar tus propios temas.<\/li>\n
- M\u00e1s de 30 widgets b\u00e1sicos (galer\u00edas de im\u00e1genes, valoraciones, testimonios, iconos sociales, migas de pan<\/a>, etc.).<\/li>\n
- Posibilidad de crear una p\u00e1gina de construcci\u00f3n en WordPress<\/a><\/strong> o poner tu web en modo mantenimiento.<\/li>\n
- M\u00e1s de 50 widgets avanzados para crear una web a tu gusto.<\/li>\n
- M\u00e1s de 300 plantillas disponibles.<\/li>\n
- Constructor de formularios de contacto.<\/li>\n
- Constructor de WooCommerce.<\/li>\n
- Personalizaci\u00f3n de CSS<\/a>.<\/li>\n
- Personalizaci\u00f3n de p\u00e1ginas de error 404<\/a><\/strong>.<\/li>\n
- Crear el efecto Parallax<\/strong>.<\/a><\/li>\n
- Disponible en espa\u00f1ol.<\/li>\n<\/ul>\n
2. Divi Builder<\/span><\/h3>\n
![\"Divi](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/divi.jpg\" "\\"\\"")
<\/p>\nSi hablamos del mejor editor para WordPress, es casi obligatorio mencionar a Divi Builder<\/strong><\/a>. Adem\u00e1s, tiene una historia bastante curiosa que me gustar\u00eda que conocieras.<\/p>\n
Divi naci\u00f3 en el a\u00f1o 2013 como una plantilla para WordPress, desarrollada por Elegant Themes, uno de los proveedores m\u00e1s importantes de complementos para este gestor de contenidos<\/a><\/strong>.<\/p>\n
Desde su lanzamiento de este tema se han ido lanzando mejoras y novedades que lo han convertido en uno de los temas premium m\u00e1s famosos de WordPress, de hecho, si has trabajado alguna vez con este CMS seguro que te suena, \u00bfverdad?<\/p>\n
Pues bien, una de estas mejoras fue el lanzamiento de Divi Builder en 2015, un editor de WordPress o maquetador visual que estaba disponible solo para los usuarios de plantillas de Elegant Themes.<\/p>\n
Ahora la cosa ha dado un cambio. Divi dej\u00f3 de ser una simple plantilla<\/em> para convertirse en una soluci\u00f3n integral de WordPress.<\/p>\n
Con Divi tendr\u00e1s acceso a un editor visual muy potente que incluye los dise\u00f1os de Elegant Themes y m\u00e1s de 100 layouts para crear tu p\u00e1gina web. Asimismo, es compatible con otras muchas plantillas de WordPress.<\/p>\n
\u00bfLo malo de Divi? No tiene versi\u00f3n gratuita, aunque s\u00ed una demo<\/strong><\/a> con la que puedes ver c\u00f3mo funciona la interfaz de este constructor visual. La suscripci\u00f3n a Divi para una web ronda los 90 \u20ac al a\u00f1o, nada exagerado teniendo en cuenta que no solo se trata de un constructor visual y cuenats con 30 d\u00edas para solicitar la devoluci\u00f3n del servicio si finalmente no te convence.<\/p>\n
Principales caracter\u00edsticas de Divi Builder:<\/strong><\/p>\n
- \n
- Soluci\u00f3n muy completa: page builder, acceso a las plantillas de Elegant Themes, m\u00e1s de 100 paquetes completos para tus p\u00e1ginas web\u2026<\/li>\n
- M\u00e1s de 40 m\u00f3dulos o widgets disponibles.<\/li>\n
- Interfaz drag & drop<\/i> muy sencilla y muy limpia.<\/li>\n
- M\u00f3dulos espec\u00edficos para una tienda online con WooCommerce.<\/li>\n
- Dise\u00f1os espec\u00edficos para crear portfolios.<\/li>\n
- Acceso a m\u00e1s de 1000 im\u00e1genes e ilustraciones gratuitas.<\/li>\n
- Posibilidad de a\u00f1adir CSS personalizado.<\/li>\n
- Disponible en espa\u00f1ol.<\/li>\n<\/ul>\n
3. Thrive Architect<\/span><\/h3>\n
![\"Thrive](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/thrive-architect.jpg\" "\\"\\"")
<\/p>\nOtra opci\u00f3n bastante buena es Thrive Architect<\/a><\/strong>.<\/p>\n
Aunque en la pr\u00e1ctica vas a poder crear cualquier tipo de p\u00e1gina web, los dise\u00f1os disponibles en este editor de WordPress est\u00e1n muy orientados hacia la conversi\u00f3n, por lo que es ideal para crear landing pages de venta o captaci\u00f3n de leads.<\/p>\n
\u00bfLo malo de Thrive Architect? Que no est\u00e1 en espa\u00f1ol. Pese a ser un plugin bastante intuitivo y f\u00e1cil de utilizar, si no te llevas muy bien con la lengua de Shakespeare<\/em>, te resultar\u00e1 mucho m\u00e1s dif\u00edcil de utilizar.<\/p>\n
Por cierto, ten en cuenta que Thrive Architect no tiene una versi\u00f3n gratuita. \u00danicamente se puede utilizar bajo licencia, pero tienes 30 d\u00edas de garant\u00eda de reembolso por si finalmente no te convence.<\/p>\n
Principales caracter\u00edsticas de Thrive Architect:<\/strong><\/p>\n
- \n
- Editor drag & drop<\/em>.<\/li>\n
- M\u00e1s de 300 dise\u00f1os disponibles orientados a maximizar conversiones.<\/li>\n
- M\u00e1s de 30 elementos disponibles.<\/li>\n
- Tiene disponible una API para integrar tu web con hasta 23 proveedores de email diferentes sin necesidad de instalar plugins adicionales.<\/li>\n
- Dispone de una plantilla para poner WordPress en modo mantenimiento<\/a><\/strong>.<\/li>\n
- Opciones de personalizaci\u00f3n muy avanzadas.<\/li>\n
- Posibilidad de crear tests A\/B<\/a><\/strong>.<\/li>\n<\/ul>\n
4. Visual Composer<\/span><\/h3>\n
![\"Visual](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/visual-composer.jpg\" "\\"\\"")
<\/p>\nY, por \u00faltimo, un cl\u00e1sico: Visual Composer<\/a><\/strong>. Este editor para WordPress naci\u00f3 en el a\u00f1o 2011 y supuso toda una revoluci\u00f3n en la forma de crear una web en WordPress.<\/p>\n
Visual Composer puede ser una buena opci\u00f3n para los usuarios que est\u00e1n empezando con su p\u00e1gina web ya que el editor es muy intuitivo y la curva de aprendizaje es muy baja.<\/strong> Adem\u00e1s tiene mucha documentaci\u00f3n disponible debido al gran recorrido de este plugin, ten en cuenta que tiene casi 10 a\u00f1os de vida.<\/p>\n
\u00bfLo malo? Se est\u00e1 quedando un poco anticuado.<\/strong> Muchos profesionales optan por page builders m\u00e1s modernos con funcionalidades m\u00e1s avanzadas y adaptados a las necesidades actuales como, por ejemplo, Elementor Pro. Tambi\u00e9n hay opiniones de todo tipo sobre c\u00f3mo afecta el rendimiento web el uso de Visual Composer.<\/p>\n
Lo bueno es que, como cuenta con una versi\u00f3n gratuita en el repositorio oficial de WordPress. Podr\u00e1s probarlo sin compromiso para hacerte una idea del funcionamiento de este maquetador.<\/p>\n
Principales caracter\u00edsticas de Visual Composer:<\/strong><\/p>\n
- \n
- Tiene dos editores: un editor frontend<\/a> y un editor backend.<\/li>\n
- Compatible con shortcodes de WordPress.<\/li>\n
- Dispone de una extensi\u00f3n espec\u00edfica para WooCommerce.<\/li>\n
- Opciones de optimizaci\u00f3n para SEO.<\/li>\n
- Alto grado de compatibilidad con otros temas de WordPress<\/a>.<\/li>\n
- Disponible en espa\u00f1ol.<\/li>\n
- Acceso a una librer\u00eda de im\u00e1genes y fotos gratuitas.<\/li>\n
- Personalizaci\u00f3n de la p\u00e1gina de error 404<\/a>.<\/li>\n
- Este editor visual viene incluido por defecto en muchos temas de Themeforest.<\/li>\n
- M\u00e1s de 100 dise\u00f1os disponibles y 200 elementos para personalizar tu p\u00e1gina web.<\/li>\n<\/ul>\n
\u00bfY cu\u00e1l es el mejor editor para WordPress?<\/span><\/h2>\n
Depende. S\u00e9 que esta respuesta no te soluciona nada, pero todo depende de las necesidades de tu web y el presupuesto del que dispones.<\/p>\n
No es lo mismo que tengas un ecommerce o una landing page para captar leads<\/a><\/strong>. Por ejemplo, Elementor Pro tienen m\u00f3dulos espec\u00edficos para tienda online y se integra muy bien con WooCommerce, en cambio si quieres ganar conversiones Thrive Architect te lo pone muy f\u00e1cil con todos los dise\u00f1os que tiene disponibles. \u00bfQuieres crear un portfolio? Entonces mejor piensa en Divi Builder, tiene un mont\u00f3n de plantillas espec\u00edficas para mostrar todos tus trabajos.<\/p>\n
Mi consejo es testees al menos dos editores. As\u00ed puedes comprobar c\u00f3mo funciona el constructor en WordPress, si se adapta a lo que estas buscando y si te resulta f\u00e1cil a la hora de manejarlo.<\/p>\n
Por si te sirve de ayuda, aqu\u00ed te dejo una tabla con una comparativa a modo de resumen con lo que vimos hasta ahora \ud83d\ude42 .<\/p>\n
![\"Tabla](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/06\/comparativa-mejor-editor-para-wordpress.png\" "\\"\\"")
Comparativa de los mejores editores para WordPress<\/p><\/div>\n
En conclusi\u00f3n…<\/span><\/h2>\n
Si est\u00e1s buscando el mejor editor para WordPress, Elementor Pro, Divi, Thrive Architect o Visual Composer pueden ser muy buenas opciones para ti. A la hora de elegirlo, ten en cuenta cu\u00e1les son las necesidades de tu web y, si tienes dudas, haz pruebas. Es la \u00fanica forma de saber si es el adecuado para ti.<\/p>\n
Recuerda tambi\u00e9n la importancia de tener un plan de hosting espec\u00edfico para tu aplicaci\u00f3n. Por ejemplo, nuestros planes de Hosting WordPress SSD<\/strong><\/a> o, si tienes una web m\u00e1s grande, Hosting El\u00e1stico<\/strong><\/a> son perfectos para tener una web r\u00e1pida, segura y mejor posicionada en Google.<\/p>\n
- M\u00e1s de 30 widgets b\u00e1sicos (galer\u00edas de im\u00e1genes, valoraciones, testimonios, iconos sociales, migas de pan<\/a>, etc.).<\/li>\n
- No necesitas conocimientos t\u00e9cnicos:<\/strong> los constructores visuales han sido creados para que no sea necesario tocar el c\u00f3digo de la web.<\/li>\n
- Maquetador visual<\/strong><\/li>\n
- 2. Divi Builder<\/a><\/li>
- Los 4 editores de WordPress m\u00e1s utilizados<\/a>
- Ventajas de utilizar un editor visual para WordPress<\/a><\/li><\/ul><\/li>