Gerenciando Páginas no Headless CMS

Headless CMS

No Headless CMS, você pode gerenciar todas as rotas de URL e modelos de página do site da sua loja, incluindo as páginas Global Alert Page, Page and Product Page. Você também pode criar e associar páginas personalizadas a modelos pré-definidos e gerenciar páginas criadas diretamente no código-fonte do seu projeto de storefront.

Visão geral

${"base64":" ","img":{"width":1555,"height":368,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":26572,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Headless%20CMS/gerenciando-paginas_1.png"}}$

Opção	Descrição
Criar documento	Cria uma nova página baseada nas opções disponíveis, por exemplo, `Product Page` ou `Home`.
Configurações (⚙️)	Abre um modal com as configurações do projeto separadas em três abas: Geral: permite editar o ID do projeto e as configurações de API ou arquivar o projeto. Content-Types: Salva os content types criados no código da loja. Build: permite conectar o projeto CMS ao código-fonte via webhooks, configurando os tipos de conteúdo e as seções.
Pesquisar	Pesquisa por páginas específicas dentro do projeto.
Status	Filtra as páginas de acordo com o seu status: `Published`: Páginas publicadas e já disponíveis na loja. `Draft`: Páginas que estão em rascunho, em desenvolvimento, e ainda não foram publicadas.
Tipo	Filtra as páginas de acordo com o tipo de conteúdo (content type). Os tipos de conteúdo são definidos no código da sua loja. Para obter mais informações, consulte Adding Content Types to the Headless CMS.

Criar uma nova página

Para criar e gerenciar uma página, siga estas etapas:

No Admin VTEX, acesse Headless CMS.

Certifique-se de estar no projeto correto. Caso contrário, vá até o menu Projeto no canto superior esquerdo, selecione o nome do projeto em que deseja criar a página e continue no passo 2.

Clique em Criar documento e selecione o tipo de página desejado.
Em Untitled, nomeie a página.
Clique em Seções e selecione a seção desejada.
${"base64":" ","img":{"width":1598,"height":709,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":782295,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Headless%20CMS/gerenciando-paginas_2.gif"}}$
Adicione mais seções, se necessário, e preencha-as.
Clique em Publicar.

Para duplicar Duplicar ou Eliminar a página, clique no menu Mais ações (⋮) da página.