Personnalisation du visualiseur

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.

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

Ajouter un hotspot

1. 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).
2. Ouvrez l'onglet Hotspots dans la barre latérale de droite.
3. Cliquez sur « Ajouter un hotspot » pour commencer à créer un nouveau hotspot.
4. 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.
5. 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)
6. Enregistrez le hotspot en cliquant sur le bouton d'enregistrement.

Options de personnalisation

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

Barre de navigation

Une barre flottante en haut ou en bas du visualiseur. Elle porte les commandes intégrées et tout ce que vous y ajoutez.

Ce que la barre peut contenir

• Les commandes de page, sur les flipbooks et les albums
• Zoom avant et arrière
• Un bouton de téléchargement, sur les flipbooks
• Des liens vers vos propres pages
• Des boutons qui ouvrent une fenêtre avec du texte
• Des séparateurs qui regroupent les éléments

Types d'élément

Ajouter des éléments

1. Ouvrez l'onglet Liens dans la barre latérale
2. Cliquez sur Ajouter un élément
3. Choisissez le type : lien, fenêtre ou séparateur
4. Pour un lien, saisissez l'URL, un libellé pour l'infobulle et une icône
5. Pour une fenêtre, saisissez un titre, le texte et une icône
6. Enregistrez pour ajouter l'élément à la barre

Gérer les éléments

Style de la barre

Sur les flipbooks, les options de style sont dans l'onglet Menu. Sur les badges, elles sont dans l'onglet Liens.

Le bouton de réinitialisation remet le style d'origine.

Commandes intégrées

Certains boutons apparaissent tout seuls, selon le type de projet et vos réglages.

Bibliothèque d'icônes

Plus de 100 icônes, classées par catégorie, avec une recherche pour en trouver une vite.

Conseils

• 1Gardez la barre courte, quelques éléments se lisent mieux que beaucoup
• 2Choisissez des icônes qu'on reconnaît d'un coup d'oeil
• 3Mettez en premier l'élément le plus utilisé
• 4Regroupez ce qui va ensemble avec un séparateur
• 5Accordez les couleurs au reste du projet
• 6Testez sur un téléphone, les boutons doivent être faciles à toucher

Arrière-plans

Le décor derrière votre projet. Ouvrez l'onglet Apparence dans l'éditeur et choisissez un des trois types.

Types d'arrière-plan

Motifs par-dessus

Une texture légère sur l'arrière-plan. Les motifs sont semi-transparents et fonctionnent avec tous les types de fond.

Mettre un arrière-plan

Conseils pour les images

Autres réglages d'apparence