- Créez un compte sur Interactive-img.com
- Téléchargez votre première image interactive
- Créez les points chauds
- Copiez le code d'intégration
- Intégrez l'image
- Terminé
- Paramètres : Personnalisez vos images et popups à points chauds
- Cas d'utilisation
- Exemple d'image interactive
Découvrez le processus de création d'images interactives pour votre site Web grâce à un guide complet sur l'utilisation de Interactive-img.com. Ce tutoriel couvre tout, de la configuration de votre compte et le téléchargement de votre première image à l'ajout de points chauds et à l'obtention du code d'intégration pour votre CMS.
Créez un compte sur Interactive-img.com
Pour créer une image interactive, vous devez d'abord vous rendre sur interactive-img.com et créer un compte.
Téléchargez votre première image interactive
Après l'inscription, vous serez redirigé vers https://interactive-img.com/createimage où vous pourrez télécharger votre première image.
Créez les points chauds
Créez les points chauds en cliquant sur l'image. Après un clic gauche sur l'image, un formulaire apparaîtra sur le côté gauche où vous pourrez remplir les informations et décrire le point chaud.
Copiez le code d'intégration
Pour obtenir le code d'intégration, vous devez cliquer sur le bouton "intégrer l'image". Une superposition apparaîtra contenant le morceau de code que vous devez copier et coller dans votre CMS pour utiliser l'image. Il y a deux options pour intégrer l'image avec un extrait js/html (recommandé) et via iframe. Pour obtenir le code iframe, cliquez sur le lien "intégration iframe alternative".
Intégrez l'image
Après avoir copié le code d'intégration, collez-le simplement avec votre solution CMS, par exemple WordPress.
Terminé
Lorsque vous enregistrez votre contenu / page édité(e), vous devriez voir votre première image interactive.
Paramètres : Personnalisez vos images et popups à points chauds
Lorsque vous utilisez Interactive-img.com, vous n'êtes pas limité à de simples points chauds ; vous avez à votre disposition un large éventail d'options de personnalisation. Cela inclut l'adaptation de l'apparence et du comportement des points chauds, ainsi que l'ajustement des animations et de l'apparence visuelle des popups.
Cas d'utilisation
Les capacités de Interactive-img.com vont au-delà de l'ajout d'éléments interactifs aux images sur votre site Web. Voici quelques-uns des principaux cas d'utilisation où les images interactives peuvent ajouter de la valeur :
1. Vitrines de produits e-commerce
Mettez en avant des caractéristiques spécifiques des produits sur votre plateforme e-commerce avec des images interactives et achetables. Ajoutez des points chauds aux points d'intérêt, tels que les points de vente uniques, les détails du tissu ou la compatibilité avec les accessoires. Avec des images achetables, ces points chauds peuvent être liés directement à la page du produit ou au panier d'achat, permettant une expérience d'achat fluide directement depuis l'image elle-même. Cela fournit non seulement des informations précieuses mais simplifie également le parcours utilisateur de la navigation à l'achat.
2. Contenu éducatif
Créez des infographies interactives ou des schémas éducatifs où les utilisateurs peuvent cliquer pour en savoir plus sur des sujets spécifiques, des théories ou des composants d'une matière.
3. Visites immobilières et de propriétés
Améliorez vos annonces immobilières en proposant des visites virtuelles avec des points chauds interactifs. Ceux-ci peuvent indiquer des points d'intérêt comme les équipements, les dimensions des pièces ou des caractéristiques spéciales.
4. Manuels d'utilisation et guides
Remplacez les manuels d'utilisation traditionnels chargés de texte par des guides interactifs. Les utilisateurs peuvent cliquer sur des points chauds pour des instructions étape par étape ou regarder des tutoriels vidéo intégrés.
5. Nouvelles et histoires interactives
Allez au-delà du texte statique dans les articles de presse en intégrant des images interactives qui fournissent un contexte supplémentaire, des informations de fond ou des données complémentaires.
6. Voyage et tourisme
Permettez aux utilisateurs d'explorer virtuellement des destinations, des hôtels ou des attractions touristiques grâce à des images interactives. Les points chauds pourraient révéler plus d'informations ou même offrir des liens de réservation.
7. Blogs interactifs
Améliorez vos articles de blog en incorporant des images interactives. Cela est particulièrement utile pour les blogs tutoriels, les projets DIY et les recettes, où les lecteurs peuvent cliquer pour plus de détails ou de conseils.
8. Formation d'entreprise
Utilisez des images interactives dans le matériel de formation de votre entreprise. Cela peut rendre les processus complexes plus faciles à comprendre et plus engageants pour les employés.
9. Musées et expositions
Offrez une expérience de visite virtuelle avec des images interactives qui fournissent un contexte historique supplémentaire, des guides audio ou des descriptions détaillées des œuvres d'art.
10. Santé et fitness
Créez des plans d'entraînement interactifs ou des schémas d'anatomie, où les utilisateurs peuvent cliquer sur des points chauds pour révéler plus d'informations sur un exercice particulier ou une partie du corps.
Que vous soyez un marketeur, un éducateur ou un créateur de contenu, les images interactives offrent une manière polyvalente et engageante de présenter des informations et de capturer l'attention de votre public.