Hotspots interactifs
Les hotspots sont des zones cliquables que vous pouvez ajouter aux pages d'un flipbook ou d'un album, aux œuvres d'une galerie ou aux écrans d'un mockup. Ils rendent votre contenu interactif et guident les visiteurs dans votre présentation.
Les hotspots sont disponibles sur les projets Flipbook, Album, Carte de visite, Galerie, Desktop Mockup et Mobile Mockup. Les projets Lanyard passent par la barre de navigation pour l'interactivité.
Que sont les hotspots ?
Les hotspots sont des icônes visuelles qui apparaissent sur les pages de votre flipbook, sur les œuvres de votre galerie ou sur les écrans de vos mockups. Lorsqu'on clique dessus, ils déclenchent une action comme :
- Sauter à une autre page du flipbook
- Ouvrir un site web externe
- Afficher une infobulle avec des informations
- Ouvrir une modale avec du contenu riche
Types de hotspots
Aller à la page
Dirigez les visiteurs vers une page spécifique de votre flipbook. Idéal pour :
- Liens de table des matières
- Références « En savoir plus à la page X »
- Liens de retour à la couverture/à l'accueil
- Repères de navigation séquentielle
Ouvrir une URL
Ouvrez un site web externe dans un nouvel onglet. Parfait pour :
- Liens d'achat de produit
- Profils de réseaux sociaux
- Formulaires de contact
- Ressources connexes
Afficher une infobulle
Affichez du texte lorsque les visiteurs survolent le hotspot. Utile pour :
- Descriptions de produits
- Informations sur les prix
- Faits rapides
- Astuces et conseils
Afficher une modale
Ouvrez une fenêtre contextuelle avec du contenu en texte riche. Idéal pour :
- Informations détaillées sur le produit
- Conditions générales
- Coordonnées
- Contenu supplémentaire qui ne tient pas sur la page
Ajouter un hotspot
- Naviguez jusqu'à la page ou à l'œuvre où vous souhaitez ajouter le hotspot. Utilisez la navigation pour aller à la bonne page (flipbook) ou à la bonne œuvre (galerie).
- Ouvrez l'onglet Hotspots dans la barre latérale de droite.
- Cliquez sur « Ajouter un hotspot » pour commencer à créer un nouveau hotspot.
- Cliquez sur la prévisualisation pour définir la position du hotspot. Vous verrez un aperçu de l'endroit où le hotspot apparaîtra.
- Configurez le hotspot dans le formulaire qui apparaît :
- Choisissez le type d'action (Page, URL, Infobulle, Modale)
- Définissez la cible de l'action (numéro de page, URL ou contenu)
- Sélectionnez une icône dans la bibliothèque
- Choisissez une couleur
- Définissez la taille (très petite, petite, moyenne, grande)
- Ajoutez une étiquette facultative
- Choisissez le style de marqueur (Point ou Invisible)
- Enregistrez le hotspot en cliquant sur le bouton d'enregistrement.
Options de personnalisation
Icônes
Choisissez parmi plus de 50 icônes : flèches, formes, symboles et icônes d'action. Utilisez la recherche pour trouver l'icône parfaite.
Couleurs
Choisissez parmi des couleurs prédéfinies ou saisissez un code hexadécimal personnalisé. Faites ressortir les hotspots ou fondez-les dans votre design.
Tailles
Quatre tailles disponibles : Très petite (14px), Petite (24px), Moyenne (32px) et Grande (44px). Choisissez selon l'importance et le design de la page.
Position
Positionnez les hotspots avec précision en cliquant sur la page. Ajustez finement avec des coordonnées en pourcentage (X/Y).
Style du marqueur
Choisissez entre Point et Invisible. Un hotspot invisible n'affiche aucun marqueur mais reste cliquable, et le curseur change toujours au survol. Utilisez-le pour les images qui montrent déjà leur propre bouton. Dans l'éditeur, il apparaît comme un anneau vide, ce qui permet de le déplacer.
Gérer les hotspots
L'onglet Hotspots affiche tous les hotspots de la page ou de l'œuvre actuelle :
- Modifier : cliquez sur un hotspot dans la liste pour modifier ses paramètres
- Supprimer : retirez un hotspot en cliquant sur le bouton de suppression
- Prévisualiser : voyez les hotspots en temps réel sur la prévisualisation
- Groupes : les hotspots sont listés par page ou par œuvre, et chaque groupe se replie
Bonnes pratiques
- 1Ne surchargez pas les pages : utilisez les hotspots de façon stratégique
- 2Utilisez des couleurs cohérentes pour des actions similaires
- 3Rendez les hotspots assez grands pour être tapotés sur mobile
- 4Évitez de masquer le contenu important
- 5Utilisez les infobulles pour les infos rapides, les modales pour le contenu détaillé
- 6Testez tous les liens des hotspots avant de partager
Exemples de cas d'usage
Catalogue de produits
Ajoutez des hotspots « Acheter maintenant » qui mènent à votre boutique, des icônes d'info pour les spécifications produit, et de la navigation vers les produits connexes.
Magazine interactif
Liez les références d'articles à leurs pages, ajoutez des modales « Lire la suite » pour le contenu étendu, et des liens de partage social.
Manuel de formation
Créez une table des matières cliquable, ajoutez des infobulles d'aide pour les termes techniques, et liez à des tutoriels vidéo.