🚀 13 Plugins de shortcodes y maquetadores visuales para WordPress en 2026
Cambió de tema en WordPress y todos los botones, pestañas y columnas atractivos que venían incluidos desaparecieron. ¿Le suena familiar? Los shortcodes integrados del tema están vinculados a su archivo functions.php, y cuando cambia de tema pierde absolutamente todo lo que construyó durante meses. Una migración sin contratiempos solo es posible si traslada los elementos personalizados a plugins de antemano.
Pero ¿para qué molestarse con shortcodes si existen los maquetadores visuales? La respuesta es más simple de lo que parece: si el diseño del sitio le funciona y el tema cubre por completo sus necesidades de maquetación, arrastrar un maquetador visual completo con sus megabytes de CSS y JS solo para un par de botones y acordeones es innecesario. Los shortcodes resuelven el problema de forma precisa: inserte un botón en una entrada, añada una alerta a la página de servicios, construya columnas para una página de aterrizaje y no se carga nada adicional.
Hemos recopilado 13 herramientas funcionales, desde plugins de shortcodes ligeros hasta maquetadores visuales con todas las funciones, para que pueda elegir exactamente lo que necesita para una tarea específica. Cada plugin está probado: activo, actualizado y funciona con WordPress 6.4+ actual.
💡 Resumen rápido:
- Descubra qué plugins de shortcodes realmente funcionan en 2026 y no entran en conflicto con Gutenberg
- Obtenga shortcodes para botones, pestañas, acordeones, alertas, galerías, columnas e inserciones personalizadas de HTML/CSS/JS
- Compare maquetadores visuales, desde los ligeros (Live Composer, SiteOrigin) hasta los profesionales (Elementor, Breakdance)
- Elija una herramienta para su tarea: shortcodes de precisión o «arrastrar y soltar» completo
Plugins de shortcodes: herramientas de precisión para cada tarea
Los shortcodes son buenos precisamente porque no arrastran un ecosistema consigo. Un plugin y aparece un botón en su editor para insertar pestañas, alertas, botones y columnas. Sin sobrecarga, sin conflictos con el tema. Esto es lo que realmente funciona en 2026.
1. Shortcodes Ultimate
El plugin gratuito de shortcodes más popular en el repositorio de WordPress, con más de 400.000 instalaciones activas y más de 50 elementos listos para usar. Pestañas, acordeones, botones, galerías, sliders, carruseles, lightboxes, columnas, bloques de iconos, Google Maps, tablas adaptables; todo se inserta mediante un botón en el editor clásico o a través de un bloque nativo de Gutenberg.
El plugin es totalmente compatible con el editor de bloques: cada shortcode tiene su propio bloque, por lo que no necesita recordar la sintaxis. El editor CSS integrado le permite sobrescribir estilos para el tema, y el soporte RTL le salva en proyectos multilingües. La versión básica es gratuita; los complementos Pro ($39/año) añaden Shortcodes Extra (línea de tiempo, tabla de precios, carrusel de imágenes) y eliminan los créditos.
Ventajas: enorme base de usuarios, soporte activo, bloques de Gutenberg, editor CSS. Desventajas: algunos estilos predeterminados requieren ajustes para temas personalizados, las funciones Pro solo por suscripción.
🔗 Shortcodes Ultimate en WordPress.org
2. Shortcoder
Shortcoder resuelve una tarea fundamentalmente diferente: no proporciona botones y pestañas listos, sino que le permite crear sus propios shortcodes con cualquier HTML, CSS y JavaScript. Envuelva un código de Google AdSense en un shortcode e insértelo en cualquier lugar con una sola etiqueta. Escriba un bloque personalizado con parámetros y páselos mediante atributos de shortcode.
Ideal para quienes necesitan incrustar código de terceros con precisión quirúrgica sin editar las plantillas del tema. Admite la carga de archivos CSS/JS a la biblioteca de medios, enlaces a scripts CDN externos y la creación de fragmentos HTML con marcadores de posición que se reemplazan por valores de atributos al insertarlos. Gratuito, con más de 60.000 instalaciones activas.
Ventajas: personalización ilimitada, shortcodes parametrizados, funciona con scripts externos. Desventajas: requiere conocimientos básicos de HTML/CSS/JS, no es para «construir un botón con un par de clics».
3. Meks Flexible Shortcodes
Plugin ligero y agradable del equipo Meks, creadores de temas populares para editoriales y blogs. Solo incluye algo más de 12 shortcodes, pero cada uno está pulido: alertas con color personalizable, barras de progreso, botones de tres tamaños, divisores, columnas y bloques destacados. Sin un laberinto de ajustes: haga clic en un botón del editor visual, elija un shortcode del menú desplegable, complete 2 o 3 parámetros e insértelo.
El plugin está diseñado específicamente para que los estilos tengan conflictos mínimos con el tema: utiliza una paleta de colores neutra y hereda las fuentes. Gratuito, sin versiones Pro ni ventas adicionales. Más de 20.000 instalaciones activas.
Ventajas: simplicidad que raya en «instalar y olvidar», los estilos conviven en armonía con el tema, cero ventas adicionales. Desventajas: pocos elementos, solo lo básico, sin sliders, galerías ni pestañas.
🔗 Meks Flexible Shortcodes en WordPress.org
4. Events Shortcodes para The Events Calendar
Plugin altamente especializado para sitios que usan The Events Calendar (más de 800.000 instalaciones). El plugin de calendario básico muestra eventos a través de sus plantillas, pero ¿qué sucede si necesita insertar una lista de próximos eventos en una barra lateral o en una página personalizada? Events Shortcodes añade shortcodes para mostrar eventos como una lista, una lista minimalista o una línea de tiempo.
La versión Pro ($49/año) añade visualización por sede, sliders de eventos, cuadrícula de calendario y filtrado por categorías. Para sitios de conferencias, teatros y plataformas educativas, es imprescindible.
Ventajas: cubre una carencia crítica de The Events Calendar, tres modos de visualización. Desventajas: requiere The Events Calendar activo, la versión Pro cuesta $49/año.
🔗 Events Shortcodes en WordPress.org
Constructores visuales: cuando los shortcodes no bastan
Los shortcodes son buenos para ediciones puntuales. Pero si necesita construir una página de destino desde cero, armar una página de inicio personalizada o rediseñar una plantilla de entradas, entran en juego los constructores visuales. Esto es lo relevante en 2026.
5. Elementor
El constructor visual más popular del ecosistema WordPress, con más de 16 millones de instalaciones activas. Interfaz de arrastrar y soltar con vista previa en vivo, más de 100 widgets en la versión gratuita y más de 300 en Pro ($59 al año por un sitio). Sistema de contenedores basado en Flexbox, puntos de ruptura personalizados para diseño adaptable, pestañas y acordeones anidados, contenido dinámico desde ACF y campos personalizados.
Elementor hace tiempo que superó la etiqueta de «constructor visual»: es una plataforma completa con constructor de temas, ventanas emergentes, páginas de WooCommerce y constructor de bucles para archivos. La licencia Pro incluye más de 100 kits listos para empezar al instante. Para sitios de clientes y trabajo de agencia, es el estándar de la industria.
Ventajas: la comunidad más grande, montones de plantillas listas, integración profunda con WooCommerce. Desventajas: genera muchos elementos del DOM, puede ralentizarse en hostings débiles, salir del ecosistema es doloroso.
6. WPBakery Page Builder
Anteriormente Visual Composer, uno de los constructores más antiguos y extendidos (incluido en miles de temas premium en ThemeForest). Editor de backend con módulos de arrastrar y soltar y lightbox frontal para ajustes finos. Construido sobre jQuery UI y Bootstrap, incluye más de 50 módulos de contenido y «bloques», equivalentes a shortcodes para Google Maps, iconos sociales, acordeones, pestañas y botones.
Licencia de $59 (pago único) por un sitio con actualizaciones de por vida. En los temas donde WPBakery viene incluido, es gratuito. Entre las desventajas, deja muchos shortcodes en el cuerpo de la entrada al desactivarlo (el clásico problema del «contenido bloqueado»).
Ventajas: enorme base de temas con inclusión, pago único, código maduro. Desventajas: interfaz de backend pesada, contenido bloqueado al cambiar de constructor, más lento que sus competidores.
7. Beaver Builder
Elección de agencias y freelancers que valoran la estabilidad y el código limpio. Beaver Builder no genera un desorden de shortcodes al desactivarse, el contenido permanece legible en el editor de WordPress. Drag-and-drop frontal con vista previa en vivo, más de 30 módulos para texto, imágenes, sliders, formularios, cajas de iconos, mapas y tablas de precios.
La versión Lite gratuita en WordPress.org ofrece un conjunto básico de módulos. La versión Premium desde $99/año (sitios ilimitados) incluye Beaver Themer para construir plantillas de entradas, archivos, cabeceras y pies de página, un competidor directo de Elementor Pro en el segmento de edición completa del sitio. Más de 500.000 instalaciones totales.
Ventajas: salida limpia sin «contenido bloqueado», sitios ilimitados en premium, Beaver Themer. Desventajas: menos módulos que Elementor, más caro para un solo sitio.
🔗 Beaver Builder en WordPress.org
8. Divi Builder (Elegant Themes)
Divi es un constructor visual + tema en un solo paquete de Elegant Themes. Funciona tanto con el tema Divi como con cualquier tema de terceros mediante el Plugin Divi Builder. Editor visual con edición de texto en línea (hace clic en el título y escribe), más de 200 diseños listos para usar, pruebas A/B, filtros CSS personalizados, motor de degradados y sistema de roles.
Licencia de $89/año para sitios ilimitados + acceso a todos los temas de Elegant Themes. La característica principal, Divi Cloud, para almacenar diseños y sincronizarlos entre proyectos. Para un freelancer con una docena de sitios de clientes, resulta económicamente muy rentable.
Ventajas: sitios ilimitados en la suscripción, más de 200 diseños listos para usar, edición en línea. Desventajas: backend pesado con muchos diseños guardados, salida del ecosistema similar a Elementor.
9. SiteOrigin Page Builder
El constructor de páginas gratuito original, con más de 500.000 instalaciones. A diferencia de Elementor y WPBakery, SiteOrigin no inventa sus propios widgets, sino que utiliza los widgets estándar de WordPress en una cuadrícula responsive de múltiples columnas. Esto significa que cualquier widget instalado (de cualquier plugin) está disponible inmediatamente para arrastrarlo al diseño.
Edición desde el backend, con historial de cambios (vuelta atrás a cualquier paso) y vista previa con un clic. El paquete adicional SiteOrigin Widgets Bundle añade más de 25 widgets personalizados (galería, slider, Google Map, tabla de precios, testimonios). Completamente gratuito, ideal para quienes desean permanecer en el ecosistema de WordPress sin dependencia de un proveedor.
Ventajas: gratuito, utiliza widgets estándar, desactivación limpia sin desorden de shortcodes. Desventajas: el editor de backend no tiene vista previa en vivo, menos diseños listos para usar.
🔗 SiteOrigin Page Builder en WordPress.org
10. Brizy
Brizy, el «caballo negro» entre los constructores: enfoque en la UX para usuarios no técnicos. Interfaz con panel izquierdo minimalista y controles contextuales directamente sobre el lienzo: arrastra la esquina de una imagen y la estira, hace clic en el texto y lo edita. Más de 40 elementos (botones, formularios, sliders, temporizadores), colores y tipografía globales, puntos de ruptura personalizados.
Versión gratuita en WordPress.org con elementos básicos. La versión Pro ($49 al año para 1 sitio, $99 al año para 100 sitios) añade popups, contenido dinámico, integraciones de marketing y constructor de cabecera y pie de página con condiciones de visualización. La plataforma en la nube Brizy Cloud ($16 al mes) le permite crear páginas de aterrizaje sin necesidad de WordPress.
Ventajas: experiencia de usuario excepcional, creación rápida de prototipos, Pro económico para agencias ($99 para 100 sitios). Desventajas: menos plantillas listas que Elementor o Divi, comunidad joven.
11. Breakdance
Un actor nuevo en el mercado de constructores (lanzado en 2023), pero ya con una base impresionante: más de 140 elementos, visualización condicional, contenido dinámico, constructor de popups, formularios, temas, constructor de cabecera y pie de página, Mega Menú y constructor para WooCommerce, todo incluido de serie, sin cargos adicionales por módulos.
Interfaz en modo dividido: lienzo con vista previa en vivo y panel de ajustes a la derecha. El analizador de rendimiento integrado muestra cuántos elementos DOM genera la página. $149.99 al año para sitios ilimitados, una de las mejores relaciones precio/prestaciones del mercado.
Ventajas: más de 140 elementos sin cargos adicionales, analizador de rendimiento integrado, WooCommerce incluido de serie. Desventajas: producto joven, menos material de aprendizaje que Elementor.
12. Live Composer
Constructor gratuito de código abierto con edición en el frontend. A diferencia de la mayoría de sus competidores, que trabajan en el backend o mediante una interfaz separada, Live Composer le permite editar la página justo donde la ven los visitantes, en el frontend.
Panel modular en la parte inferior de la pantalla: arrastre módulos (texto, entradas de blog, galerías, testimonios, mapas, botones) al lienzo y vea el resultado de inmediato. Más de 30.000 instalaciones, actualizado activamente. Adecuado para páginas de aterrizaje y maquetaciones rápidas de páginas promocionales.
Ventajas: gratuito y de código abierto, edición en vivo en el frontend, ligero. Desventajas: menos elementos que los constructores comerciales, sin constructor de temas.
🔗 Live Composer en WordPress.org
13. Themify Builder
Constructor del estudio canadiense Themify con modos de edición en backend y frontend. Puede construir páginas con el ratón en el administrador o cambiar a la vista previa en vivo y ajustar visualmente. Más de 40 módulos, incluyendo slider, galería, mapas, productos de WooCommerce, formularios, panel de iconos y tabla de precios.
Si utiliza un tema de Themify, el constructor viene integrado de forma gratuita con Themify Framework. Para temas de terceros, existe un plugin independiente de Themify Builder. Hay complementos para funciones adicionales (línea de tiempo, tabla de precios, formulario de contacto, pruebas A/B), pero la base es generosa.
Ventajas: dos modos de edición (backend y frontend), base de módulos amplia. Desventajas: algunos complementos son de pago, vinculado al ecosistema de Themify.
⁉️🤔 Preguntas frecuentes
¿Puedo usar shortcodes junto con Gutenberg?
Sí, y así es exactamente como lo hace la mayoría de los usuarios en 2026. Gutenberg proporciona un bloque estándar de «Shortcode»: inserte cualquier shortcode de un plugin en el cuerpo de la entrada. Muchos plugins de shortcodes (Shortcodes Ultimate, Shortcoder) también registran sus propios bloques de Gutenberg para cada elemento; botones, pestañas y acordeones se añaden como bloques normales, sin necesidad de escribir corchetes manualmente. No hay conflictos entre los shortcodes y el editor de bloques: son dos capas paralelas que conviven correctamente en el contenido. Gutenberg es, desde 2024, el editor predeterminado en todas las instalaciones nuevas de WordPress (versión 6.4+). Todos los plugins de shortcodes incluidos en este análisis están probados específicamente para garantizar su compatibilidad con él.
¿Shortcodes o constructor visual? ¿Qué elegir para el sitio de un cliente?
Decida según un criterio: ¿cuántos diseños de página únicos necesita el cliente? Si se trata de un blog con un diseño estándar y un par de elementos personalizados (un botón, un formulario, un aviso), los shortcodes serán más que suficientes y el sitio se mantendrá rápido. Para clientes que vayan a gestionar el sitio por sí mismos, la barrera de entrada también importa: Elementor es intuitivamente claro para un usuario no técnico (ve, hace clic, edita). Los shortcodes con interfaz de administración (Shortcodes Ultimate) también son sencillos, pero requieren recordar dónde está cada botón. Si el cliente planea cambiar la estructura de las páginas con regularidad, un constructor visual le ahorrará horas de soporte.
¿Qué pasa con el contenido si elimino el constructor?
Un problema clásico de WordPress: desactiva el constructor y, en lugar de contenido, ve un montón de shortcodes entre corchetes. No todos los constructores se comportan igual. Beaver Builder y SiteOrigin dejan el contenido legible; sus datos se almacenan en
post_contentcomo comentarios HTML y, tras la desactivación, WordPress muestra texto plano. Elementor y Divi generan «contenido bloqueado»: sin el plugin activo solo verá shortcodes y marcado JSON. Si alguna vez planea cambiar de constructor, elija SiteOrigin o Beaver Builder, o prepárese para una migración manual del contenido mediante exportación/importación.
¿Cómo compruebo si el constructor está ralentizando el sitio?
Abra cualquier página creada con el constructor en Google PageSpeed Insights o GTmetrix. Fíjese en el tamaño del DOM: si el constructor genera más de 1500 elementos DOM por página, es un motivo para reflexionar. A modo de comparación: una página de SiteOrigin con tres columnas y cinco widgets suele estar entre 800 y 1000 elementos DOM, mientras que un diseño complejo de Elementor con animaciones y superposición de capas puede generar más de 2500. Breakdance tiene un contador de DOM integrado en el propio editor. Un indicador adicional es el número de solicitudes HTTP: constructores como Elementor y Divi cargan archivos CSS/JS comunes en cada página, incluso si no se utilizan widgets específicos.
¿Cuál es el constructor más ligero para sitios pequeños?
Live Composer y SiteOrigin, dos constructores de código abierto con una huella mínima. Live Composer carga solo lo que se usa en la página (carga de recursos bajo demanda), y SiteOrigin se apoya en los widgets estándar de WordPress sin su propio framework pesado de JavaScript. Para un sitio de tarjeta de presentación o un blog pequeño donde se necesita el constructor para 2 o 3 páginas, esta es la elección óptima sin lastre adicional. Si el presupuesto lo permite, Brizy ($49/año) ofrece una experiencia visual al nivel de Elementor con una huella significativamente menor; su paquete de JavaScript es entre 2 y 2,5 veces más ligero que el de Elementor.
Qué herramienta elegir para su tarea
Aquí no hay una respuesta universal del tipo «instale X y no se preocupe»; los shortcodes y los constructores resuelven tareas demasiado diferentes. En su lugar, le ofrezco una matriz de decisión para tres escenarios típicos:
«Ya tengo un buen tema, solo necesito añadir botones y avisos a las entradas.» → Shortcodes Ultimate. Más de 400 000 usuarios no pueden estar equivocados. Gratuito, más de 50 elementos, bloques de Gutenberg.
«Soy freelance, gestiono 15 sitios de clientes y necesito un constructor para crear páginas de destino rápidamente.» → Divi o Breakdance. Divi: $89/año para sitios ilimitados + más de 200 diseños listos para usar (arranque rápido). Breakdance: $149,99/año, más de 140 elementos sin cargos adicionales (máximas prestaciones por dólar).
«Necesito crear una sola página de destino y olvidarme, no quiero multiplicar las suscripciones.» → Beaver Builder Lite (gratuito) o SiteOrigin (gratuito). Ambos dejan el contenido limpio al desactivarlos: se instalan, se crea la página y se eliminan.
«Sitio WooCommerce, necesito personalizar las fichas de producto y el carrito.» → Elementor Pro ($59/año), integración profunda con WooCommerce mediante el constructor para páginas de producto, carrito y finalización de compra. Como alternativa, Breakdance ($149,99/año) con módulos de WooCommerce incluidos de serie.
«Tengo una tienda en línea y quiero añadir shortcodes quirúrgicos de WooCommerce sin un constructor.» → Shortcodes integrados de WooCommerce (gratuitos en el núcleo del plugin), más de 20 funciones para la tienda, el carrito, los estados de pedido y la autenticación. Documentación en woocommerce.com.
Regla simple: si la tarea se resuelve con un solo shortcode, no arrastre un constructor. Si necesita cinco shortcodes diferentes en cada página, el constructor le ahorrará tiempo, aunque parezca «pesado».
Un equipo profesional de escritores y editores especializados en la creación de contenido de calidad.