Widgets de site web

Widget Indicateur de progression de défilement pour votre site web

Aidez les visiteurs à suivre leur progression grâce à une barre de progression fixe ou un bouton flottant. Ajoutez une option de retour en haut de page, harmonisez-la avec les couleurs de votre marque et contrôlez son emplacement sans coder.

Comment créer un widget Scroll Progress

Choose your indicators

Choisissez vos indicateurs

Choisissez la barre de progression ou le bouton de progression flottant, puis décidez si le bouton ramène les visiteurs en haut de la page.

Style colors and layout

Couleurs et style de mise en page

Définissez des remplissages unis ou dégradés, personnalisez les couleurs des pistes et des pourcentages, ajustez la taille et la position de l'indicateur et contrôlez la visibilité.

Embed it on your site

Intégrez-le à votre site

Prévisualisez le comportement au défilement, copiez le code d'intégration et publiez le widget sur n'importe quelle page longue.

Orientez les visiteurs pendant qu'ils défilent

Choisissez votre indicateur de progression

Choisissez une barre de progression fixe ou un bouton de progression flottant pour que les visiteurs puissent facilement suivre leur progression de défilement sur les blogs, les guides et les pages de destination.

Choose Your Progress Indicator

Faites correspondre le widget à la charte graphique de votre marque

Utilisez un remplissage unis ou dégradés, puis ajustez les couleurs de progression, de suivi et de pourcentage pour que le widget s'intègre parfaitement au design de votre site.

Match your brand colors

Remontez en haut en un clic

Permettez aux visiteurs de cliquer sur le bouton de progression flottant pour revenir en haut des pages longues lorsqu'ils ont besoin d'une réinitialisation rapide.

Scroll to top in one click

Placement et dispositifs de contrôle

Épinglez la barre en haut ou en bas, placez le bouton dans n'importe quel coin, ajustez sa taille et choisissez la version bureau, mobile ou les deux.

Control placement and devices

Comment intégrer votre {Nom du widget} dans WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Ce qui les rend les widgets de site web Jotform vraiment uniques

Les widgets Jotform rendent votre site web plus interactif et vous aident à augmenter vos conversions. Choisissez parmi de nombreux outils, comme des évaluations par étoiles, des curseurs de témoignages, des fenêtres contextuelles de preuve sociale ou des intégrations de contenus multimédias. Ajoutez des widgets à vos formulaires ou à vos pages de destination afin de collecter des données, d'afficher votre preuve sociale et de générer des prospects, sans coder.

Intégrez des widgets sans coder

Intégrez un widget Jotform à votre site web en copiant un code simple. Personnalisez, prévisualisez, puis insérez-le dans n'importe quelle page ou block HTML, le tout sans faire appel à un développeur.

Créez des pages web plus interactives

Configurez les widgets de site web Jotform pour collecter des prospects, afficher des avis clients, mettre en avant votre preuve sociale, intégrer des contenus multimédias ou ajouter des outils utiles à vos pages web. Chaque widget permet aux visiteurs d'interagir directement avec votre entreprise depuis votre site web.

Obtenez de l'aide quand vous en avez besoin

Si vous avez besoin d'aide pour configurer, personnaliser, intégrer ou résoudre un problème avec votre widget, l'équipe d'assistance de Jotform est disponible 24h/24 et 7j/7. Bénéficiez d'une assistance à tout moment, dès que vous en avez besoin.

Où utiliser votre widget d'indicateur de progression de défilement

Utilisez ce widget sur les pages où les visiteurs font défiler longuement la page pour bénéficier d'une sensation de progression claire et d'un retour rapide en haut de page.

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

Transformez vos prospects en clients grâce au Générateur de formulaires Jotform

Transformez l'engagement en action grâce à Jotform. Créez des formulaires performants capables de collecter des prospects, d'encaisser des paiements et d'automatiser les réponses, le tout depuis un seul et même endroit. Chaque soumission est transférée dans votre Boîte de réception Jotform, d'où vous pouvez assurer le suivi ou l'intégrer à vos applications préférées.

Commencez : c'est gratuit !
Convert leads into customers

FAQ

  • Qu'est-ce qu'un widget indicateur de progression de défilement ?

    Un widget d'indicateur de progression de défilement indique jusqu'où les visiteurs ont fait défiler la page grâce à une barre de progression fixe et un indicateur circulaire flottant optionnel.

  • Le bouton permet-il de faire défiler vers le haut ?

  • Puis-je personnaliser les couleurs ?

  • Puis-je contrôler le placement ?

  • Does it work on mobile?

  • Puis-je le masquer au début ou une fois terminé ?

  • Dois-je coder ?