Widgets de site web

Widget de barre de défilement personnalisée pour votre site web

Gardez le long contenu bien rangé grâce à une zone défilante à votre image de marque. Personnalisez la position, la largeur, le rayon de la barre de défilement, le défilement fluide, les couleurs de la piste et du curseur, la taille du conteneur, les bordures et les couleurs d'arrière-plan, sans code.

Comment créer un widget Barre de défilement personnalisée

Add scrollable content

Ajouter du contenu défilant

Collez un long texte, des notes de version, des politiques, du texte d'aide, des conditions ou des détails de produits dans une zone de contenu défilante compacte.

Customize scrollbar style

Personnaliser le style de la barre de défilement

Définissez le côté, la largeur, le rayon de la barre de défilement, la couleur de la piste, la couleur du curseur, la couleur au survol, l'arrière-plan du conteneur, la bordure et l'ombre.

Embed it on your website

Intégrez-le à votre site web

Prévisualisez la zone de défilement, copiez le code d'intégration et placez-le partout où un long contenu doit rester facile à parcourir.

Créez des zones de défilement à votre image de marque qui gardent le long contenu sous contrôle

Gardez le long contenu dans une section compacte

Placez des annonces, des politiques, des journaux des modifications, des FAQ ou des détails de produits dans un conteneur défilant au lieu d'étirer toute la page.

Keep long content inside a compact section

Contrôler le côté, la largeur et le rayon du défilement

Utilisez le défilement natif avec un comportement fluide en option, un placement de la barre de défilement à gauche ou à droite, une épaisseur et des coins arrondis.

Control scroll side, width, and radius

Adaptez la barre de défilement à votre image de marque

Personnalisez les couleurs du curseur, du survol, de la piste, de l'arrière-plan, du texte et de la bordure pour que la zone de contenu s'intègre naturellement au design de votre site web.

Match the scrollbar to your brand

Définir la taille du conteneur, la bordure et l'ombre

Choisissez la largeur et la hauteur de la zone de défilement, puis ajustez le rayon du conteneur, l'épaisseur de la bordure, la couleur de la bordure et l'ombre portée.

Set container size, border, and shadow

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

1Récupérez le code d'intégration

Après avoir personnalisé votre widget Jotform pour site web, cliquez sur Essayer gratuitement sur votre site web, puis copiez le code d’intégration généré.

2Ouvrez l’éditeur de page

Accédez à l'article ou à la page WordPress où vous souhaitez afficher le widget, puis ajoutez un nouveau bloc.

3Ajoutez un bloc HTML personnalisé

Sélectionnez HTML personnalisé, puis collez le code d'intégration de votre widget Jotform dans le champ HTML.

4Mettez à jour votre page et vérifiez le résultat

Cliquez sur Mettre à jour ou Publier, puis ouvrez la page pour vérifier que le widget s’affiche correctement.

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 Barre de défilement personnalisée

Utilisez une barre de défilement personnalisée partout où un long contenu doit rester lisible sans surcharger la page.

Centres d'aide et documentation pour garder de longues instructions, des guides de configuration et des notes techniques faciles à parcourir.

Pages de produits pour afficher des caractéristiques, des descriptions, des informations de livraison ou des guides des tailles dans des sections compactes.

Blocs de conditions, de confidentialité et de politiques pour afficher un texte important sans créer des sections de page surdimensionnées.

Pages de journal des modifications et de notes de version pour organiser de longues listes de mises à jour dans un panneau déroulant à votre image de marque.

Barres latérales et tableaux de bord pour garder les alertes, les notes, l'activité ou les filtres utilisables dans un espace restreint.

Pages de destination pour afficher des détails supplémentaires sous une offre promotionnelle sans détourner l'attention du CTA principal.

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 Barre de défilement personnalisée ?

    Un widget Barre de défilement personnalisée crée une zone de contenu défilante avec un style de barre de défilement à votre image de marque, une taille de conteneur, des couleurs, des bordures et un comportement de défilement personnalisables.

  • Puis-je changer la position de la barre de défilement ?

  • Puis-je activer le défilement fluide ?

  • Puis-je changer les couleurs de la barre de défilement ?

  • Puis-je ajuster la taille de la boîte de contenu ?

  • Fonctionne-t-il sur un appareil mobile ?

  • Dois-je coder ?