👆 Zone cliquable (Présentation interactive)
Lien de l'exemple: https://creator.celestory.io/project/Pf6FPWjL
🟪 Zone cliquable
![](https://storage.crisp.chat/users/helpdesk/website/c0927247778ea000/134dda97-26db-4df2-bb9a-8d4980_1xlq2.png)
Zone cliquable est un bloc qui permet d'associer des choix à des intéractions localisées dans une image.
Une fois le bloc créé, cliquez sur Editer dans la zone Image.
Une nouvelle fenêtre s'ouvre, celle de l'édition de la Ressource image.
🔺Veuillez après vos modification à bien sauvegarder en cliquant sur Modifier la Ressource et pas simplement en fermant la fenêtre.
Choisissez une image que vous aurez chargé dans Mes Fichiers.
![](https://storage.crisp.chat/users/helpdesk/website/1e24e4b151a07700/77279742-e96a-4b7c-9c92-d0b801_1xc2mdt.png)
Puis cliquez sur Ajouter un choix pour créer autant d'interaction que désiré.
![](https://storage.crisp.chat/users/helpdesk/website/4538c18f59c3dc00/31ce6018-70be-4c57-b5b6-6c3e18_1w8rn5r.png)
![](https://storage.crisp.chat/users/helpdesk/website/fe78e4e7959eb000/f0edf5c5-a6fc-44d4-9deb-b73a6b_lzpshl.png)
3 types de visualisations s'ouvrent à vous:
- Forme:
Une zone rectangulaire apparaît en haut à gauche de votre image.
Vous pouvez déplacer et changer la taille de cette zone, ainsi que sa
couleur et sa transparence (vous pouvez donc créer des interactions invisibles).
- Image:
Sélectionnez une image et elle viendra en surimpression de l'image de fond. En cliquand sur cette image, l'utilisateur fera donc ce choix.
- Texte et image:
Vous pouvez sélectionner du texte qui peut avoir en fond une bordure image
(c'est-à-dire une bulle) ou une image.
![](https://storage.crisp.chat/users/helpdesk/website/34324b183f85a800/f1175532-e354-4a93-a5b2-fa770d_7lqar0.png)
Chaque choix d'interaction redirigera alors le flux comme un bloc Choix.
🟪 Modifier Zone cliquable
Etendez un point d'entrée d'un choix du bloc Zone Cliquable.
Choisissez le bloc Modifier Zone cliquable.
![](https://storage.crisp.chat/users/helpdesk/website/39176516e90f7000/74f6449b-8dfe-42b0-88a8-651ec4_1t8s05e.png)
Vous pouvez dès lors appliquer des changements au Texte si vous avez choisit cette forme d'interaction.:
- Désactiver:
Désactive le Choix selon une condition et affiche si vous le souhaitez un texte explicatif
- Enlever:
Enlève le Choix selon une condition
- Renommer:
Renomme le texte, par exemple selon la valeur d'une variable textuelle
- Changer l'apparence du Texte:
Change la Bordure Image du texte
Mis à jour le : 20/10/2021
Merci !