Web Content Access

Nuvemshop

Acessibilidade para a sua loja Nuvemshop

Um botão de acessibilidade para seus clientes e 9 correções automáticas de problemas comuns do tema. Instalado pelo Google Tag Manager em cerca de 5 minutos, sem app e sem mexer no código do tema.

  • Botão de acessibilidade: tamanho do texto, contraste, espaçamento, modo de leitura e animações, em 33 idiomas
  • 9 correções automáticas: idioma da página, zoom no celular, link para pular ao conteúdo, foco visível, nomes para ícones e botões, campos de formulário, ordem de tabulação, movimento reduzido e link para a declaração no rodapé
  • Sem cookies e sem rastreamento: as preferências dos visitantes ficam no navegador deles
  • Sem cadastro: copie o código, cole no Google Tag Manager e publique

1. Monte o seu código

Escolha as opções. O código abaixo se atualiza na hora.

Ex.: /acessibilidade/ (uma página criada em Loja online > Páginas). Deixe vazio se ainda não existir.

2. Instale pelo Google Tag Manager

  1. Crie um contêiner

    Em tagmanager.google.com, crie uma conta e um contêiner do tipo Web. Anote o ID (GTM-XXXXXXX).

  2. Conecte à Nuvemshop

    No painel da Nuvemshop: Configurações > Códigos externos > Google Tag Manager. Cole o ID e salve.

  3. Crie a tag

    No Tag Manager: Tags > Nova > Configuração da tag > HTML personalizado. Cole o código do passo 1.

  4. Defina o acionamento

    Acionamento: All Pages (Todas as páginas, tipo Visualização de página). Salve a tag.

  5. Publique

    Clique em Enviar > Publicar. Abra a sua loja: o botão aparece no canto escolhido.

Alternativa: código do tema

Nos planos com acesso ao código-fonte (Loja online > Layout > Editar o código), você também pode colar o código antes de </body> no arquivo de layout principal. Com o Google Tag Manager, o layout continua recebendo as atualizações automáticas.

Por que não é um app da Nuvemshop?

Desde junho de 2026, a Nuvemshop exige que apps com scripts na loja usem o NubeSDK, que não tem acesso à página. Um botão de acessibilidade precisa ajustar fontes, contraste e o código da página, então ainda não é possível como app. Por isso a instalação é feita pelo Google Tag Manager, que a Nuvemshop oferece em Configurações > Códigos externos. Pedimos à Nuvemshop uma forma oficial; se ela existir, avisaremos aqui.

E a lei?

A Lei Brasileira de Inclusão (Lei 13.146/2015, art. 63) torna obrigatória a acessibilidade nos sites mantidos por empresas com sede ou representação comercial no Brasil. A referência técnica usada no mercado é a WCAG 2.1 nível AA. O Web Content Access ajuda nessa direção, mas não substitui conteúdo acessível: contraste das cores do tema, títulos, textos de links e descrições das imagens continuam sendo responsabilidade da loja. Isto não é assessoria jurídica.

Perguntas frequentes

Deixa a loja mais lenta?

Não de forma perceptível. O script é carregado com defer, depois da página, e o painel só é carregado quando alguém o usa.

Funciona com qualquer tema?

Sim. As correções só atuam onde algo está faltando (por exemplo, um ícone sem nome) e não alteram o visual da loja.

E a LGPD?

O script não usa cookies, não rastreia visitantes e não envia dados pessoais. As preferências ficam no armazenamento local do navegador do visitante.

Quanto custa?

O código desta página é gratuito e não precisa de cadastro.

Como removo?

Pause ou exclua a tag no Google Tag Manager e publique. O botão some na hora.

Dúvidas? Escreva para wssolutionsllc@zohomail.eu. Respondemos em português, espanhol, inglês ou alemão.

Acessibilidade desta página

Esta página foi feita para ser usada com teclado, com foco visível, textos alternativos e bom contraste. Pelo botão no canto inferior direito você pode ajustar texto, contraste e animações. Encontrou uma barreira? Escreva para wssolutionsllc@zohomail.eu.