App Botão Voltar ao Topo do Shopify
Crie seu app Voltar ao Topo
Capturas de tela
Por que as pessoas amam a Elfsight
Páginas de produto longas são ótimas para contar histórias, mas também podem significar muita rolagem. O botão Voltar ao Topo da Elfsight ajuda seus clientes a voltarem rapidamente, sem ter que ficar deslizando sem fim. É um detalhe pequeno que faz uma grande diferença na sensação de navegar pela sua loja.
Com apenas alguns cliques, você pode instalar um botão que combine perfeitamente com o seu tema. Escolha suas próprias cores, ícones e animações. Ajuste onde ele aparece e defina quando ele aparece. Funciona muito bem em desktop e mobile — sem código, sem configuração extra.
Você sabia?
Um estudo da Nielsen Norman Group mostrou que 57% do tempo de visualização das páginas dos usuários ocorre acima da dobra; essa é a parte superior da página antes de começar a rolar.
Mantenha a navegação simples para ajudar os usuários a voltarem imediatamente – adicione o botão Voltar ao Topo da Elfsight à sua loja Shopify gratuitamente hoje.
Principais recursos do Botão Voltar ao Topo do Shopify
Proporcione aos seus clientes uma experiência de navegação sem esforço com um recurso simples de usar e fácil de amar.
- Design sob medida: Escolha entre ícones prontos ou carregue o seu próprio, em seguida personalize o tamanho, a cor e a forma para combinar com a sua marca.
- Regras de exibição Inteligentes: Controle quando e onde o botão aparece — após uma certa distância de rolagem, em páginas específicas ou em toda a loja.
- Efeito de movimento suave: A suave animação de rolagem leva os usuários de volta ao topo naturalmente, sem saltos bruscos.
- Posicionamento flexível: Coloque o botão onde fizer mais sentido – canto inferior, borda lateral ou até flutuar no meio.
- Pronto para móvel: O app se ajusta automaticamente a telas menores, mantendo a usabilidade ideal em smartphones e tablets.
Explore todos os recursos do editor ao vivo — não é necessário cadastro.
Como adicionar um botão Voltar ao Topo no Shopify
Configurar seu aplicativo Voltar ao Topo no Shopify leva apenas alguns minutos. Aqui estão duas formas fáceis de fazer isso.
Método 1: Botão flutuante
Perfeito se você quiser um botão fixo que permaneça visível em todas as páginas.
- Escolha um modelo: No editor da Elfsight, selecione um layout que permaneça visível ao rolar.
- Ajuste o design e a animação: Defina o estilo do ícone, a velocidade de rolagem e a posição exata na tela.
- Gerar e copiar código: Clique em “Adicionar ao site gratuitamente” e copie o trecho de código.
- Colar no Shopify: Abra “Online Store → Temas → Personalizar → Editar Código”, em seguida cole o snippet antes da tag de fechamento
</body>.
Método 2: Botão em linha
Ideal se você quiser que o botão apareça em uma seção específica.
- Abrir o Editor Elfsight: Escolha um modelo que combine com o design da sua loja.
- Personalize o seu botão: Defina a cor, o ícone e a posição, e determine quando ele aparecerá.
- Copie seu código: Clique em “Adicionar ao site gratuitamente” para obter o código de incorporação.
- Incorpore no Shopify: No painel do Shopify, vá em Online Store → Themes → Edit Code e cole o código onde você quer que o botão apareça.
Precisa de ajuda? Confira nosso Centro de Ajuda para guias detalhados. Você também pode enviar feedback em nossa Lista de Desejos ou ver as atualizações mais recentes no Histórico de Alterações.