---
title: "Graphiques interactifs avec zones cliquables"
description: "Transformez une image en carte avec des éléments cliquables, affichez des éléments certains jours et utilisez-la comme calendrier."
url: https://scratcher.io/fr/help/elements/interactive-graphic
language: fr
---

1. [Centre d’aide](https://scratcher.io/fr/help)
2. [Éléments et design](https://scratcher.io/fr/help/elements)
3. Graphiques interactifs avec zones cliquables

# Graphiques interactifs avec zones cliquables

Transformez une image en carte avec des éléments cliquables, affichez des éléments certains jours et utilisez-la comme calendrier.

Un graphique interactif est une image avec des éléments cliquables par-dessus, par exemple le plan d’un magasin, le plan d’un salon ou un paysage d’hiver où un nouvel élément apparaît chaque jour. C’est un format spécial : il vous faut l’option **Formats spéciaux**, ou un forfait qui l’inclut.

## Créer un graphique interactif

1. Cliquez sur **Ajouter une page** et choisissez **Graphique interactif**, ou insérez l’élément sur une page.
2. Dans l’onglet **Contenu**, importez l’**Image** de base.
3. Cliquez sur **Ajouter un élément de carte** et faites glisser l’élément à sa place sur l’image.
4. Cliquez sur l’élément pour le configurer :
    - **Nom** : vous seul le voyez.
    - **Image** : l’image de l’élément. Vous pouvez aussi choisir une image **avant** et une image **après**, par exemple un cadeau fermé puis ouvert.
    - **Action** : **Aller à la page** ou **Lien**.
5. Dans l’onglet **Styles** de l’élément, réglez l’arrière-plan au survol, la taille et la forme. Activez **Carré fixe** dans **Paramètres** pour qu’il reste carré.

## Réglages pour tout le graphique

- **Adapter l’image à la pleine largeur** : l’image occupe toute la largeur de la page.
- **Utiliser une image commune pour tous les éléments** : tous les éléments utilisent la même image.
- **Planifier l’activité des éléments de carte** : les éléments ne sont actifs qu’à certains moments.

## Afficher des éléments certains jours

Quand **Planifier l’activité des éléments de carte** est activé, chaque élément reçoit une **Planification** :

1. Définissez l’**État initial** de l’élément : activé ou désactivé.
2. Cliquez sur **Ajouter une planification** et choisissez quand il change : **De**, **Le (jour unique)** ou **Entre**.
3. Choisissez le **Type de date** : un **Jour de campagne** (par exemple le 3e jour de la campagne) ou une **Date fixe**.

## L’utiliser comme calendrier

Activez **Activer le calendrier avancé** pour donner à chaque élément ses propres pages, son jeu et ses lots, comme une case de calendrier. Utilisez l’option **Surcharger les actions des entrées** si certains éléments doivent faire autre chose. Voir [Calendriers de l’Avent et de Noël](https://scratcher.io/fr/help/games/advent-and-christmas-calendars).

Éléments et design

- [Comment fonctionnent les réglages d’un élément](https://scratcher.io/fr/help/elements/element-settings-basics)
- [Modifier les textes et les titres](https://scratcher.io/fr/help/elements/text-and-headings)
- [Boutons et actions au clic](https://scratcher.io/fr/help/elements/buttons-and-click-actions)
- [Images, logos, vidéo et polices](https://scratcher.io/fr/help/elements/images-video-and-fonts)
- [Sections, colonnes, séparateurs et espaceurs](https://scratcher.io/fr/help/elements/sections-columns-and-layout)
- [Réglages de page, arrière-plans et pages de pop-up](https://scratcher.io/fr/help/elements/page-settings-and-backgrounds)
- [Éléments compte à rebours, réseaux sociaux, partage et menu](https://scratcher.io/fr/help/elements/countdown-social-share-and-menu)
- [Graphiques interactifs avec zones cliquables](https://scratcher.io/fr/help/elements/interactive-graphic)
- [Bandeau cookies, code personnalisé et autres options de campagne](https://scratcher.io/fr/help/elements/cookie-notice-and-custom-code)
- [Enregistrer et réutiliser des modèles](https://scratcher.io/fr/help/elements/templates-and-reuse)

## Articles associés

- [Boutons et actions au clic](https://scratcher.io/fr/help/elements/buttons-and-click-actions): Choisissez ce qui se passe quand on clique sur un bouton ou une image : page suivante, lien, jouer, envoyer, partager, télécharger et plus.
- [Calendriers de l’Avent et de Noël](https://scratcher.io/fr/help/games/advent-and-christmas-calendars): Créez un calendrier avec une nouvelle porte chaque jour, donnez à chaque jour son propre jeu et ses propres lots, et copiez des jours pour gagner du temps.
- [Comptes à rebours, pré-inscription et autres pages spéciales](https://scratcher.io/fr/help/games/special-pages): Créez de l’attente avant le lancement, collectez des inscriptions avant le début et affichez une page une fois la campagne terminée.

## Besoin d’aide supplémentaire ?

De vraies personnes sont là pour vous aider. Si vous utilisez déjà Scratcher, le plus rapide est le chat dans la plateforme.

- **[Discutez avec nous](https://platform.scratcher.io/login)**

    Connectez-vous et cliquez sur le bouton de chat en bas à droite. Rex répond immédiatement, et notre équipe est à un clic.
- **[Prenez rendez-vous](https://scratcher.io/fr/book-a-meeting)**

    Un appel vidéo gratuit de 30 minutes avec notre équipe : une démonstration, des idées de campagnes ou de l’aide pour votre configuration.
- **[Écrivez-nous](mailto:contact@scratcher.io)**

    Écrivez à contact@scratcher.io et nous vous répondrons.