Como Desativar o Clique com o Botão Direito na Shopify

É possível desativar o clique com o botão direito na Shopify?

Sim. Você pode adicionar um script curto ao seu tema Shopify que cancela o menu do botão direito, a cópia e o arraste de imagens, ou usar um app que faz o mesmo sem editar código. De qualquer forma, isso só desacelera a cópia casual: capturas de tela, câmeras de celular e qualquer um que leia os dados públicos do seu produto ainda conseguem passar.

Observação: As configurações, os rótulos e o comportamento dos temas da Shopify nesta página foram verificados na documentação da Shopify em 26 de setembro de 2026.

O admin da Shopify não tem uma configuração para isso, então a escolha é entre algumas linhas de código no tema e um app. O código não custa nada, mas vive nos arquivos de um único tema. Um app é mais fácil de desativar e permanece no lugar quando você atualiza o tema, mas adiciona seu próprio script a cada página. Os dois dependem de JavaScript rodando no navegador do comprador, então os dois compartilham os limites descritos em o que a proteção contra clique direito não consegue impedir.

Como faço isso com código?

Cole o script abaixo em layout/theme.liquid. A Shopify exige esse arquivo em todo tema e o usa para a marcação repetida entre os tipos de página, então uma única colagem cobre toda a sua loja (documentação de layout da Shopify).

<script>
  (function () {
    // Os campos de formulário continuam funcionando: os compradores ainda podem clicar com o botão direito para colar ou verificar a ortografia.
    function inField(target) {
      return target instanceof Element && target.closest('input, textarea') !== null;
    }

    // Cancela o menu do botão direito (e a tecla de menu do teclado) fora dos campos de formulário.
    document.addEventListener('contextmenu', function (event) {
      if (!inField(event.target)) event.preventDefault();
    });

    // Impede que o texto da página seja copiado. Texto digitado em um campo ainda pode ser copiado.
    document.addEventListener('copy', function (event) {
      if (!inField(event.target)) event.preventDefault();
    });

    // Impede que imagens sejam arrastadas para fora da página.
    document.addEventListener('dragstart', function (event) {
      if (event.target instanceof HTMLImageElement) event.preventDefault();
    });
  })();
</script>

Adicione o script ao seu tema

1. No seu admin da Shopify, vá em Online Store.
2. Faça um backup primeiro, como a Shopify recomenda: clique em ⋯ ao lado do seu tema atual, depois em Duplicate. A cópia aparece na sua página Themes.
3. No seu tema atual, clique em ⋯, depois em Edit code. O editor de código abre.
4. Na pasta layout, abra theme.liquid.
5. Encontre a tag de fechamento </body> perto do final do arquivo e cole o script na linha logo acima dela.
6. Clique em Save.
7. Abra sua loja em uma janela privada e clique com o botão direito em uma imagem de produto. Nenhum menu aparece. Clique com o botão direito dentro de um campo de busca ou e-mail: o menu ainda funciona ali.

O que cada parte faz

• contextmenu cancela o menu do navegador que abre com o clique direito ou com a tecla de menu do teclado, onde ficam Save image as e Copy. Os campos de formulário mantêm o deles.
• copy impede que o texto selecionado da página chegue à área de transferência, seja pelo teclado ou pelo menu Edit do navegador.
• dragstart impede que uma foto de produto seja arrastada para a área de trabalho.

O script deixa a seleção de texto intacta de propósito. As pessoas selecionam texto para traduzi-lo, procurar uma palavra ou ouvi-lo em voz alta, e bloquear a seleção quebra as três coisas.

Se você só se importa com as fotos, torne isso mais suave: no handler contextmenu, substitua !inField(event.target) por event.target instanceof HTMLImageElement, e exclua o handler copy. Texto e links se comportam normalmente, e só as imagens perdem o menu.

Importante: Teste qualquer botão de “copiar código de desconto” da sua loja depois de salvar. Alguns são construídos sobre o comando de cópia do navegador, que este script agora cancela.

Mantenha-o nas atualizações de tema

Quando você atualiza seu tema para uma nova versão, a Shopify só transfere suas edições de código se elas não entrarem em conflito com a atualização. Se estiverem faltando, você mesmo as copia para a nova versão, e a Shopify recomenda salvar uma cópia do código personalizado antes de qualquer atualização (atualizando temas). Se você trocar para um tema diferente, cole o script nesse tema também. Para removê-lo, exclua as linhas e clique em Save.

Como faço isso com um app?

Instale um app de proteção de conteúdo e ative só os comportamentos de que precisa. Um app que carrega por meio de uma incorporação de app no tema não precisa de nada colado, e a Shopify transfere as configurações de incorporação de app quando você atualiza o tema.

O X Shield, que desenvolvemos, tem um botão separado para cada comportamento, todos incluídos no plano Free (planos do X Shield). Toda proteção começa desativada, e nada roda até a incorporação do app estar ativa:

1. Instale o X Shield e abra-o uma vez.
2. Em Visão geral, clique em Ativar no tema. Seu editor de temas abre com a incorporação do app X Shield ativada. Clique em Save.
3. De volta em Visão geral, em Conteúdo e mídia, ative Clique direito em mídia. Uma notificação diz Recurso ativado. Essa é a opção mais suave: as imagens não podem ser salvas com o clique direito, e o menu continua funcionando em texto e links.
4. Ative qualquer outra opção da tabela abaixo só se precisar dela.
5. Para mudar ou ocultar a pequena mensagem que os visitantes veem quando uma ação é recusada, vá em Página de bloqueio → Alertas de proteção.
6. Confira o resultado em uma janela privada.

Para o que cada botão faz em detalhe, veja como desativar o clique direito com o X Shield. Assim como o trecho de código, esses botões precisam de JavaScript, então os limites abaixo também se aplicam a eles. O app também adiciona seu próprio script a cada página, então verifique suas pontuações de velocidade depois de instalá-lo.

Dica: Se a cópia faz parte de um problema maior de scraping, X Shield, um bloqueador gratuito de países e bots para a Shopify, também bloqueia países, endereços IP e bots no mesmo admin.

O que a proteção contra clique direito não consegue impedir?

Qualquer coisa que não passe pelo próprio menu da página ou pela área de transferência. Trate isso como um obstáculo para visitantes casuais, não como uma proteção à prova de cópia:

• Capturas de tela e câmeras de celular. Uma página web não consegue impedir nenhuma das duas de forma confiável.
• As próprias ferramentas do navegador. Ver código-fonte, Save page as e as ferramentas de desenvolvedor abrem todas pelo menu do navegador, que um script da página não consegue alcançar. Desativar o JavaScript remove a proteção por completo.
• Usuários do Firefox segurando Shift. No Firefox, Shift e o clique direito abrem o menu sem disparar o evento que o script cancela (MDN: evento contextmenu).
• iPhones e iPads. O Safari no iOS não dispara o evento de clique direito de forma alguma (os dados de compatibilidade do MDN o listam como não suportado), então o menu de toque longo dele não é afetado por este script.
• Seus arquivos de imagem. Toda foto de produto tem um endereço público que fica no código-fonte da sua página.
• Scrapers e ferramentas espiãs. Eles pedem seu catálogo como dados, por exemplo do JSON de produtos da Shopify, e nunca executam seu script. Veja o que ferramentas espiãs conseguem ver na Shopify.

Quando alguém realmente copia suas fotos ou descrições para outra loja Shopify, o remédio que funciona é uma reclamação de direitos autorais. A Shopify responde a alegações de violação de direitos autorais usando os procedimentos da DMCA e recebe notificações por um formulário online (denunciando violação de direitos autorais). Suas próprias fotos, com os originais guardados, tornam essa alegação fácil de provar.

Isso prejudica o SEO ou a acessibilidade?

O SEO não. Os mecanismos de busca leem seu HTML e nunca clicam com o botão direito nem copiam, então nem o script nem um app mudam o que é rastreado ou indexado, e suas fotos de produto ainda podem aparecer na busca por imagens. A acessibilidade é o custo real, e ele recai sobre seus clientes.

• Usuários de teclado. A tecla de menu do teclado dispara o mesmo evento que o clique direito, então bloquear um bloqueia os dois.
• Ferramentas do dia a dia. As pessoas usam o menu do clique direito para abrir links em novas abas, traduzir uma página, verificar a ortografia e procurar palavras.
• Cópia. Os compradores copiam texto para ferramentas de tradução e leitura, e copiam dados de que precisam: um número de pedido, seu endereço, um código de desconto.
• Seleção. Alguns leitores destacam o texto enquanto leem. Bloquear a seleção tira isso deles, por isso o trecho de código acima a deixa intacta.
• Colagem. Bloquear a colagem impede que as pessoas colem um endereço ou e-mail nos seus formulários. Isso não protege nada, porque colar não copia nada da sua loja.

Se você for proteger conteúdo, proteja imagens em vez de texto: bloqueie o menu só nas imagens, deixe a cópia e a seleção em paz, e nunca bloqueie a colagem.