Ir para o conteúdo
decodecodeveloper docs
Storefront → Editor de Sites

Editar e reutilizar sections

Configure componentes, compartilhe sections salvas e crie cópias locais quando necessário.

Uma section é um componente disponibilizado pela equipe de desenvolvimento. Seu schema define os textos, imagens, links, listas e entradas de dados que podem ser configurados.

Configurar uma section

  1. Abra uma página em Preview ou Content → Pages.
  2. Adicione um componente do catálogo ou selecione uma section existente.
  3. Preencha os campos obrigatórios e confira o preview.
  4. Aguarde o salvamento automático antes de mudar de contexto ou publicar.

Use as ações da section para duplicar ou remover. Reordene a lista para mudar a composição da página. Remover uma section de uma página é diferente de excluir um bloco salvo usado em outros lugares.

Tornar o conteúdo reutilizável

Use Make reusable para salvar uma section com um nome de bloco descritivo. A página passa a referenciar esse bloco. Encontre sections salvas em Content → Advanced → Sections e reutilize-as em outras páginas.

Por exemplo, salvar um banner como banner-verao permite compartilhar a configuração entre páginas. Depois da publicação, editar o banner salvo muda todas as páginas que o referenciam.

Se apenas uma página deve mudar, use Detach nessa referência para criar conteúdo local antes de editar. Duplicar uma página não torna todas as referências compartilhadas independentes.

Quando falta um campo

O editor configura os campos fornecidos pelo site. Peça a um desenvolvedor para atualizar as props tipadas do componente e o schema gerado quando precisar de um campo novo. Adicionar um componente no código e configurar seu conteúdo salvo são operações separadas.

Conclua com Publicar alterações; confira as páginas afetadas ao mudar sections compartilhadas.

Referência da implementação: Studio Site Editor. Revisado em 2026-10-05.