Pointeurs interactifs

Les pointeurs sont des zones cliquables que vous pouvez ajouter aux pages de votre flipbook ou album, ou aux œuvres de votre galerie. Utilisez-les pour rendre votre contenu interactif et guider les spectateurs à travers votre matériel.

Les pointeurs sont disponibles pour les projets Flipbook, Album et Galerie. Les projets Badge utilisent le dock de navigation pour l'interactivité.

Que sont les pointeurs ?

Les pointeurs sont des icônes visuelles qui apparaissent sur les pages de votre flipbook ou sur les œuvres de votre galerie. 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 pointeurs

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 ou cliquent sur le pointeur. 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 pointeur

  1. Naviguez jusqu'à la page ou à l'œuvre où vous souhaitez ajouter le pointeur. Utilisez la navigation pour aller à la bonne page (flipbook) ou à la bonne œuvre (galerie).
  2. Ouvrez l'onglet Pointeurs dans la barre latérale de droite.
  3. Cliquez sur « Ajouter un pointeur » pour commencer à créer un nouveau pointeur.
  4. Cliquez sur la prévisualisation pour définir la position du pointeur. Vous verrez un aperçu de l'endroit où le pointeur apparaîtra.
  5. Configurez le pointeur 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 (petite, moyenne, grande)
    • Ajoutez une étiquette facultative
  6. Enregistrez le pointeur 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 pointeurs ou fondez-les dans votre design.

Tailles

Trois tailles disponibles : Petite (24px), Moyenne (32px) et Grande (44px). Choisissez selon l'importance et le design de la page.

Position

Positionnez les pointeurs avec précision en cliquant sur la page. Ajustez finement avec des coordonnées en pourcentage (X/Y).

Gérer les pointeurs

L'onglet Pointeurs affiche tous les pointeurs de la page ou de l'œuvre actuelle :

  • Modifier : cliquez sur un pointeur dans la liste pour modifier ses paramètres
  • Supprimer : retirez un pointeur en cliquant sur le bouton de suppression
  • Prévisualiser : voyez les pointeurs en temps réel sur la prévisualisation
  • Filtrer : affichez les pointeurs par page/œuvre ou voyez tous les pointeurs

Bonnes pratiques

  • 1Ne surchargez pas les pages : utilisez les pointeurs de façon stratégique
  • 2Utilisez des couleurs cohérentes pour des actions similaires
  • 3Rendez les pointeurs 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 pointeurs avant de partager

Exemples de cas d'usage

Catalogue de produits

Ajoutez des pointeurs « 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.

Documentation associée