CMS visual integrado.
Marketing edita. Devs programan.
Performance y código abierto del headless puro. Edición visual e inline de Shopify/VTEX. Las dos cosas juntas, en todo K-Shop entregado por KMEE.
No tiene que elegir entre "performance y código abierto del headless puro" y "marketing edita sin llamar al dev como en Shopify".
K-Shop entrega los dos.
3 capacidades, una experiencia
Inline · Visual Editor · Theme Injector. Trabajan juntas.
Inline Editable
Marketing hace clic en cualquier texto, título, banner o imagen dentro del propio sitio y edita allí mismo. Guarda. Aparece en producción. Sin dashboard separado, sin 'preview', sin deploy.
Caso de uso
Cambiar headline de la home, cambiar imagen del hero, ajustar copy de un landing — todo directo en el contexto donde aparecerá.
Visual Editor
Constructor de páginas estilo Webflow/Shopify Theme Editor. Arrastra bloques (hero, grid de productos, testimonios, FAQ), reordena, configura. Guarda páginas enteras como JSON versionado.
Caso de uso
Crear landing de campaña, página de promoción estacional, blog de novedades — sin abrir Next.js.
Theme Injector
Cambio de tema visual en tiempo real: colores primarios, secundarios, fuentes, radios, sombras. ¿A/B test de identidad visual? ¿Black Friday con tema temporal? Sin deploy. Tokens HSL aplicados vía CSS vars.
Caso de uso
Black Friday rojo, Navidad verde, white-label para subsidiaria — todo controlable sin código.
Quién usa qué
Cada papel con su entrada — sin confusión de responsabilidades.
Contenidos / Marketing
Edita títulos, copies, banners, calls-to-action directamente en el sitio. No abre Notion, no abre código, no pide al dev.
E-commerce manager
Reordena destacados de productos, crea landing de campaña, configura promoción estacional — sin ticket técnico.
Diseñador / Brand
Cambia paleta de colores, fuente, radios. Ve el sitio entero responder en tiempo real. A/B testea identidad.
Dev
Configura una vez qué campos son editables (en código). Desde ahí: cero ticket de marketing pidiendo cambio de copy.
Lo mejor de los dos mundos
K-Shop vs Shopify, VTEX, Magento y headless puro (sin CMS).
| Criterio | Shopify | VTEX | Magento | Headless puro | K-Shop |
|---|---|---|---|---|---|
| Editor visual de páginas | Theme Editor (Liquid) | Site Editor (IO) | Page Builder | No tiene | Visual Editor (drag & drop) |
| Edición inline (clic y edita) | Limitada | Limitada | No | No tiene | Sí, en todo bloque editable |
| Theme switcher en tiempo real | Pago (Plus) | Limitado | Limitado | No tiene | Nativo, sin deploy |
| Versionado del contenido | No nativo | Sí (workspaces) | Limitado | Sí (Git) | Sí — versionado en Git/BD |
| Personalización del código | Liquid (rígido) | IO (curva alta) | Medio | Total | Total — código suyo |
| Lock-in | Alto | Alto | Medio | Ninguno | Ninguno (open source) |
| Performance (Lighthouse) | 70-80 | 60-75 | 60-75 | 90+ | 90+ |
Headless puro = stack Next.js/Remix/Astro sin CMS visual (ej.: Medusa, Saleor, Vendure). Performance y flexibilidad óptimas, pero marketing depende del dev para cualquier cambio de contenido.
Cómo funciona en la práctica
De la configuración técnica a la publicación en producción.
Dev marca el componente como editable
En código React, un wrapper marca el título, banner o bloque como editable por el CMS. Define schema (texto, imagen, lista de productos, etc.).
<EditableBlock name="hero.headline">{title}</EditableBlock> Marketing entra en modo edición
Accede a /admin/edit o hace clic en el botón flotante 'Editar'. Visual queda superpuesto con handles en cada bloque editable.
→ /admin/edit (sesión admin) Edita inline o vía visual editor
Hace clic en el texto, edita, guarda. O abre panel lateral para configurar bloque completo (hero, grid, FAQ).
Inline edit · Visual builder Contenido persistido
Guarda en banco del CMS (MongoDB/PostgreSQL/Git, según config). Versionado, audit trail, rollback.
Versionado · Audit trail · Rollback Publica en producción
Push de producción sin rebuild de la app — solo revalidación de cache de la página. Visible en segundos.
ISR / on-demand revalidation Lo que el CMS NO toca
Por diseño, algunos datos quedan fuera del alcance del marketing.
Marketing NO edita
- !Precio, stock, SKU (viven en Odoo)
- !Datos fiscales (NCM, CFOP, IBPT)
- !Envíos y reglas de pago
- !Registro de cliente / pedido
Todo en Odoo, fuente única de verdad del negocio.
Marketing edita libremente
- ✓Banners, hero, copy, CTAs
- ✓Orden de productos en destacados
- ✓Páginas institucionales y blog
- ✓Tema visual (colores, fuentes, radios)
- ✓Landing de campaña estacional
Preguntas frecuentes
Sobre el CMS visual del K-Shop.
¿Es TinaCMS? ▼
Sí — usamos TinaCMS como capa de edición visual + Inline. Es open source, tiene comunidad activa y se integra muy bien con Next.js. Pero la pieza nueva es la integración entre TinaCMS y el stack del K-Shop (auth Supabase compartido, schema de bloques pre-hecho, theme injector customizado por KMEE).
¿Marketing puede editar productos? ¿Precio, stock? ▼
No — y eso es a propósito. Productos, precios, stock, fiscal siguen viviendo en Odoo (la fuente de verdad del negocio). El CMS edita lo que es presentación: título, banner, orden de los productos en destacados, copy del hero, blog. Sin riesgo de marketing alterar precio fiscal por error.
¿Y si quiero editar TODA la página, no solo bloques? ▼
Tiene el Visual Editor, que permite crear páginas enteras con bloques arrastrables. Útil para landing de campaña, blog, página de promoción. Para páginas estructurales (home, listado, detalle de producto), lo normal es usar Inline sobre el template fijo.
¿Dónde se almacena el contenido? ▼
Por defecto: TinaCMS con backend en Git (versionado, código abierto). Para clientes que prefieren SQL, plugamos PostgreSQL o MongoDB. Usted elige. En cualquier caso: versionado, audit trail, con permisos granulares.
¿Hay multi-idioma en el CMS? ▼
Sí. Cada bloque editable acepta variantes por locale (pt-BR, en-US, es-ES). Marketing edita las 3 versiones en la misma interfaz, sin código.
¿Cuánto cuesta? ▼
Cero licencia extra — TinaCMS es open source. El costo es el setup inicial (incluido en la implementación K-Shop) e infraestructura para el backend (Git o BD). Usuarios ilimitados.
¿Quiere ver el CMS funcionando?
Mostramos el editor visual en acción en una demo de 30 minutos. Verá marketing alterando el sitio sin deploy, en tiempo real.