> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://documentation.celestory.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 👆 Présentation interactive

${youtube}[👆Zone Cliquable](_Fa6A48tl48)

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