Paso 01
Cuéntanos sobre tu construcción
Un par de respuestas rápidas para poder recomendar el preset, plugins y servicios adecuados.
Qué incluye una página de aterrizaje de GrapesJS
- Preset de inicio
- Un editor GrapesJS preconfigurado adaptado para landing pages: paneles, bloques, modos de dispositivo y definiciones de componentes todos conectados por cable. En lugar de pasar un sprint en configuración, tu equipo envía la primera página desde el primer día.
- Bundle de plugins
- Un conjunto seleccionado de plugins de pago y comunitarios seleccionados para el tipo de proyecto: formularios, galerías de imágenes, temporizadores de cuenta atrás, bloques de metadatos SEO. Cada plugin está licenciado para tu proyecto con una clave perpetua — sin renovaciones.
- Instalación y Configuración
- Clonamos el preset en tu repositorio, conectamos el adaptador de almacenamiento (REST, S3 o CMS sin cabeza), configuramos los encabezados CSP y probamos el editor en tu entorno. Tienes un editor funcional, no un README.
- Claves de Licencia Perpetua
- Cada plugin comercial viene con una clave de licencia por proyecto que se entrega directamente en tu bandeja de entrada tras el pago. Sin suscripciones, sin comisiones recurrentes — tú eres el propietario del software.
- Soporte de lanzamiento a 30 días
- Los primeros 30 días tras la entrega están incluidos: correcciones de errores, pequeños ajustes en la configuración y una ronda de actualizaciones de versiones del plugin sin coste adicional. El apoyo más largo está disponible como un anticipo mensual.
- Traspaso documentado
- Escribimos una guía de configuración concisa para tu equipo: cómo añadir tipos de bloques, cómo ampliar el gestor de estilos y cómo conectar un nuevo backend de almacenamiento. No hay conocimientos tribales bloqueados en los hilos de Slack.
Pila recomendada para páginas de destino
Basada en 300+ versiones, esta combinación se lanza rápido, escala bien y satisface a los editores no técnicos.
Preset
GrapesJS Paneless
Interfaz limpia sin paneles flotantes. El diseño basado en la barra lateral es ideal para los equipos de marketing que encuentran abrumador el Chrome por defecto de GrapesJS. Incluye 40+ bloques de página de destino desde el principio.
Plugins recomendados
- Formularios del plugin GrapesJS— Campos de formulario de arrastrar y soltar con validación, ganchos Zapier y salida HTML nativa — el plugin GrapesJS más instalado.
- Bloque de código personalizado— Permite a los autores de páginas inyectar scripts, iframes o embeds de forma segura dentro del lienzo sin romper el editor.
- Lory Slider— Carrusel de imágenes sensible. Cero dependencias, 3 kB con gzip — funciona en todos los navegadores móviles sin polyfills.
- Plugin de descripción emergente— Adjunta las descripciones emergentes del cursor a cualquier componente del editor. No se requiere JavaScript extra en el momento de renderizado.
- Plugin de pestañas— Bloques de contenido acordeón y pestañas. Permite a los autores no técnicos crear preguntas frecuentes y cuadrículas de características sin tocar el código.
Preguntas frecuentes
- ¿Cuánto tarda una instalación de GrapesJS?
- Una compilación estándar — preestablecido + paquete de plugins + instalación — se entrega en 2–3 días laborables. Las configuraciones más grandes con plugins personalizados o integraciones CMS suelen tardar entre 5 y 10 días. La entrega urgente (próximo día laborable) está disponible bajo solicitud.
- ¿Puedo usar mi propio sistema de diseño o tema?
- Sí. GrapesJS es un lienzo en blanco por defecto. El preset te da una capa de estilo por defecto sensata, pero puedes anular todos los tokens, bloques y paneles del gestor de estilos. Si lanzas tu propio sistema de diseño CSS, configuramos el editor para que use tus tokens en lugar de nuestros valores predeterminados.
- ¿Los plugins vienen con código fuente?
- La mayoría de los plugins en GJS. Los mercados se distribuyen como paquetes compilados con una licencia perpetua por proyecto. Algunos proveedores también ofrecen licencias de código fuente — consulta la página individual del plugin. Todas las llaves de la licencia son tuyas; No hay regalías continuas.
- ¿Cuál es la diferencia entre un preset y una plantilla?
- Un preset configura el propio editor GrapesJS: paneles, bloques, gestores de estilo, modos de dispositivo y cableado de plugins. Una plantilla es un diseño inicial de página cargado en el editor. Necesitas un preset para que el editor sea utilizable; Las plantillas son puntos de partida opcionales para tus usuarios finales.
- ¿Puedo migrar desde Webflow, Unbounce o Elementor?
- GrapesJS resuelve otro problema: es una librería que incrustas en tu propio producto, no un creador de páginas alojado al que estás suscrito. Si estás migrando contenido de página de destino, nuestro servicio de configuración incluye un script de importación único para exportaciones básicas en HTML/CSS desde Webflow y herramientas similares.
- ¿Está GrapesJS listo para producción?
- Sí. GrapesJS ha sido desplegado en producción por empresas como Mailchimp, Mautic y cientos de productos SaaS. El repositorio central cuenta con más de 22.000 estrellas en GitHub y un equipo activo de mantenedores. GJS. Market ha entregado 300+ montajes comerciales desde 2021.
- ¿Necesito habilidades en JavaScript para integrar GrapesJS?
- Los usuarios finales de tu producto no necesitan JavaScript — usan el editor visual como Webflow o Squarespace. Tú (el desarrollador integrador) necesitas JavaScript/TypeScript básico para configurar plugins y conectarte a tu backend. Nuestro servicio de Instalación y Configuración se encarga de la integración si prefieres no hacerlo.
- ¿Puedo autoalojar GrapesJS y ser propietario de los datos?
- Por supuesto. GrapesJS es completamente de código abierto (BSD-3-Clause), funciona en el navegador y almacena los datos de la página como JSON en el backend que elijas — PostgreSQL, MongoDB, S3 o un CMS sin interfaz gráfica. No hay bloqueo por parte del proveedor ni datos que salgan de tu infraestructura.
Según las versiones que hemos enviado
“Un equipo SaaS B2B sustituyó un sistema de aterrizaje basado en Elementor por un preset GrapesJS Paneless y cuatro plugins. Su equipo de crecimiento pasó de abrir un ticket de Jira y esperar dos semanas a publicar una página de campaña en 45 minutos. Tiempo de lanzamiento por página de destino: de 12 días a la misma jornada.”
“Una plataforma de boletines migró de un editor React personalizado a GrapesJS con el plugin MJML. La creación de plantillas pasó de un sprint completo a una sola tarde. Tiempo de desarrollo ahorrado: ~3 meses de trabajo de frontend.”
GrapesJS vs Webflow vs Unbounce vs Elementor
GrapesJS no es un creador de páginas alojado: es una librería que incrustas en tu propio producto. Esta tabla muestra dónde gana GrapesJS y dónde las demás son la herramienta adecuada para el trabajo.
| Característica | GrapesJS | Webflow | Unbounce | Elementor |
|---|---|---|---|---|
| Integrable en tu producto SaaS | ||||
| Código abierto (sin coste de licencia) | En parte | |||
| Autoalojado / sin bloqueo de proveedores | Solo WordPress | |||
| Interfaz de marca blanca | ||||
| Contenido impulsado por API / headless | Plan CMS | Limitada | ||
| Componentes personalizados de React / Vue | ||||
| Coste mensual de SaaS | $0 | $16–$212 | 74–469 dólares | $6–$25 |
| Compra única disponible |