--- title: "Projecteur" slug: "spotlight" updated: 2026-10-26T07:54:00Z published: 2026-10-26T07:54:00Z canonical: "docs.document360.com/spotlight" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Projecteur L’élément Projecteur vous permet d’attirer l’attention du spectateur sur une zone spécifique d’une marche en atténuant tout ce qui se trouve en dehors de la zone de projecteur définie. Toutes les zones en dehors de la zone de projecteur seront atténuées. Actuellement, le niveau de luminosité de la zone atténuée ne peut pas être ajusté. --- ## Projecteur pour des scénarios réels | Scénario | Configuration recommandée | | --- | --- | | Guider un utilisateur pour cliquer sur un bouton spécifique dans une démonstration de produit | Forme rectangulaire, dimensionnée pour couvrir le bouton | | Mise en surbrillance d’une icône ou d’un indicateur de statut | Forme de cercle, dimensionnée selon l’icône | | Attirer l’attention sur un menu de navigation ou un élément de la barre latérale | Forme rectangulaire, couvrant la région du menu | | Se concentrer sur un champ de formulaires lors d’une visite d’intégration | Forme rectangulaire, alignée sur la zone d’entrée | --- ## Ajout d’un élément de projecteur ### Ajoutez un projecteur à un guide étape par étape 1. Avancez à l’étape où vous souhaitez ajouter un projecteur. 2. Dans le panneau de droite, faites défiler jusqu’à la **section Ajouter des éléments** . 3. **Cliquez sur Projecteur**. Si un ou plusieurs éléments de projecteur ont déjà été ajoutés, cliquez **sur Ajouter un nouveau** pour en insérer un autre. 4. Utilisez **l’icône œil** en haut à droite du panneau Projecteur pour activer la visibilité du projecteur pour l’utilisateur final. Les projecteurs cachés ne seront pas visibles dans la Flo publiée, mais pourront être revus à tout moment. 5. Activez le bouton **Masquer les autres éléments** pour masquer temporairement tous les autres éléments à l’étape courante lors de la configuration du projecteur. Les autres éléments sont temporairement cachés et ne sont pas supprimés. 6. Dans le champ **Nom** , saisissez une étiquette descriptive pour l’élément de projecteur. 7. **Sous Shape**, choisissez une forme dans le menu déroulant : - **Rectangle** - idéal pour surligner des boutons, champs de formulaires, panneaux ou régions d’interface utilisateur horizontales. - **Cercle** - adapté aux icônes, avatars ou composants circulaires de l’interface. 8. **Cliquez sur Appliquer** pour sauvegarder l’élément de projecteur. ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Spotlight-guide.png) --- ### Ajouter une vidéo explicative en spotlight / vidéo interactive 1. Avancez à l’étape où vous souhaitez ajouter un projecteur. 2. Dans le panneau de droite, faites défiler jusqu’à la **section Ajouter des éléments** . 3. **Cliquez sur Projecteur**. Si un ou plusieurs éléments de projecteur ont déjà été ajoutés, cliquez **sur Ajouter un nouveau** pour en insérer un autre. 4. Utilisez **l’icône œil** en haut à droite du panneau Projecteur pour activer la visibilité du projecteur pour l’utilisateur final. Les projecteurs cachés ne seront pas visibles dans la Flo publiée, mais pourront être revus à tout moment. 5. Activez le bouton **Masquer les autres éléments** pour masquer temporairement tous les autres éléments à l’étape courante lors de la configuration du projecteur. Les autres éléments sont temporairement cachés et ne sont pas supprimés. 6. Dans le champ **Nom** , saisissez une étiquette descriptive pour l’élément spotlight (par exemple, `Spotlight - Submit Button`, `Spotlight - Navigation Menu`). 7. Dans le champ **heure de départ** , entrez l’horodatage auquel le projecteur doit apparaître. 8. Dans le champ **Fin du temps** , entrez l’horodatage auquel le projecteur doit disparaître. 9. Pour sélectionner une trame exacte, utilisez l’option **Sélectionner une image exacte (15 fps** ). Utilisez les boutons flèches pour naviguer image par image, ou saisissez directement un numéro de trame. Cliquez sur **Sélectionner** pour confirmer ou **Annuler** pour la défausser. 10. **Sous Shape**, choisissez une forme dans le menu déroulant : - **Rectangle** - idéal pour surligner des boutons, champs de formulaires, panneaux ou régions d’interface utilisateur horizontales. - **Cercle** - adapté aux icônes, avatars ou composants circulaires de l’interface. 11. **Cliquez sur Appliquer** pour sauvegarder l’élément de projecteur. ![Add spotlight to explainer video or interactive video](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Spotlight-video-demo.png) --- ## Gestion des éléments de projecteur Une fois ajoutés, les éléments de projecteur sont listés dans le **panneau Projecteur**, chacun affichant le nom du projecteur et l'étape à laquelle il est appliqué. - **Ajouter un autre projecteur** - Cliquez sur **Ajouter nouveau** en haut du panneau pour configurer un élément de projecteur supplémentaire. - **Modifier un projecteur** - Cliquez sur n’importe quel projecteur dans la liste pour ouvrir son panneau de configuration, où le nom, l’étape et la forme peuvent être modifiés. **Cliquez sur Appliquer** pour enregistrer les modifications, **Annuler** pour revenir au volet Projecteur, ou sur l’icône **Supprimer** pour les supprimer. - **Supprimer un projecteur** - Passez le souris sur un projecteur dans la liste pour révéler le **menu à trois points**. Cliquez dessus et sélectionnez **Supprimer** pour supprimer définitivement l’élément projecteur. ![User interface displaying spotlight options with timestamps and delete functionality.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Manage-spotlight.png) --- ## Meilleures pratiques - **Utilisez des noms descriptifs** – Étiquetez clairement chaque projecteur pour les rendre plus faciles à identifier et à gérer, surtout lorsque plusieurs projecteurs sont appliqués sur différentes étapes. - **Masquer plutôt que supprimer** - Désactivez temporairement les projecteurs non nécessaires au lieu de les supprimer. Cela préserve la configuration pour une utilisation future. - **Redimensionnez et repositionnez après l’application** - Assurez-vous que le projecteur couvre précisément la zone prévue sur la toile. - **Utilisez les projecteurs avec parcimonité** – Évitez de les appliquer sur trop d’étapes consécutives pour conserver leur efficacité. - **Aperçu après application** - Vérifiez que la zone atténuée ne masque pas d’autres contenus essentiels à l’écran.