Scroll Suave em Página Clonada no Google Sites: Corrija o Bug

Confira neste artigo como corrigir o “bug” do scroll suave em página clonada no Google Sites com script simples incluído no HTML.

Ao clonar uma página de vendas no Google Sites, é comum que tudo funcione perfeitamente… até você clicar em um botão que leva para uma seção da própria página, como #oferta, #contato ou #beneficios.

Em alguns casos, no Google Sites, o scroll suave não funciona e o link não leva corretamente até o destino, muitas vezes abrindo uma página com erro em nova aba.

Para resolver isso, basta adicionar um pequeno script no HTML da página clonada.

Esse código intercepta o clique nos links âncora, impede o comportamento bugado do navegador e faz a rolagem acontecer de forma suave e precisa.

Script para corrigir link âncora no Google Sites

O script a seguir corrige os links âncora de páginas incorporadas no Google Sites, sejam páginas de vendas clonadas pelo HTML ou páginas HTML feitas por programadores ou inteligência artificial.

Copie o script abaixo:

<script>
  // Correção de rolagem suave em links âncora no Google Sites
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
          e.preventDefault();
          const targetId = this.getAttribute('href');
          const targetElement = document.querySelector(targetId);
          if (targetElement) {
              targetElement.scrollIntoView({
                  behavior: 'smooth',
                  block: 'start'
              });
          }
      });
  });
</script>

Onde aplicar o script na página

Cole o script no HTML da página clonada, imediatamente ANTES da tag </body>, ou seja, no final do corpo do documento.

<html>

<head></head>

<body>

<!-- Conteúdo da página -->

➝ COLE AQUI O SCRIPT...

</body>
</html>

Pronto. A partir disso, todos os links internos com # passam a funcionar corretamente, com rolagem suave e profissional — mesmo em páginas clonadas dentro do Google Sites.

Se você ainda não viu o passo a passo completo de clonagem grátis de página de vendas, confira o artigo principal:

👉 Clonar Página de Vendas com o Google Sites – Scripts e Dicas
https://negociodigitalprodutivo.com.br/clonar-pagina-de-vendas-com-o-google-sites/

Com esse ajuste simples, suas páginas clonadas ficam ainda mais fiéis ao original — e com uma experiência de navegação muito mais fluida.