Editor Visual de Conteúdo

Edite seu conteúdo onde ele vive — no seu site de verdade

O editor visual da b10cks dá à sua equipe de conteúdo uma prévia em tempo real das mudanças à medida que as faz, com vinculação bidirecional que transforma seu site real na própria superfície de edição. Chega de imaginar como uma mudança vai ficar. Veja na hora.

O problema da edição baseada em formulários

Ninguém pensa em campos de formulário.

Todo outro CMS pede que sua equipe de conteúdo imagine como as edições vão ficar. Elas preenchem um formulário, clicam em salvar, vão até uma URL de pré-visualização e descobrem que o título ficou comprido demais, a imagem está estranha e o layout quebrou no celular. Aí voltam e fazem tudo de novo.

Esse ciclo é lento. Frustrante. E completamente desnecessário.

A b10cks dá às pessoas editoras uma prévia ao vivo, com vinculação bidirecional, do conteúdo delas — dentro do site renderizado de verdade — para que vejam cada mudança no exato momento em que a fazem.

Vinculação bidirecional

Edite aqui. Veja ali. Ao mesmo tempo.

O editor visual da b10cks funciona por meio de uma conexão bidirecional entre o painel do editor no CMS e a prévia do seu frontend ao vivo:

Editor → Prévia Quando uma pessoa editora altera o valor de um campo no painel do CMS, a prévia é atualizada em tempo real — sem recarregar a página, sem etapa de publicação. A mudança fica visível imediatamente.

Prévia → Editor Quando uma pessoa editora clica diretamente em um elemento na prévia — um título, um bloco, um botão — o painel do editor vai direto para os campos daquele conteúdo. Sem caçar em uma árvore de tipos de conteúdo. Clique no que você quer editar e edite.

É assim que a edição visual de verdade se parece.

Arquitetura de pré-visualização ao vivo

Funciona com seu frontend atual. Sem build especial.

O editor visual não exige que você reconstrua seu frontend com um framework ou SDK específico. Ele usa uma conexão leve de pré-visualização que se integra a qualquer frontend:

  • Nuxt — composables de pré-visualização incluídos no SDK *
  • Qualquer framework — API bruta de pré-visualização com protocolo documentado

Seu frontend renderiza seu conteúdo. A b10cks envia atualizações ao vivo. Essa é toda a conexão.

* mais SDKs nativos para frameworks estão a caminho

O painel de edição

Todas as ferramentas de que sua equipe editorial precisa. Nada do que ela não precisa.

O painel do editor desliza ao lado da sua prévia, mostrando apenas os campos de conteúdo relevantes para o que está selecionado ou em foco no momento.

No painel:

  • Formulários de campos estruturados para cada tipo de bloco
  • Edição inline de rich text com uma barra de ferramentas limpa e configurável
  • Upload de imagens, seleção da biblioteca de ativos e prévia de transformações
  • Arrastar blocos para reordenar campos de array
  • Seletor de referências — encontre e vincule qualquer entrada de conteúdo no espaço
  • Alternador de localidade — pré-visualize e edite em qualquer localidade habilitada
  • Indicador de rascunho/publicado e controles de publicação
  • Painel de conversa de comentários — veja e participe de conversas sobre o conteúdo atual

Prévia mobile e responsiva

Veja exatamente o que seus visitantes veem — em qualquer dispositivo.

Alterne a prévia entre tamanhos de viewport com um único clique:

  • Desktop — prévia em largura total
  • Tablet — prévia em ponto de quebra responsivo
  • Mobile — prévia em viewport estreito

Detecte problemas de layout antes que eles vão ao ar. Sem precisar de celular. Sem DevTools do navegador.

Biblioteca de blocos

Adicione blocos de conteúdo como se estivesse usando uma ferramenta de design.

O painel da biblioteca de blocos permite que pessoas editoras naveguem por todos os tipos de bloco disponíveis e os adicionem à página atual em um só ნაბიჯ. Nenhum conhecimento técnico é necessário.

  • Cartões visuais de tipos de bloco com nome e descrição
  • Busca e filtro por categoria de bloco
  • Clique para adicionar no fim, ou arraste para qualquer posição na árvore de conteúdo
  • Prévia dos campos de um novo bloco antes de inserir

As pessoas editoras podem montar páginas ricas e estruturadas com blocos de construção — sem nunca pedir a uma pessoa desenvolvedora para "só adicionar uma seção".

Publicação agendada

Configure e esqueça.

Planeje seus lançamentos de conteúdo com antecedência. Agende qualquer peça de conteúdo para entrar no ar em uma data e hora específicas — a b10cks cuida da publicação automaticamente.

  • Publicação agendada por localidade para equipes globais
  • Despublicação agendada para conteúdo por tempo limitado
  • Releases atômicos — agrupe várias mudanças de conteúdo em um único deploy agendado

Chega de fazer login à meia-noite para clicar em "publicar".

Sua equipe de conteúdo merece um editor que respeite o tempo dela.

O editor visual está incluído em todos os planos da b10cks — sem necessidade de upgrade, sem feature flag, sem "falar com vendas". Experimente agora.