Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Tutoriais
Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
Alterar textos padrão do sistema exibidos na loja
Alterar textos padrão do sistema exibidos na loja

O sistema VTEX renderiza uma série de textos padrão na loja.

Para cada um desses textos, há uma chave que o identifica (uma espécie de nome da variável) e o texto correspondente (o conteúdo dessa variável).

Por exemplo, na topbar do site - que por padrão faz parte do subtemplate do header -, fica a mensagem de boas-vindas. Esta mensagem é identificada pela chave topbarSaudacao e, inicialmente, vem com o texto "Bem-vindo!".

Para cada chave usada pelo sistema, você pode alterar o texto correspondente. Para isso, siga os passos abaixo:

  1. No admin VTEX, acesse Configurações da Loja > Storefront > Configurações.
  2. Use a caixa de seleção para buscar a chave desejada.
  3. Altere o texto que aparece no campo abaixo da caixa de seleção e clique em salvar.

Variáveis

Algumas variáveis especiais estão disponíveis para compor textos mais complexos:

  • Artigo definido
  • Preposição
  • Preposição no caso locativo
  • Pronome possessivo
  • Nome da loja
  • Endereço do site em textos

Por exemplo, você deseja exibir a seguinte mensagem de boas-vindas na topbar da loja: Seja bem-vindo à Loja Exemplo.

Neste caso, os termos à e Loja Exemplo são especiais. O primeiro é uma proposição, que varia de acordo com o nome de cada loja, e o segundo é o nome da loja, que obviamente também varia.

Para fazer isso de maneira dinâmica, eu posso trocar o texto da chave topbarSaudacao para o seguinte:

Seja bem vindo @preposicaonomeloja2@ @nomeloja@.

Ou seja, estou usando as variáveis preposicaonomeloja2 e nomeloja.

Ao usar variáveis para compor um texto, substitua o símbolo # por @. Ou seja, #variavel# torna-se @variavel@.

{"base64":"  ","img":{"width":2224,"height":214,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":36306,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Store%20Settings%20-%20Storefront/alterar-textos-padrao-do-sistema-exibidos-na-loja_1.png"}}

{"base64":"  ","img":{"width":609,"height":478,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":26864,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Store%20Settings%20-%20Storefront/alterar-textos-padrao-do-sistema-exibidos-na-loja_2.png"}}

Como defini que o conteúdo da primeira variável é "à" e o da segunda é "Loja Exemplo", o texto final renderizado no site será "Seja bem-vindo à Loja Exemplo".

Para alterar facilmente as variáveis especiais, que aparecem na seção Textos Importantes, basta clicar nelas.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback