Widgets de site web

Widget de mode sombre pour votre site web

Offrez aux visiteurs une option de navigation confortable en faible luminosité grâce à un bouton de mode sombre personnalisable. Choisissez les couleurs, l'emplacement, le comportement par défaut, la planification et des styles ciblés dans un widget sans code.

Comment créer un widget Dark Mode

Choose the dark mode behavior

Choisissez le comportement du mode sombre

Choisissez la position de votre bouton, sélectionnez un préréglage de thème, et ajustez la durée de la transition fluide sur l'ensemble de votre site.

Customize the button styling

Personnalisez le style du bouton

Peaufinez l'apparence du bouton en ajustant sa taille, l'arrondi de ses angles et l'élévation de son ombre, et en choisissant entre un design plat ou avec ombre intérieure.

Embed it on your website

Intégrez-le à votre site web

Collez le code d'intégration dans un bloc HTML personnalisé ou un bloc d'intégration, puis publiez votre page pour afficher le widget sur votre site web.

Créez une expérience de lecture plus confortable

Réduisez les surfaces claires des pages

Assombrissez les arrière-plans des pages et les couleurs du texte pour que les visiteurs puissent parcourir de longues pages plus confortablement en faible luminosité.

Reduce bright page surfaces

Offrez aux visiteurs un bouton visible

Ajoutez un bouton fixe ou intégré avec des libellés, une position, une taille, une forme et des couleurs modifiables, afin que chaque visiteur puisse choisir le mode qu'il préfère.

Give visitors a visible switch

Explorez des préréglages de thème soigneusement sélectionnés

Passez d'un style sombre sur mesure à l'autre, comme Warm Reading pour une concentration nocturne chaleureuse, Midnight Blue pour une profondeur de noir maximale, High Contrast pour une distinction visuelle renforcée, ou Graphite pour une esthétique élégante et moderne.

Explore curated theme presets

Harmonisez votre site grâce à un style personnalisé

Partez d'un préréglage de thème, ajustez les couleurs de la page et du bouton, ajoutez une superposition subtile, et utilisez du CSS personnalisé ciblé pour la touche finale.

Match your site with custom styling

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 mode sombre

Ajoutez le widget partout où les visiteurs passent du temps à lire, comparer, faire des achats ou naviguer une fois la nuit tombée.

Les blogs et bases de connaissances où les longues sessions de lecture profitent d'un affichage plus doux en faible luminosité.

Les pages SaaS et de tableau de bord où les visiteurs s'attendent à une option de thème sombre moderne.

Les pages de portfolio et médias où les arrière-plans sombres mettent en valeur les images et les visuels.

Les pages de produits et de tarifs où les visiteurs nocturnes doivent pouvoir comparer les détails confortablement.

Les sites communautaires et de documentation où les visiteurs récurrents souhaitent que leur choix d'affichage soit mémorisé.

Les sites conçus pour mobile où un bouton compact aide les visiteurs à choisir rapidement un mode d'affichage plus confortable.

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 mode sombre ?

    Un widget mode sombre est un utilitaire de site web intégrable qui permet aux visiteurs de basculer une page vers un thème de couleur plus sombre.

  • Les visiteurs peuvent-ils activer et désactiver le mode sombre ?

  • Puis-je personnaliser les couleurs ?

  • Puis-je contrôler l'endroit où le bouton apparaît ?

  • Dois-je coder ?