Lanza tu editor GrapesJS — sin el riesgo de integración
Servicios productizados a precio fijo para instalar, integrar, personalizar la marca, ampliar y dar soporte a GrapesJS en tu producto — entregados por el equipo de GJS.Market.
Tanto si vas a integrar un editor de páginas en un producto SaaS, ofrecer el editor en marca blanca a clientes enterprise o migrar desde Unlayer o Builder.io, cada servicio a continuación tiene un alcance definido, precio fijo y se entrega con un SLA claro. Elige servicios à la carte o empieza con el Paquete de Lanzamiento.
Más popular
Paquete de Lanzamiento
Integra nuestro editor en tu SaaS: instalado en tu stack, con la marca de tu producto y 30 días de soporte prioritario. Todo en un paquete con descuento frente a comprar las partes por separado.
Instalamos el editor como un módulo dentro de tu aplicación existente (React, Vue, Next.js, Nuxt o TS puro), lo conectamos a tu capa de autenticación y almacenamiento, y lo probamos dentro de tu producto.
Por qué importa: Instalación de GrapesJS de nivel producción a cargo de un equipo que ha resuelto los casos límite más de 200 veces.
Qué incluye
Instalado como módulo npm / iframe / web-component
Conectado a tu capa de autenticación y almacenamiento
Configuración de build + bundle integrada en tu pipeline
Montaje de nivel producción dentro de tu aplicación anfitriona: contratos de API de guardado/carga, puente JWT/SSO con tu backend, listas blancas de CORS + CSP y fijado de versiones para que las actualizaciones sean seguras. ¿Necesitas un wrapper a medida o un paquete npm privado? Consulta Frontend Embed.
Por qué importa: Incrusta el editor como un módulo estable y seguro de actualizar, con contrato de guardado/carga, CORS y CSP.
Qué incluye
Montado como un componente de primer nivel en tu app
Contratos de API de guardado / carga con tu backend
Tus fuentes, colores y logo integrados en el lienzo del editor Y en la interfaz del editor: barras de herramientas, paneles e iconos reestilizados para coincidir con tu producto. Marca blanca sin llegar a la marca blanca completa.
Por qué importa: Personaliza la marca del lienzo y de la interfaz para que el editor se vea nativo en tu producto.
Va más allá del Brand Kit: repintado completo de la interfaz del editor, marca de GrapesJS eliminada de toda superficie visible, conjunto de iconos personalizado y paneles con tema propio. El editor se percibe como una parte nativa de tu producto.
Por qué importa: Marca blanca completa — iconos, paneles y eliminación de marca — para ganar acuerdos enterprise.
Qué incluye
Repintado completo de la interfaz (paneles, modales, menús)
Una sesión en vivo de 2 horas para tu equipo más tutoriales grabados sobre tu configuración específica. Reduce la carga de soporte en las primeras semanas tras el lanzamiento.
Por qué importa: Una sesión en vivo y grabaciones a medida que reducen el volumen de soporte del primer mes casi a cero.
Endpoints de guardado/carga productizados, autoguardado, historial de versiones de páginas y webhooks de publicación, conectados a tu backend o a almacenamiento headless de Supabase / Directus / Strapi / Sanity. ¿Necesitas un mapeo de campos bidireccional profundo con un CMS concreto? Consulta Integración de CMS.
Por qué importa: Guardado, carga e historial de versiones cableados como una integración productizada a precio fijo.
Qué incluye
Endpoints de guardado / carga + autoguardado
Historial de versiones de páginas + reversión
Webhooks de publicación + borradores
Adaptadores para Supabase / Directus / Strapi / Sanity
Autenticación JWT o SSO dentro del editor, permisos basados en roles (visor / editor / admin) y aislamiento por inquilino para recursos, plantillas y páginas guardadas. Imprescindible para casi cualquier lanzamiento SaaS.
Por qué importa: Autenticación JWT y roles por inquilino (RBAC) — innegociable para SaaS B2B.
De 10 a 20 bloques específicos de tu dominio creados para tu nicho: fichas inmobiliarias, e-commerce, marketing SaaS, email o lo que tus usuarios realmente construyan. Para personalización abierta facturada por horas, consulta Personalización de Temas y Bloques.
Por qué importa: Bloques específicos de tu dominio que convierten un editor genérico en tu producto — el principal motor de conversión para SaaS incrustado.
Qué incluye
De 10 a 20 bloques creados para tu vertical
Traits personalizados + componentes anidados
Ajustes del gestor de estilos por bloque
Vistas previas de bloques + documentación incluidas
Páginas y secciones de inicio seleccionadas para el sector de tus clientes, además de una interfaz de administración para que tu equipo gestione su propia biblioteca de plantillas en adelante.
Por qué importa: Plantillas curadas por vertical que reducen el tiempo hasta el primer valor de 30 minutos a 90 segundos.
Qué incluye
De 15 a 30 plantillas de inicio para tu vertical
Interfaz de administración para gestionar tus plantillas
Dos capas en una: interfaz del editor localizada (paneles, modales, tooltips) para tus operadores Y salida de contenido multilingüe para que tus usuarios publiquen páginas en varios idiomas. Hasta 4 idiomas + RTL bajo petición.
Por qué importa: Haz bien la i18n del editor desde el lanzamiento — cinco veces más barato que adaptarlo tras tus primeros 50 clientes.
Qué incluye
Interfaz del editor localizada (paneles + modales + tooltips)
Conecta el editor a tu almacén de recursos: S3, Cloudinary o Uploadcare. Añade transformaciones de imagen al vuelo, incrustación de vídeo y subidas diferidas directamente desde el lienzo.
Por qué importa: Un pipeline de activos real — S3, transformaciones y carga diferida — que mantiene las páginas rápidas y el ancho de banda bajo.
Qué incluye
Adaptador para S3 / Cloudinary / Uploadcare
Transformaciones de imagen al vuelo
Incrustación de vídeo + flujo de subida
Subidas diferidas / por fragmentos desde el lienzo
Migración desde otro editor o constructor de páginas: Unlayer, Builder.io, Plasmic, Craft.js, Editor.js, Puck, Plate, Webflow Export, TinyMCE / CKEditor, Strapi Blocks o Sanity Portable Text. Portamos plantillas, recursos y lógica personalizada, y ejecutamos comprobaciones de paridad en modo paralelo antes del cambio.
Por qué importa: Pruebas de paridad en modo paralelo para una migración segura desde Unlayer, Builder.io, Plasmic y más.
Qué incluye
Especificación + presupuesto antes de empezar
Plantillas, bloques y recursos portados
Lógica personalizada e integraciones mapeadas
Ejecución en paralelo para verificar la paridad antes del cambio
Lleva la IA generativa al editor: generación de bloques a partir de prompts, reescritura con IA en el editor de texto enriquecido y sugerencias de contenido. Conectado a OpenAI, Anthropic o tu propia pasarela de modelos.
Por qué importa: De prompt a bloque y reescritura con IA — hoy ya imprescindibles en un editor moderno.
Exporta las páginas que crean los usuarios como componentes reales de React, Vue o Astro, o ejecuta el editor en modo headless y consume el JSON en otro lugar. Incluye integración de primer nivel con el App Router de Next.js.
Por qué importa: Exportación nativa a React, Vue y Astro — la señal de confianza que los compradores técnicos necesitan antes de comprometerse.
Qué incluye
Exportación de componentes React / Vue / Astro
Modo headless (JSON de entrada, renderiza donde quieras)
Sprints abiertos: marca, secciones personalizadas, ajustes de interfaz, facturados por hora. Para un paquete seleccionado de 10 a 20 bloques a precio fijo, consulta el Pack de Bloques Personalizados.
Por qué importa: Personalización flexible por horas para cuando un paquete productizado no encaja del todo en tu alcance.
Integración profunda a medida con Contentful, Strapi, Sanity, WordPress o una API personalizada: sincronización bidireccional con mapeo a nivel de campo. Para guardado / carga + webhooks productizados a precio fijo, consulta la Integración de API y Webhooks del Editor.
Por qué importa: Mapeo profundo de campos hacia Contentful, Strapi o Sanity — la versión a medida de la integración de la API del editor.
Wrapper a medida que empaqueta el editor como una función de primer nivel de tu producto React, Next.js, Vue o Angular, normalmente entregado como tu propio paquete npm privado. Para incrustación productizada a precio fijo, consulta Incrustación e Integración del Editor.
Por qué importa: Un envoltorio de editor a medida entregado como tu propio paquete npm para auth, almacenamiento o temas poco habituales.
Qué incluye
Wrapper a medida para React / Next / Vue / Angular
Publicado como tu paquete npm privado
Integración profunda de autenticación + almacenamiento
Tematizado de extremo a extremo para coincidir con tu producto
Plugin de GrapesJS a medida construido según tu especificación: bloques, comandos, fuentes de datos o integraciones de terceros personalizados, entregado como código fuente privado con un complemento de mantenimiento opcional.
Por qué importa: Un plugin privado de GrapesJS para la lógica de dominio que ningún plugin público cubre — y la propiedad intelectual se queda en tu repositorio.
Garantiza que las páginas que crean tus usuarios salgan válidas para SEO: componentes de bloque de meta y Open Graph, componentes JSON-LD por tipo de página y un generador de sitemap que se nutre de tus páginas guardadas.
Por qué importa: SEO a nivel de bloque para que cada página que creen tus usuarios salga con meta, Open Graph y JSON-LD por defecto.
Qué incluye
Componentes de bloque de meta + OG para el editor
Componentes JSON-LD por tipo de página
Sitemap generado a partir de las páginas guardadas
Mide cómo usan realmente el editor tus usuarios: qué bloques eligen, dónde abandonan, el tiempo hasta publicar y el embudo completo «editor abierto → página publicada». Mucho más útil que GA4 en una landing.
Por qué importa: Descubre qué bloques aportan valor y cuáles provocan abandono, y rediseña tu roadmap con datos de uso reales.
Se centra en las métricas que importan dentro de un editor incrustado: tamaño del bundle para la carga diferida en tu SaaS, tiempo de arranque en frío del lienzo, fluidez del arrastrar y soltar en proyectos grandes y estabilidad de memoria en sesiones de edición largas.
Por qué importa: Perfilado, división de código y resultados medidos antes/después para que los editores grandes carguen rápido en frío.
Qué incluye
División del tamaño del bundle + estrategia de carga diferida
Auditoría WCAG 2.2 AA del propio editor, para los operadores de tu equipo que lo usan a diario. Navegación por teclado, orden de foco, etiquetas para lectores de pantalla y contraste, con un PR de parche que cubre cada hallazgo.
Por qué importa: Auditoría de teclado y lector de pantalla de la interfaz del editor para operadores que lo usan todo el día.
Auditoría WCAG 2.2 AA de las páginas que tus usuarios realmente publican: la auditoría que importa para el cumplimiento de VPAT / ADA / EAA cuando tus clientes venden a sectores regulados.
Por qué importa: Salida de páginas conforme a VPAT/ADA/EAA exigida por compradores del sector público y enterprise de la UE.
Qué incluye
Auditoría WCAG 2.2 AA del HTML publicado
Correcciones de accesibilidad a nivel de bloque
Informe listo para VPAT
PR de parche con correcciones de bloques + plantillas
Para clientes enterprise: configuración de CSP reforzada para el modo iframe, saneamiento del HTML generado por usuarios, lista de comprobación de flujo de datos del RGPD y una auditoría XSS de tus bloques personalizados. El kit que los clientes piden antes de firmar.
Por qué importa: CSP, DPA, documentación GDPR y auditorías XSS que desbloquean las compras enterprise.
Qué incluye
Configuración de CSP + perfil de sandbox del iframe
Saneamiento de HTML de usuario (política DOMPurify)
Lista de flujo de datos del RGPD + plantilla de DPA
Línea directa con nuestro equipo durante tu primer mes tras el lanzamiento: dudas de configuración, pequeñas correcciones y seguimiento de cualquier cambio incompatible de GrapesJS o de plugins que afecte a tu build de producción.
Por qué importa: Un canal directo con nuestro equipo durante 30 días para que la instalación avance en vez de quedar en la cola de tickets.
Qué incluye
Respuesta en < 24 h en días laborables
Hasta 2 h de correcciones por semana
Vigilancia de cambios incompatibles de GrapesJS + plugins
Vía rápida de hotfix para regresiones en producción
2 horas de mantenimiento del editor incrustado al mes: actualizaciones de parches, pequeños ajustes y seguimiento de cambios incompatibles en el núcleo de GrapesJS y en los plugins de los que depende tu build.
Por qué importa: Dos horas mensuales de mantenimiento con seguimiento para que las actualizaciones de plugins nunca rompan tu editor en producción.
Qué incluye
2 h de trabajo al mes
Respuesta en < 48 h en días laborables
Seguimiento de actualizaciones de parches de GrapesJS + plugins
4 horas al mes: cubre actualizaciones menores + de parches de GrapesJS, parches de cambios incompatibles de plugins, ajustes de funciones y un informe mensual de salud del editor (errores, tamaño del bundle, rendimiento).
Por qué importa: Cuatro horas al mes más un informe de salud — tu editor tiene un responsable sin contratar a nadie.
12 horas al mes: un desarrollador asíncrono dedicado para equipos que publican con regularidad. Todas las actualizaciones de GrapesJS, mantenimiento de plugins, migraciones por cambios incompatibles y un canal de Slack dedicado.
Por qué importa: Un desarrollador asíncrono dedicado (12 h/mes) y un canal de Slack — más rápido y barato que contratar.
Qué incluye
12 h de trabajo al mes
Respuesta en < 4 h en días laborables
Todas las actualizaciones de GrapesJS + migraciones por cambios incompatibles
Conoces el coste antes de empezar — sin sorpresas por horas abiertas.
SLA de entrega claro
Cada servicio tiene un alcance y un plazo definidos.
Garantía de devolución
Si no podemos entregar el alcance acordado, no pagas.
Preguntas frecuentes
¿Puedo comprar un solo servicio o necesito el paquete?
Ambas opciones. Cada servicio está disponible à la carte; el Paquete de Lanzamiento simplemente agrupa los tres servicios de lanzamiento más comunes a un precio combinado más bajo.
¿Cómo se fijan los precios?
La mayoría de los servicios son a precio fijo y productizados, así que conoces el coste por adelantado. Algunos servicios abiertos — trabajo profundo de CMS, plugins a medida — se presupuestan tras una breve llamada de alcance.
¿Cómo empiezo?
Abre el flujo de construcción guiado, elige el tipo de proyecto y añade los servicios que necesites. También puedes pedir presupuesto para lo que requiera definir alcance primero.
¿Trabajáis con mi stack actual?
Sí — React, Vue, Angular, Next.js, Astro y la mayoría de backends. Los servicios de integración e incrustación se conectan a tu stack, no a una plantilla genérica.
¿Podéis migrarnos desde otro constructor?
Sí. Nuestro servicio de migración usa pruebas de paridad en modo paralelo para moverte desde Unlayer, Builder.io, Plasmic y otros sin sorpresas.
¿No sabes qué servicios necesitas?
Empieza la construcción guiada — dinos el tipo de proyecto y te recomendaremos los servicios adecuados.