Botão Voltar ao Topo do Elementor

Adicione o controle Voltar ao Topo ao seu site Elementor para simplificar a navegação, oferecer uma experiência de navegação mais suave e tornar conteúdos longos mais fáceis de explorar pelos visitantes.
Avaliação 4,8
Mais de 10.000 avaliações
Plano gratuito disponível
Crie seu Widget gratuitamente
Sem cartão de crédito necessário
Elementor Scroll Back to Top Button

Crie seu widget Voltar ao Topo

Configure o botão Voltar ao Topo e adicione-o ao seu site Elementor gratuitamente!

Capturas de tela

Elementor Scroll Back to Top Button
1 / 6

Por que as pessoas amam a Elfsight

Rolar por uma página longa não deveria parecer uma escalada. O widget Voltar ao Topo da Elfsight leva os visitantes de volta ao topo da sua página com um movimento suave. É simples, intuitivo e adiciona aquele toque polido que todo site moderno precisa.

Com apenas alguns cliques, crie um botão Voltar ao Topo que combine perfeitamente com o seu design. Escolha o ícone, a cor, a posição e a animação — tudo é ajustável no editor. E, como é totalmente responsivo, fica ótimo e funciona bem em qualquer dispositivo.

Você sabia?

Um relatório da Nielsen Norman Group mostrou que 57% do tempo de visualização de uma página é gasto acima da dobra, na parte visível sem rolar.

Mantenha a navegação fácil e visível – adicione o widget Voltar ao Topo da Elfsight para Elementor agora, para que cada visitante permaneça engajado e percorra seu conteúdo com facilidade.

Recursos Principais do Botão Voltar ao Topo do Elementor

Aqui está o que torna o Elfsight indispensável para uma experiência de navegação superior:

  • Design personalizável: Escolha o ícone, a cor, a forma e o tamanho que combinam perfeitamente com o estilo do seu site.
  • Disparadores de aparência inteligente: Controle quando o botão aparece — após rolar uma distância definida ou em páginas específicas.
  • Efeito de rolagem suave: Proporcione aos usuários uma transição suave e agradável, em vez de um salto repentino de volta ao topo.
  • Controle de posição: Posicione o botão em qualquer lugar da tela – canto inferior direito, centro esquerdo ou onde ficar melhor.
  • Sem código necessário: Funciona mesmo se você não for desenvolvedor — é tão fácil quanto arrastar, soltar e colar.

Experimente todos os recursos no editor ao vivo – sem precisar criar uma conta.

Como adicionar um botão Voltar ao Topo no Elementor

Incorporar um botão Voltar ao Topo em um site Elementor é rápido e simples. Você pode posicioná-lo inline ou flutuante em todas as páginas.

Método 1: Botão flutuante

Ideal para manter o botão visível em todas as páginas.

  1. Selecione o modelo: Escolha um estilo flutuante que permaneça visível enquanto o usuário rola a página.
  2. Ajuste os detalhes: Defina a cor, a posição e a animação.
  3. Gerar seu código: Copie o código de incorporação do editor.
  4. Inserir no WordPress: Vá para “Aparência → Personalizar → HTML Adicional” e cole antes da tag de fechamento </body>.

Método 2: Botão Incorporado

Perfeito se você quiser o botão Voltar ao Topo dentro de uma seção específica da página.

  1. Abrir o editor do Elfsight: Escolha um modelo que combine com o visual do seu site.
  2. Personalize o seu design: Selecione o ícone, o tamanho e o estilo, e defina quando ele deve aparecer.
  3. Copie seu código de incorporação: Clique em “Adicionar ao site gratuitamente” e copie o snippet fornecido.
  4. Colar no Elementor: No editor do Elementor, arraste um widget HTML para a área desejada e cole o código.

Precisa de mais ajuda? Consulte nosso Centro de Ajuda para guias detalhados. Você também pode compartilhar ideias de recursos em nossa Lista de Desejos ou acompanhar as atualizações no Registro de Alterações.

Preciso do Elementor Pro para usar o widget Voltar ao Topo?

Você pode adicionar o widget usando o Elementor Free, enquanto algumas opções avançadas de exibição e layout podem exigir o Elementor Pro.

O botão Voltar ao Topo é compatível com layouts do Elementor?

A Elfsight integra-se perfeitamente com seções, colunas e modelos do Elementor, adaptando-se automaticamente a designs responsivos.

Quando o botão Voltar ao Topo aparece no meu site?

O botão aparece apenas depois que os visitantes rolam além de uma porcentagem definida da página, mantendo o layout limpo até que seja necessário suporte à navegação.

Posso ajustar a velocidade de rolagem para voltar ao topo?

Sim, a Elfsight oferece uma configuração para controlar a duração da animação de rolagem, permitindo que sua página Elementor retorne ao topo de forma suave e personalizada.

Qual é a diferença entre estilos flutuantes e embutidos?

Modo flutuante mantém o botão visível durante a rolagem, enquanto o modo incorporado funciona dentro de seções fixas do Elementor, como rodapés ou blocos de conteúdo.

Posso controlar em quais páginas do Elementor o botão é exibido?

Sim, as condições de exibição permitem exibir o widget Voltar ao Topo em todo o site ou excluir páginas específicas do Elementor onde não é necessário.

Como funciona o Voltar ao Topo em dispositivos móveis?

Em dispositivos móveis, o Elfsight ajusta automaticamente o tamanho, suporta toque e aparece com base em limiares de rolagem otimizados.

Posso alterar a posição do botão para evitar sobreposição?

Você pode definir deslocamentos em pixels para que o widget permaneça longe de botões de chat, banners ou outros componentes flutuantes.

Preços

Garantia de devolução em 14 dias. Sem risco — você pode cancelar a qualquer momento.
Elfsight Apps
Solução multiplataforma
a partir de US$0/mês
Comece com o plano gratuito
Domínios ilimitados
Suporte premium e pontual
Ajuda de instalação gratuita
Oferta por tempo limitado para vários apps
Totalmente personalizável