Menu
Feedback
Comece aqui
Tutoriais


Tutoriais
Layout
Criar e editar um template de página
2 min de leitura

Tutorial válido apenas para lojas CMS Portal Legado.

O template de página é um modelo criado para definir uma estrutura HTML para apresentação do conteúdo das páginas.

O usuário pode usar esse modelo para referenciar os arquivos JS e CSS que serão utilizados em uma página específica, além de outros templates, como os de prateleira ou subtemplates.

Além disso, os templates de página também são responsáveis pela inclusão de componentes como banners, prateleiras de sugestões e outras funcionalidades disponíveis na plataforma.

Na VTEX, o usuário tem a opção tanto de criar novos templates quanto de editar modelos já existentes.

Para criar um novo template, recomendamos que você utilize um template padrão como base.

Confira o passo a passo a seguir:

  1. No Admin VTEX, acesse Storefront > Layout.
  2. Clique na pasta CMS.
  3. Clique em HTML Templates.__
  4. Logo abaixo, clique em __New template.
  5. Preencha o campo Template Name.

Ao preencher o Template Name do template, evite utilizar as seguintes palavras reservadas, pois isso pode prejudicar o desempenho da sua loja e interferir no funcionamento de páginas definidas no Admin VTEX. Veja a lista de palavras reservadas abaixo.

  • a
  • meta
  • api
  • admin
  • app

  1. Em seguida, preencha o box Template XHTML com o código do seu template.
    {"base64":"  ","img":{"width":453,"height":183,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":78092,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-criar-um-template-de-pagina_1.png"}}
  2. No canto superior direito, clique no botão Save Template.

Para editar um template já existente, o processo é quase idêntico.

Mas em vez de clicar na opção New Template, você deve clicar no template que deseja editar.

Confira o passo a passo completo a seguir:

  1. No Admin VTEX, acesse Storefront > Layout.
  2. No canto superior da tela, clique na pasta CMS.
  3. Clique na opção de template desejada.
  4. Faça as alterações necessárias.
  5. No canto superior direito, clique no botão Save Template.
Contribuidores
1
Photo of the contributor
+ 1 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Criando um website
« Anterior
Customizar a toolbar de Televendas
Próximo »
Contribuidores
1
Photo of the contributor
+ 1 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na VTEX Community
Junte-se à nossa comunidade
Solicite suporte à VTEX
Receba assistência personalizada com nossos especialistas
Abra um ticket de suporte
GitHubDeveloper PortalComunidadeFeedback