Vitrines produits e-commerce
Mettez en avant les arguments de vente, les détails du tissu ou la compatibilité des accessoires, et reliez chaque point chaud directement à la fiche produit ou au panier.
Tutoriel
Comment créer des images interactives pour un site web
Tout, du premier téléchargement au code d'intégration dans votre CMS. Cela prend environ cinq minutes et aucune ligne de code.
Exemple en direct : cliquez sur les marqueurs
Créer et intégrer une image interactive
- 1
Créer un compte
Rendez-vous sur interactive-img.com et inscrivez-vous avec votre e-mail ou Google. Le plan gratuit suffit pour créer et publier votre première image.
- 2
Télécharger votre image
Après l'inscription, vous arrivez dans l'éditeur. Déposez un JPG, PNG ou WebP. Photos produits, plans d'étage, cartes, schémas et captures d'écran fonctionnent tous.
- 3
Ajouter les points chauds
Cliquez n'importe où sur l'image pour placer un point chaud. Donnez-lui un titre, une description, un lien ou une image dans le panneau à côté de l'image. Faites glisser un marqueur pour le déplacer.
- 4
Personnaliser l'apparence
Dans les paramètres, choisissez le style des marqueurs, les couleurs, l'animation et le design des popups pour que l'image s'accorde à votre site.
- 5
Prévisualiser et publier
Utilisez l'aperçu pour vérifier les popups sur ordinateur et sur mobile, puis publiez l'image.
- 6
Copier le code d'intégration
Ouvrez l'onglet Intégrer et copiez l'extrait. Collez-le dans un bloc HTML ou embed de votre CMS, par exemple WordPress, Wix, Squarespace, Webflow ou Shopify. Une variante iframe existe pour les plateformes qui bloquent les scripts, comme SharePoint.
Paramètres : personnaliser points chauds et popups
Vous n'êtes pas limité à un marqueur par défaut. L'éditeur permet d'adapter l'apparence et le comportement des points chauds, dont la taille, la couleur, l'icône et l'animation, ainsi que le style des popups : polices, couleurs et mode d'ouverture.
Les paramètres s'appliquent à toute l'image : un changement de style de marqueur met à jour tous les points chauds d'un coup.
À quoi servent les images interactives
Contenu éducatif
Infographies et schémas interactifs où les apprenants cliquent pour en savoir plus sur un sujet, une théorie ou un composant.
Immobilier et visites de biens
Plans d'étage et photos avec des points chauds pour les équipements, les dimensions des pièces et les particularités.
Manuels et guides
Remplacez les manuels chargés de texte par des images annotées. L'utilisateur clique sur une pièce et obtient des instructions pas à pas ou une vidéo.
Actualités et reportages
Donnez aux articles du contexte, des informations de fond et des données directement sur l'image.
Voyage et tourisme
Laissez les gens explorer destinations, hôtels et attractions. Les points chauds révèlent des détails ou ouvrent un lien de réservation.
Blogs et recettes
Blogs tutoriels, projets DIY et recettes où les lecteurs cliquent pour plus de détails et d'astuces.
Formation en entreprise
Rendez les processus complexes plus faciles à comprendre et plus engageants pour les employés.
Musées et expositions
Ajoutez du contexte historique, des audioguides et des descriptions détaillées aux œuvres et aux objets exposés.
Santé et fitness
Programmes d'entraînement et schémas anatomiques où chaque marqueur explique un exercice ou une partie du corps.
Créez votre première image interactive
Gratuit pour commencer, sans carte bancaire. Téléchargez, cliquez, intégrez.