Maquetar páginas en WordPress se ha convertido en una necesidad para muchos blogueros, marcas y empresas que quieren crear landing pages personalizadas con el objetivo de vender sus productos o servicios, hacer lanzamientos, promociones, publicidad o captar nuevos leads.

Cuando empecé a diseñar páginas web (primero en el bloc de notas con HTML y luego con Dreamweaver), crear y maquetar este tipo de páginas era mucho más complejo que ahora.

En los últimos años han aparecido varias herramientas y plugin de los llamados «arrastrar y soltar» que nos han facilitado muchísimo maquetar páginas en WordPress.

¿En qué consisten estos plugins?

Básicamente, incorporan funcionalidades para diseñar páginas (y posts) personalizadas de manera muy visual, es decir, podemos diseñar e ir viendo el resultado a la vez. Y todo con solo arrastrar elementos y colocarlos (soltarlos) en el lugar que queremos que aparezcan.

✅ Su gran ventaja es que no se necesitan grandes conocimientos de diseño a través de código.

❌ Su inconveniente en que suelen incorporar infinidad de opciones y hay que trabajarlos mucho para usarlos con fluidez.

Por ese motivo, hoy he querido recopilar algunos plugins para crear y maquetar páginas en WordPress, con vídeos y ejemplos de cada uno de ellos.

Plugins "arrastrar y soltar" para diseñar y maquetar páginas en WordPress

7 plugins maquetar páginas en WordPress


#1 Divi Builder

Divi es, en mi opinión, la mejor plantilla premium que existe para WordPress. Si eres lector habitual de este blog o sigues mis trabajos, sabrás que es el tema que uso en el 90% de mis diseños.

Divi está disponible en dos formatos:

  • Plantilla para WordPress.
  • Plugin (Divi Builder) para instalar y trabajar con su editor en una plantilla diferente a Divi. Si te llama la atención esta opción, mi consejo es el que lo pruebes con OceanWP, pues juntos hacen un tándem muy completo.
Plugins para maquetar páginas en WordPress: Divi

¿Cómo funciona Divi Builder?

Con su sistema de arrastrar y soltar, se organiza a través de módulos, filas y columnas, lo que permite diseñar todo tipo de páginas. Además, incorpora 46 módulos de contenido, tales como acordeones, sliders, botones, audios, vídeos, personas, llamadas a la acción o formularios.

Y aquí te dejo un tutorial en el que te explico cómo crear una página web con Divi paso a paso, con un ejemplo real.

#2 Thrive Content Builder (Thrive Architect)

Es otro de los plugins más utilizados por los diseñadores para maquetar páginas en WordPress.

Se trata de un plugin 100% visual, que permite diseñar cualquier tipo de página en tiempo real.

Su particularidad es que está orientada a la generación de leads.

Thrive Content Builder incorpora más de 130 temas a partir de los que crear landing pages.

El plugin incluye decenas de elementos (texto, imágenes, botones, formularios,) divididos en diferentes categorías: simples, multi-estilo y avanzados.

Aquí puedes ver un tutorial muy completo de mi colega José Antonio Carreño.

#3 Elementor

Elementor es uno de los últimos que ha aparecido, pero que ha revolucionado el mercado de los maquetadores visuales para WordPress.

Cuenta con una versión gratuita y otra de pago (Elementor Pro), que incorpora funcionalidades más avanzadas.

Similar a los anteriores, con Elementor podemos crear sitios web de gama alta y píxeles perfectos a velocidades récord. Además, se adapta a cualquier tema, cualquier página y cualquier diseño.

Aquí puedes ver cómo funciona:

Plugins "arrastrar y soltar" para diseñar y maquetar páginas en WordPress

Y esta es su carta de presentación: 

#4 Visual Composer (WPBakery Page Builder)

Visual Composer, ahora conocido como WPBakery, fue uno de los primeros plugins de este tipo y que, en mi opinión, con el paso del tiempo se ha quedado atrás por la aparición de nuevos competidores.

Lo he usado bastante y tengo que reconocer que al principio me costó un poco acostumbrarme, pero cuando le pillas el punto, es tan sencillo e intuitivo como el resto.

Al igual que los anteriores, incluye todo tipo de elementos para maquetar una página en WordPress: columnas, filas, cuadros, botones, etc.

Plugins para maquetar páginas en WordPress: Visual Composer

#5 Page Builder by SiteOrigin

Page Builder de Site Origin es el primer plugin de este tipo que utilicé cuando empezaba a diseñar webs con WordPress, hace ya unos cuantos años.

Se trata de un sencillo constructor de páginas que permite montar diseños adaptables usando widgets, arrastrando y soltando.

Es compatible con cualquier plantilla y sus resultados, a pesar de no ser tan profesionales como con los anteriores plugins, no están nada mal si lo que buscas es un diseño sencillo.

#6 Beaver Builder

Beaver Builder es otra opción interesante para maquetar páginas en WordPress.

¿Cuáles son las particularidades de este plugin?

  • Ofrece licencias ilimitadas y soporte mundial.
  • Incluye docenas de plantillas para diseñar páginas.
  • Para ahorrar tiempo, solo hay que elegir una plantilla y reemplazar las imágenes y el texto por el que quieras.
  • Puedes optar entre variedad de estilos utilizando sus ajustes preestablecidos.
  • Se puede utilizar con cualquier tema y, si cambias de plantilla, no vas a perder el contenido. Incluso si dejas de usar Beaver Builder, tu contenido vuelve al editor de WordPress, cosa que no suele suceder con algunos de los anteriores.

Aquí puedes ver un ejemplo real de página web maquetada con Beaver Builder.

Plugins para maquetar páginas en WordPress: Beaver Builder

#7 Gutenberg

Gutenberg es el editor propio de WordPress para maquetar páginas. Está disponible desde hace unos meses, a partir de la versión 5.

Ahora mismo, es posible desactivarlo y seguir editando el editor clásico, pero imagino que en un futuro será de uso obligatorio para todos los usuarios de WordPress.

En esta captura puedes ver cómo aparecen los bloques a la hora de crear una entrada. Por defecto salen los más utilizas, pero hay muchos más disponibles.

Plugins para maquetar páginas en WordPress: Gutenberg

De momento es algo básico, pero con el tiempo irá sumando nuevas opciones y funcionalidades. Por lo tanto, te recomiendo ir acostumbrándote a él a la hora de crear y publicar tus entradas (para páginas no lo recomiendo debido a sus limitaciones).

Y aquí te dejo un vídeo de Fernando Tellado en el que explica cómo convertir entradas clásicas en bloques de Gutenberg, cosa que te recomiendo ir haciendo poco a poco.

Hasta aquí mi repaso por estos 7 plugins para diseñar y maquetar páginas en WordPress ¿Los conocías todos? ¿Cuál usas tú? ¡Cuéntame!

Y recuerda que, si necesitas ayuda con tu sitio, puedes echarle un vistazo a mi servicio de diseño web.

Portada: freepik

Summary
Plugins "arrastrar y soltar" para diseñar y maquetar páginas en WordPress
Article Name
Plugins "arrastrar y soltar" para diseñar y maquetar páginas en WordPress
Description
Descubre cuáles son los mejores plugins para diseñar y maquetar páginas en WordPress y personaliza al máximo el diseño de tu sitio web.
Author
Publisher Name
Max Camuñas
Publisher Logo
Share This