Menu
Feedback
Comece aqui


Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
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)
Apagar uma pasta do CMS
« Previous
Ver o conteúdo dos arquivos CSS da loja
Next »
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