GMC Builder — Documentación (WordPress)
GMC Builder for WordPress crea landing pages, secciones hero y layouts completos mediante tres superficies de autoría: un editor visual drag-and-drop, un editor de JSON en bruto validado y autoría asistida por IA a través del servidor GMC Builder MCP incluido. Las tres escriben el mismo formato de layout portable, que el plugin renderiza en el servidor con PHP — no interviene ningún servicio externo de page builder. Requisitos: WordPress en una versión soportada y PHP 8.1 o superior.
Instalación
- En el panel de administración de WordPress, ve a Plugins → Añadir nuevo → Subir plugin.
- Sube el zip
wp-gmc-builderque recibiste con tu compra (puedes volver a descargar la última build desde tu cuenta en cualquier momento). - Haz clic en Instalar ahora y después en Activar.
El editor visual viene incluido con el plugin, así que no se necesita ninguna instalación adicional para empezar a construir.
Configuración
- Download Key. Tras la compra recibes una Download Key junto con tu email de licencia. Introdúcela en la pantalla de ajustes del plugin — el campo aparece después de la activación. La clave desbloquea las actualizaciones con licencia en un clic desde el servidor de actualizaciones; déjala configurada para que las actualizaciones sigan llegando mientras tu suscripción esté activa.
- Bloques dinámicos de catálogo. Los bloques de Tours, galería social y formulario de leads obtienen sus datos del producto GMC correspondiente (Tours, galería o Lead Capture). Solo necesitas tener instalado ese producto si realmente usas el bloque; si falta la fuente de datos, el bloque falla de forma controlada en lugar de romper la página.
- Temas. La apariencia de los layouts se controla mediante temas basados en design tokens, y se incluye un asistente de migración desde YOOtheme para layouts procedentes de ese builder.
Uso del plugin
El editor visual
El editor drag-and-drop ofrece vistas previas responsive para escritorio, tablet y móvil. Compones las páginas a partir de quince elementos seguros que cubren estructura, texto, medios, schema de FAQ y mapas de alojamientos, además de los bloques nativos del catálogo: Tours, galería y formulario de leads. Todo lo que guardas pasa por un schema estricto en el servidor que normaliza el layout y elimina el marcado no soportado. El plugin también añade contexto SEO automático y salida Schema.org, y ejecuta una auditoría de accesibilidad integrada sobre tu trabajo.
Edición como JSON en bruto
Cada layout se guarda como JSON portable, y puedes editar ese JSON directamente. El editor en bruto escribe exactamente el mismo formato validado que el editor visual, así que puedes alternar entre ambos con total libertad. Como los layouts son JSON plano, se pueden exportar, versionar y restaurar sin depender de un servicio de builder alojado — útil para copias de seguridad y para mover layouts entre sitios.
Autoría asistida por IA (MCP)
El plugin incluye el servidor GMC Builder MCP, que permite que un asistente de IA cree layouts por ti. Los layouts generados por IA pasan por la misma validación en el servidor y se guardan en el mismo formato portable, de modo que el resultado es intercambiable con cualquier cosa construida visualmente o a mano.
Publicar un layout
Para publicar un layout guardado, coloca el shortcode [gmc_builder id="my-layout"] en una entrada, una página o un bloque de Shortcode. El renderizado se hace en el servidor con PHP y no depende de ningún servicio externo.
Actualizaciones y licencia
Las actualizaciones son automáticas. El plugin consulta por sí solo el servidor de actualizaciones de GMC / FuerteventuraTV (aproximadamente cada 12 horas) y muestra cualquier versión nueva en Plugins o en Escritorio → Actualizaciones, siempre que tu suscripción esté activa. La Download Key introducida en los ajustes del plugin es la que autoriza estas actualizaciones con licencia en un clic.
El software se publica bajo la GNU GPL. La licencia anual te da la build oficial, actualizaciones con licencia en un clic y soporte para un sitio. Si dejas caducar la licencia, todo lo que construiste sigue renderizándose — los layouts existentes permanecen en tu sitio y siguen funcionando; solo dejas de recibir actualizaciones y soporte. Para usarlo en más sitios o en proyectos de clientes, contáctanos para un acuerdo de volumen o de agencia.
Soporte
Para obtener ayuda, responde a tu email de compra o escríbenos por WhatsApp al +34 633 168 995 — la misma línea aparece en tu email de licencia. Incluye el nombre y la versión del producto, tus versiones de WordPress y PHP, y una URL pública o una captura de pantalla (con las claves ocultas). Respondemos en inglés, italiano y español.
Si el producto no funciona como se describe y no podemos solucionarlo, puedes solicitar un reembolso en los 14 días posteriores a la compra.
Todo incluido
87 capacidades reales, agrupadas por área: esta es la verdadera profundidad de GMC Builder, no un escaparate de puntos destacados.
Tres formas de crear (un solo formato de layout)
- Editor visual de arrastrar y soltar — monta las páginas arrastrando bloques a un lienzo en vivo, sin escribir código.
- Editor de JSON en crudo con validación — pega o escribe a mano un layout: se valida al guardar con vista previa en vivo; los usuarios avanzados y el control de versiones siguen siendo ciudadanos de primera clase.
- Creación con IA / MCP — deja que Claude, Codex o cualquier asistente compatible con MCP construya, valide, renderice y guarde layouts enteros por ti.
- Todas las interfaces escriben el mismo layout portable — cambia libremente entre visual, JSON e IA: nunca divergen, porque las tres pasan por un único esquema.
- Seguridad garantizada en cada vía — todo layout (creado a mano, importado o generado por IA) se somete al mismo contrato de validación y escapado del lado del servidor, de modo que una entrada errónea u hostil solo puede rechazarse o volverse inerte, nunca romper la página.
Generación de páginas con IA (BYOK)
- Del prompt a la página — describe la página en lenguaje natural ("landing para una escuela de surf con hero, 3 ventajas, unas FAQ y un CTA") y recibe un layout completo y válido.
- Salida siempre válida garantizada — la respuesta del modelo siempre pasa por el esquema, con reintento y reparación automáticos (devuelve al modelo los errores exactos de validación) antes de que nada se entregue o se guarde.
- Trae tu propia clave (BYOK) — funciona con cualquier proveedor compatible con OpenAI: OpenAI, NVIDIA NIM, Groq o una pasarela local/autoalojada (vLLM/Ollama). Al elegir el proveedor se configura automáticamente el endpoint correcto.
- Funciona de fábrica sin clave — un generador offline determinista integrado produce un layout verosímil (hero, ventajas, tours, galería, FAQ, CTA, formulario de contacto, mapa de alojamientos) con textos reales cuando no hay ninguna clave API configurada.
- Tu clave nunca sale del servidor — la clave del proveedor se almacena solo del lado del servidor, se usa únicamente para llamar al proveedor, nunca se envía al navegador y se oculta en cualquier mensaje de error.
- Accesible desde todas partes — el mismo generador impulsa el botón "Generar con IA" del editor, la herramienta MCP
generate_layouty el generador por CLI.
Experiencia del editor visual
- Interfaz completa del builder — paleta de bloques, lienzo en vivo, panel de Ajustes/rasgos, panel de Estilo mapeado a los design tokens del tema y árbol de Capas/estructura.
- Vistas previas responsive por dispositivo — cambia entre escritorio, tablet y móvil para ver exactamente cómo se reajusta la página.
- Deshacer / rehacer y seguridad ante cambios sin guardar — deshacer/rehacer dedicados, un indicador de cambios pendientes en Guardar y un aviso antes de salir con trabajo sin guardar.
- Vista previa desde el servidor — una vista previa con un clic renderiza el HTML autoritativo a través del motor real, así lo que ves es exactamente lo que reciben los visitantes (el navegador nunca simula el render).
- Selector de medios, no base64 — inserta imágenes desde la biblioteca de medios nativa (WordPress wp.media / Joomla com_media) en lugar de pegar URL o incrustar pesados blobs base64.
- Generar-con-IA y comprobación de accesibilidad integrados en la barra de herramientas — esboza con IA y ejecuta una auditoría de accesibilidad sin salir del lienzo.
- Usable desde el móvil — en los viewports pequeños del admin la barra de herramientas se ajusta y los paneles se apilan, de modo que Guardar sigue accesible y el lienzo sigue funcionando.
- Interfaz totalmente traducible — cada etiqueta del editor (guardar, deshacer, rehacer, vistas previas, IA, accesibilidad, medios) es localizable.
Biblioteca de elementos (16 bloques seguros)
- Section — banda a todo el ancho con relleno vertical, estilo de fondo (ninguno/muted/claro/primario/oscuro) y ancho del contenido interior (estrecho/predeterminado/ancho/completo).
- Row + Column — una rejilla responsive de 12 columnas; define el ancho de cada columna (1–12), la alineación vertical y la alineación del texto; en móvil las columnas se apilan automáticamente.
- Heading — elige el nivel HTML (h1–h6) con independencia del tamaño visual, con preajustes de alineación y color.
- Text — texto enriquecido con una lista de permitidos segura de formato en línea (negrita, enlaces, listas, citas…), tamaño y alineación.
- Image — origen, texto alternativo, dimensiones, enlace opcional, alineación y radio de esquinas; con carga diferida y proporción reservada para evitar el desplazamiento del layout.
- Button — etiqueta, URL, estilos primario/secundario/contorno/enlace, tamaño, opción a todo el ancho y alineación; los enlaces externos reciben
rel="noopener noreferrer"automáticamente. - Spacer & Divider — espaciado vertical preciso y líneas horizontales con estilo.
- HTML / Embed — inserta marcado personalizado, saneado contra una amplia lista de permitidos (los scripts, estilos, iframes y manejadores de eventos se eliminan).
- FAQ — un acordeón accesible (details/summary nativos) que además emite el marcado schema.org FAQPage para resultados enriquecidos generado a partir de tu contenido escapado.
- Mapa Stay22 — un mapa de alojamientos incrustable para páginas de turismo; el host del embed es fijo y solo se usan tu id de afiliado y la dirección, saneados y con carga diferida.
- Elemento SEO — metadatos invisibles a nivel de página (tipo de página, nombre, descripción, breadcrumb, anulación de esquema) que alimentan la salida de datos estructurados.
Contenido dinámico nativo del catálogo
- Rejilla de Tours — una rejilla de tarjetas en vivo de tus GMC Tours (columnas, límite de elementos, interruptores de precio y línea meta, etiqueta de CTA personalizada).
- Rejilla de galería social — una rejilla de medios en vivo desde tu feed de Instagram o Facebook (columnas, límite, destino del enlace).
- Bloque de formulario de contacto — coloca en cualquier layout un formulario GMC Lead Capture guardado mediante su slug.
- Fail-open por diseño — si el producto GMC correspondiente (Tours, galería, Lead Capture) no está instalado, el bloque degrada a un inofensivo comentario HTML en lugar de romper la página.
- Sin pegar shortcodes — estos son bloques de primera clase vinculados a tu propio catálogo, no embeds de terceros pegados a mano.
SEO & datos estructurados
- schema.org JSON-LD automático — cada página emite un único bloque
@graphlimpio que combina WebPage (o Article/Product/Event), BreadcrumbList, Organization y FAQPage, generado a partir de tu contenido, sin marcado manual. - Un bloque, sin duplicados — cada FAQ de la página se integra en el único graph a nivel de página, así nunca envías nodos FAQPage duplicados.
- Control por página — el elemento SEO te permite definir tipo de página, nombre, descripción y una ruta de breadcrumb, y forzar el esquema on/off para esa página.
- Convive bien con Yoast / Rank Math — un interruptor global desactiva los datos estructurados de GMC Builder para que los sitios que ya emiten esquema no generen duplicados.
- Best-effort por defecto — incluso sin un elemento SEO, se deriva un nodo WebPage sensato a partir del primer encabezado y el primer bloque de texto.
- Salida segura — el JSON-LD se escapa en hexadecimal para que los datos estructurados nunca puedan escapar de su etiqueta script.
Accesibilidad
- Auditoría WCAG integrada — revisa un layout en busca de problemas de accesibilidad comunes mientras lo construyes, algo que los constructores de páginas habituales no ofrecen.
- Hallazgos concretos y con poco ruido — señala texto alternativo de imagen ausente, imágenes enlazadas sin nombre, niveles de encabezado saltados, h1 ausente o múltiple, etiquetas de control vacías, entradas de FAQ vacías o incompletas, contraste de color sospechoso y falta del idioma de la página.
- De solo lectura y seguro — la auditoría lee el layout y reporta errores/avisos; nunca cambia tu contenido ni renderiza nada.
- Accesible desde todas partes — ejecútala desde el botón de comprobación de accesibilidad del editor, la herramienta MCP
audit_layouto el auditor por CLI.
Temas & kits
- Temas basados en design tokens — colores, tipografía, espaciado, relleno, gaps, radio y ancho de contenedor viven como simples tokens compilados a variables CSS; recambia el estilo de un sitio entero intercambiando tokens.
- Anulación de tema para todo el sitio — aplica un mapa de tokens JSON de forma global sin tocar los layouts individuales.
- Kits portables — exporta los tokens del tema más cada layout como un único kit JSON e impórtalo en otra instalación para arrancar un nuevo sitio.
- Importación/exportación de kit con un clic — desde el admin (con un interruptor "aplicar tema"), más endpoints REST/de creación; las importaciones están limitadas por tamaño y tipo y no pueden pisar layouts no relacionados.
- Kit Surf Camp listo para turismo — una página completa con tema (hero, ventajas, rejilla de tours, galería, FAQ con esquema, mapa Stay22) sobre un tema de color intercambiable, lista para importar.
Migración desde YOOtheme Pro
- Importador unidireccional — convierte un layout de YOOtheme Pro existente en un layout de GMC Builder en lugar de reconstruir página por página.
- Mapeo seguro — se convierten secciones, rejillas, encabezados, texto, imágenes y botones; todo lo no compatible se omite en vez de volcarse como HTML en crudo, así no se cuela nada inseguro.
- Disponible headless — ejecuta el importador desde la CLI para conversiones por lotes.
Motor de render, rendimiento & fiabilidad
- Un único motor sin framework, salida idéntica — el mismo renderizador PHP se ejecuta en Joomla y WordPress, así un layout se ve igual en ambos; no requiere UIkit ni framework de tema.
- Render 100% del lado del servidor — el HTML autoritativo siempre se produce en PHP; el navegador nunca reimplementa el renderizador.
- Blindado contra XSS/clickjacking — todo se escapa, el HTML/texto enriquecido pasa por listas de permitidos estrictas, las URL y estilos en línea se sanean y el posicionamiento que habilita el clickjacking se descarta.
- Esquema autorreparable — los layouts se normalizan al guardar y al renderizar: valores por defecto rellenados, valores acotados, nodos ilegales descartados, de modo que las páginas almacenadas siempre son seguras de renderizar.
- Historial de versiones & deshacer — cada guardado toma una instantánea de la versión anterior (hasta 20 conservadas); lista y restaura versiones anteriores, y las restauraciones son a su vez reversibles.
- Edición concurrente segura — las comprobaciones de concurrencia optimista rechazan una sobrescritura obsoleta (HTTP 409) en lugar de pisar en silencio la edición de otra persona.
- Duplicar & eliminar layouts — copia un layout en un slug nuevo a prueba de colisiones, o elimina un layout y su historial.
- Front-end rápido — reutilización de renderizador/esquema por petición, un transient de HTML renderizado en caché (WordPress) ligado a la versión del layout y al tema, imágenes con carga diferida y proporciones reservadas (sin desplazamiento del layout).
- CSS responsive y consciente del movimiento — rejilla mobile-first, tablas/palabras largas a prueba de desbordamiento y respeto de
prefers-reduced-motion.
Publicación & shortcodes
- Shortcode de Joomla — coloca
{gmcbuilder id=my-layout}en cualquier artículo, categoría o módulo personalizado. - Shortcode de WordPress — usa
[gmc_builder id="my-layout"]allí donde funcionen los shortcodes. - Bloque Gutenberg de WordPress — un bloque dinámico "GMC Layout" para el editor de bloques (el shortcode sigue estando soportado).
- Resolución flexible del id — los layouts se resuelven por slug (option/meta), id numérico de post (post meta) o, como alternativa, un archivo JSON en la carpeta uploads.
- La hoja de estilos se carga sola — el CSS base se emite automáticamente cada vez que se renderiza un layout; nada que encolar a mano.
Desarrollador, API & automatización
- Servidor MCP integrado — un servidor Model Context Protocol autónomo (solo biblioteca estándar de Python, sin dependencias) que expone
list_elements,validate_layout,render_layout,get_layout,set_layout,generate_layoutyaudit_layout. - Dos modos MCP — el modo LOCAL maneja las CLI base sin instalación de CMS (creas una página y ves el HTML renderizado offline); el modo REST lee/escribe los layouts reales en un sitio Joomla o WordPress en vivo con datos dinámicos en tiempo real.
- API REST de creación — lee el contrato de elementos, obtén/guarda/elimina layouts, lista/restaura instantáneas, renderiza borradores en línea y exporta/importa kits (WordPress
gmc-builder/v1/*; Joomla mediante el corecom_ajax). - Kit de herramientas CLI — describe elementos, valida, renderiza, genera con IA (con un modo offline
--mock), audita accesibilidad, importa desde YOOtheme y construye/aplica kits — todo scriptable y headless. - API de extensión estable — añade o reemplaza fuentes de datos dinámicos, posprocesa el HTML final renderizado y renderiza tus propios tipos de elemento personalizados (filtros de WordPress / eventos de Joomla); el marcado de los elementos personalizados se vuelve a sanear a través de la misma lista de permitidos.
- Layouts portables y compatibles con git — los layouts son JSON sencillo que puedes exportar, comparar, versionar y restaurar sin ningún servicio de builder alojado.
Seguridad & privacidad
- Protegido por admin en todas partes — la creación requiere una capacidad de administrador real (Joomla
core.manage/core.admin, WordPressmanage_options) más protección CSRF/nonce en cada cambio de estado. - Los secretos nunca se filtran al navegador — las claves de licencia/IA almacenadas nunca se devuelven al DOM; un envío en blanco conserva la clave, un control explícito la elimina y los campos usan
autocomplete="new-password". - A prueba de path-traversal — el almacén de archivos queda confinado a la raíz del sitio; se rechazan las rutas absolutas, los segmentos con puntos y las fugas por enlace simbólico.
- Nada llama a casa para renderizar — las páginas se renderizan por completo en tu propio servidor, sin dependencia de un constructor de páginas externo.
Confianza & licencia
- GPLv2 o posterior, en propiedad no en alquiler — el software es tuyo; una licencia caducada nunca deja en blanco tus páginas en vivo, ni desactiva el editor, ni detiene el renderizado. La licencia cubre actualizaciones y soporte.
- Autoalojado, datos portables — los layouts son JSON en tu propio sitio; los temas son simples archivos de tokens; nada depende de un servicio alojado para mostrar una página.
- Actualizaciones con un clic bajo licencia — introduce tu Download Key (del correo de licencia) y la extensión consulta por sí sola el servidor de actualizaciones de GMC / FuerteventuraTV y ofrece las nuevas versiones en la pantalla de actualización habitual del CMS mientras tu suscripción esté activa.
- Editor visual incluido, sin CDN externo requerido — GrapesJS (MIT) se incluye alojado localmente, con un CDN fijado y verificado por integridad solo como respaldo; se incluyen las licencias de terceros (GrapesJS, CodeMirror, Spectrum).
- Licencia de un sitio, apta para agencias — 49 €/año por sitio cubren la build oficial, las actualizaciones y el soporte para un sitio; acuerdos multisitio/agencia bajo petición.
- Soporte honesto & reembolso — soporte en inglés, italiano y español; reembolso en 14 días si no funciona como se describe.
Joomla & WordPress
- Plena paridad Joomla ↔ WordPress, lanzada en lockstep — los mismos 16 elementos, el mismo esquema, los mismos bytes del editor visual y una salida renderizada idéntica byte a byte en ambos CMS; las dos builds avanzan versión por versión a la vez.
- Compatibilidad — Joomla 5.x y 6.x (requiere 5.0+, probado hasta 6.9) y WordPress 6.0+ (probado hasta 6.8); PHP 8.1 o posterior en ambos.
- Detalles de Joomla — publica mediante un shortcode de plugin de contenido, usa el selector nativo com_media y expone la creación a través del core
com_ajax; el editor visual y los ajustes viven en el componente de admincom_gmcbuilder(opciones de SEO/IA/tema como parámetros del plugin). - Detalles de WordPress — añade un menú de admin de nivel superior "GMC Builder" con una lista de layouts y una pantalla de Licencia & IA, un bloque Gutenberg "GMC Layout", el selector de imágenes wp.media, una caché transient de HTML renderizado y autenticación REST mediante nonce o Application Password.
