Widget Hotspots d’image pour votre site web
Transformez une photo de produit, un plan, une capture d’écran, un diagramme ou une carte en guide interactif. Ajoutez jusqu’à huit hotspots et associez à chacun une fiche détaillée comprenant, au choix, une image, un titre, une description et un bouton d’appel à l’action.
Comment créer un widget Image Hotspot
Téléversez votre image
Commencez par importer une photo de produit, un plan, une capture d’écran d’application, une infographie ou toute autre image que vos visiteurs pourront explorer.
Placez et modifiez les hotspots
Ajoutez jusqu’à huit hotspots, faites-les glisser à l’emplacement souhaité et choisissez un numéro ou une icône pour chacun d’eux. Vous pouvez ensuite ajouter une image, un titre, une description et un lien d'appel à l'action, tous facultatifs.
Personnalisez et intégrez le widget
Définissez les couleurs des marqueurs et des cartes, le déclenchement au clic ou au survol, les dimensions, la police et l’affichage selon le type d’appareil, puis publiez votre widget sans code sur votre site.
Rendez vos images statiques interactives sans code personnalisé
Positionnez visuellement les marqueurs avec des coordonnées responsives
Ajoutez des marqueurs directement sur l’image et faites-les glisser à l’emplacement souhaité. Les hotspots utilisent des coordonnées relatives afin de rester correctement positionnés lorsque l’image s’adapte à la taille de l’écran sur ordinateur, tablette ou mobile.
Ajoutez du contenu propre à chaque hotspot
Ajoutez une image, un titre et une description facultatifs à chaque fiche détaillée. Vous pouvez également afficher un bouton d'appel à l'action personnalisé qui ouvre le lien de destination dans un nouvel onglet.
Choisissez une ouverture au clic ou au survol, adaptée aux mobiles
Sur ordinateur, affichez les cartes au clic ou au survol. Sur mobile, la fiche du hotspot actif s’ouvre dans un panneau en bas de l’écran afin que l’image reste facile à consulter.
Harmonisez les marqueurs et les cartes avec votre site web
Utilisez des marqueurs numérotés ou des icônes, sélectionnez des éléments dans la bibliothèque d’icônes et personnalisez la taille des marqueurs, l’effet de pulsation, la taille des fiches, les couleurs, le thème, l’arrondi des angles, la police et l’alignement du texte.
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 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.
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.
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 Hotspots d’image
Utilisez des hotspots interactifs partout où vos visiteurs ont besoin d’explorer un visuel et de comprendre la fonction ou la signification de ses différents éléments.
Images de produits et lookbooks pour identifier les articles présentés, mettre en avant leurs principales caractéristiques et diriger les visiteurs vers les pages produits correspondantes.
Plans immobiliers et plans de salle pour annoter les pièces, les stands, les zones de sièges, les équipements ou les options de location.
Captures d'écran d'applications pour expliquer les différentes zones d’une interface, les étapes d’un flux de travail, les tableaux de bord ou les fonctionnalités d’un produit.
Infographies et rapports pour ajouter des explications ciblées sans surcharger le visuel d’origine.
Schémas pédagogiques pour rendre les cartes, les représentations de processus et les supports de formation plus faciles à explorer.
Pages de portfolio pour présenter les détails d’un design, les matériaux utilisés, les éléments avant/après ou les choix effectués dans le cadre d’un projet.
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 !
FAQ
Qu'est-ce qu'un widget Hotspot d’image ?
Un widget Hotspots d’image permet d’ajouter des marqueurs interactifs à une image. Chaque marqueur peut ouvrir une carte détaillée contenant une image, un titre, une description et un bouton d'appel à l'action.
Puis-je positionner visuellement les hotspots ?
Combien de hotspots puis-je ajouter ?
Que puis-je ajouter à la carte de chaque hotspot ?
Les visiteurs peuvent-ils ouvrir les cartes au survol ?
Comment le widget fonctionne-t-il sur mobile ?
Puis-je modifier le style des marqueurs ?
Puis-je personnaliser le style des cartes ?
Puis-je choisir les appareils sur lesquels afficher le widget ?
Dois-je coder ?