Widget Indicador de Progresso de Rolagem para seu site

Ajude os visitantes a acompanhar o progresso de rolagem com uma barra de progresso fixa ou um botão de progresso flutuante. Adicione uma ação opcional de voltar ao topo, combine com as cores da sua marca e controle o posicionamento sem código.

Como criar um widget Scroll Progress

Choose your indicators

Escolha seus indicadores

Escolha a barra de progresso ou o botão de progresso flutuante e decida se o botão levará os visitantes de volta ao topo.

Style colors and layout

Estilize cores e layout

Defina preenchimentos sólidos ou em gradiente, personalize as cores da trilha e da porcentagem, ajuste o tamanho e a posição do indicador e controle a visibilidade por dispositivo.

Embed it on your site

Incorpore ao seu site

Visualize o comportamento de rolagem, copie o código de incorporação e publique o widget em qualquer página longa.

Oriente os visitantes conforme eles rolam

Escolha seu indicador de progresso

Escolha uma barra de progresso fixa ou um botão de progresso flutuante para que os visitantes acompanhem facilmente o progresso de rolagem em blogs, guias e páginas de destino.

Choose Your Progress Indicator

Combine com as cores da sua marca

Use preenchimentos sólidos ou em gradiente e ajuste as cores de progresso, da trilha e da porcentagem para que o widget combine com o design do seu site.

Match your brand colors

Volte ao topo com um clique

Permita que os visitantes cliquem no botão de progresso flutuante para voltar ao topo de páginas longas quando precisarem de uma reinicialização rápida.

Scroll to top in one click

Controle o posicionamento e os dispositivos

Posicione a barra na parte superior ou inferior, coloque o botão em qualquer canto, ajuste o tamanho dele e escolha computador, dispositivos móveis ou ambos.

Control placement and devices

Como incorporar seu widget Scroll Progress ao WordPress

1Obtenha seu código de incorporação

Após personalizar seu widget de site do Jotform, clique em Experimente no seu site gratuitamente e copie o código de incorporação gerado.

2Abra o editor de página

Acesse o post ou a página do WordPress onde deseja exibir o widget e adicione um novo bloco.

3Adicione um bloco de HTML Personalizado

Selecione HTML Personalizado e cole o código de incorporação do widget de site do Jotform no campo HTML.

4Atualize e visualize

Clique em Atualizar ou Publicar e abra a página para verificar seu widget incorporado.

Por que os Widgets para Sites Jotform se destacam

Os widgets da Jotform tornam seu site mais interativo e aumentam as conversões. Há diversas opções disponíveis, desde avaliações com estrelas e deslizadores de depoimentos até pop-ups de prova social e incorporações de mídia. Adicione widgets aos seus formulários ou landing pages para coletar dados, exibir provas sociais e capturar leads — tudo sem precisar programar.

Incorpore widgets sem precisar programar

Adicione widgets da Jotform ao seu site com um simples código de incorporação. Personalize o widget, veja uma prévia de como ele ficará e cole-o em qualquer página que aceite HTML personalizado ou blocos de incorporação, sem precisar de um desenvolvedor.

Crie páginas mais interativas

Use os Widgets para Sites Jotform para coletar leads, exibir avaliações de clientes, expor provas sociais, incorporar mídia ou adicionar ferramentas úteis às suas páginas. Cada widget ajuda os visitantes a interagir com sua empresa diretamente no site.

Receba suporte sempre que precisar

Se precisar de ajuda para configurar, personalizar, incorporar ou solucionar problemas com o seu widget, a equipe de suporte Jotform está disponível 24h. Assim, você pode seguir em frente com confiança, sabendo que terá ajuda sempre que precisar.

Onde usar seu Widget de Indicador de Progresso de Rolagem

Use o widget em páginas onde os visitantes rolam bastante e se beneficiam de uma noção clara de progresso, além de uma forma rápida de voltar ao topo.

Blog posts and articles so readers can see how far they have scrolled and return to the headline quickly

Documentation and help centers where dense instructions benefit from a live progress cue and scroll-to-top shortcut

Product and feature pages that stack long storytelling sections, comparisons, and CTAs

Landing pages that use long vertical layouts and need subtle orientation without extra navigation

Resource hubs and magazines with editorial content that should feel easy to finish

Mobile-first pages where long scrolling is common and a floating progress button improves usability

Converta leads em clientes pagantes com o Criador de Formulários Jotform

Transforme engajamento em ação usando Jotform. Crie formulários poderosos para captar leads, receber pagamentos e automatizar respostas, tudo em um só lugar. Cada envio chega à sua Caixa de Envios Jotform, onde você pode fazer o acompanhamento ou conectar seus apps favoritos.

Comece já — é grátis!
Convert leads into customers

Perguntas Frequentes

  • O que é um Widget de Indicador de Progresso de Rolagem?

    Um Widget de Indicador de Progresso de Rolagem mostra o quanto os visitantes já rolaram, com uma barra de progresso fixa e um indicador circular flutuante opcional.

  • O botão faz a rolagem até o topo?

  • Posso personalizar as cores?

  • Posso controlar o posicionamento?

  • Funciona em dispositivos móveis?

  • Posso ocultá-lo no início ou quando concluído?

  • Preciso escrever código?