CMS visual integrado.
Marketing edita. Dev programa.
Performance e código aberto do headless puro. Edição visual e inline da Shopify/VTEX. As duas coisas juntas, em todo K-Shop entregue pela KMEE.
Você não precisa escolher entre "performance e código aberto do headless puro" e "marketing edita sem chamar o dev da Shopify".
K-Shop entrega os dois.
3 capacidades, uma experiência
Inline · Visual Editor · Theme Injector. Trabalham juntas.
Inline Editable
Marketing clica em qualquer texto, título, banner ou imagem dentro do próprio site e edita ali mesmo. Salva. Aparece em produção. Sem dashboard separado, sem 'preview', sem deploy.
Caso de uso
Mudar headline da home, trocar imagem do hero, ajustar copy de uma landing — tudo direto no contexto onde a copy vai aparecer.
Visual Editor
Construtor de páginas no estilo Webflow/Shopify Theme Editor. Arrasta blocos (hero, grid de produtos, depoimentos, FAQ), reordena, configura. Salva páginas inteiras como JSON versionado.
Caso de uso
Criar landing de campanha, página de promoção sazonal, blog de novidades — sem precisar abrir o Next.js.
Theme Injector
Troca tema visual em tempo real: cores primárias, secundárias, fontes, raios, sombras. A/B test de identidade visual? Black Friday com tema temporário? Sem deploy. Tokens HSL aplicados via CSS vars.
Caso de uso
Black Friday vermelho, Natal verde, marca branca para subsidiária — tudo controlável sem código.
Quem usa o quê
Cada papel com sua entrada — sem confusão de responsabilidades.
Conteudista / Marketing
Edita títulos, copies, banners, calls-to-action diretamente no site. Não abre Notion, não abre código, não pede para o dev.
E-commerce manager
Reordena destaques de produtos, cria landing de campanha, configura promoção sazonal — tudo sem ticket técnico.
Designer / Brand
Troca paleta de cores, fonte, raios. Vê o site inteiro responder em tempo real. A/B testa identidade.
Dev
Configura uma vez quais campos são editáveis (no código). Daí em diante: zero ticket de marketing pedindo mudança de copy.
O melhor de dois mundos
K-Shop vs Shopify, VTEX, Magento e headless puro (sem CMS).
| Critério | Shopify | VTEX | Magento | Headless puro | K-Shop |
|---|---|---|---|---|---|
| Editor visual de páginas | Theme Editor (Liquid) | Site Editor (IO) | Page Builder | Não tem | Visual Editor (drag & drop) |
| Edição inline (clica e edita) | Limitada | Limitada | Não | Não tem | Sim, em todo bloco editável |
| Theme switcher em tempo real | Pago (Plus) | Limitado | Limitado | Não tem | Nativo, sem deploy |
| Versionamento do conteúdo | Não nativo | Sim (workspaces) | Limitado | Sim (Git) | Sim — versionado em Git/banco |
| Customização do código | Liquid (engessado) | IO (curva alta) | Médio | Total | Total — código seu |
| Lock-in | Alto | Alto | Médio | Nenhum | Nenhum (open source) |
| Performance (Lighthouse) | 70-80 | 60-75 | 60-75 | 90+ | 90+ |
Headless puro = stack Next.js/Remix/Astro sem CMS visual (ex.: Medusa, Saleor, Vendure). Performance e flexibilidade ótimas, mas marketing depende de dev para qualquer mudança de conteúdo.
Como funciona na prática
Da configuração técnica à publicação em produção.
Dev marca o componente como editável
No código React, um wrapper marca o título, banner ou bloco como editável pelo CMS. Define schema (texto, imagem, lista de produtos, etc.).
<EditableBlock name="hero.headline">{title}</EditableBlock> Marketing entra em modo edição
Acessa /admin/edit ou clica no botão flutuante 'Editar'. Visual fica sobreposto com handles em cada bloco editável.
→ /admin/edit (sessão admin) Edita inline ou via visual editor
Clica no texto, edita, salva. Ou abre painel lateral para configurar bloco completo (hero, grid, FAQ).
Inline edit · Visual builder Conteúdo persistido
Salva no banco do CMS (MongoDB/PostgreSQL/Git, conforme config). Versionado, audit trail, rollback.
Versionado · Audit trail · Rollback Publica em produção
Push de produção sem rebuild da app — só revalidação de cache da página. Visível em segundos.
ISR / on-demand revalidation O que o CMS NÃO toca
Por design, alguns dados ficam fora do alcance do marketing.
Marketing NÃO edita
- !Preço, estoque, SKU (ficam no Odoo)
- !Dados fiscais (NCM, CFOP, IBPT)
- !Frete e regras de pagamento
- !Cadastro de cliente / pedido
Tudo no Odoo, fonte única de verdade do negócio.
Marketing edita livremente
- ✓Banners, hero, copy, CTAs
- ✓Ordem de produtos no destaque
- ✓Páginas institucionais e blog
- ✓Tema visual (cores, fontes, raios)
- ✓Landing de campanha sazonal
Perguntas frequentes
Sobre o CMS visual do K-Shop.
É o TinaCMS? ▼
Sim — usamos TinaCMS como camada de edição visual + Inline. É open source, tem comunidade ativa e se integra muito bem com Next.js. Mas a peça nova é a integração entre TinaCMS e o stack do K-Shop (auth Supabase compartilhado, schema de blocos pré-feito, theme injector customizado pela KMEE).
Marketing pode editar produtos? Preço, estoque? ▼
Não — e isso é proposital. Produtos, preços, estoque, fiscal continuam vivendo no Odoo (a fonte de verdade do negócio). O CMS edita o que é apresentação: título, banner, ordem dos produtos no destaque, copy do hero, blog. Não há risco de marketing alterar preço fiscal por engano.
E se eu quiser editar TODA a página, não só blocos? ▼
Tem o Visual Editor, que permite criar páginas inteiras com blocos arrastáveis. Útil para landing de campanha, blog, página de promoção. Para páginas estruturais (home, listagem, detalhe de produto), o normal é usar Inline em cima do template fixo.
Onde o conteúdo é armazenado? ▼
Por padrão: TinaCMS com backend em Git (versionado, código aberto). Para clientes que preferem banco SQL, plugamos PostgreSQL ou MongoDB. Você escolhe. Em qualquer caso: versionado, audit trail, com permissões granulares.
Tem multi-idioma no CMS? ▼
Sim. Cada bloco editável aceita variantes por locale (pt-BR, en-US, es-ES). Marketing edita as 3 versões na mesma interface, sem código.
Quanto custa? ▼
Zero licença extra — TinaCMS é open source. O custo é o setup inicial (incluso na implementação K-Shop) e infraestrutura para o backend (Git ou banco). Usuários ilimitados.
Quer ver o CMS rodando?
Mostramos o editor visual em ação numa demo de 30 minutos. Você vai ver marketing alterando o site sem deploy, em tempo real.