--- title: "Grafiche interattive con hotspot cliccabili" description: "Trasforma un'immagine in una mappa con elementi cliccabili, mostra gli elementi in giorni stabiliti e usala come calendario." url: https://scratcher.io/it/help/elements/interactive-graphic language: it --- 1. [Centro assistenza](https://scratcher.io/it/help) 2. [Elementi e design](https://scratcher.io/it/help/elements) 3. Grafiche interattive con hotspot cliccabili # Grafiche interattive con hotspot cliccabili Trasforma un'immagine in una mappa con elementi cliccabili, mostra gli elementi in giorni stabiliti e usala come calendario. Una grafica interattiva è un'immagine con sopra degli elementi cliccabili, per esempio la mappa di un negozio, la planimetria di una fiera o un paesaggio invernale in cui ogni giorno compare un nuovo elemento. È un formato speciale: ti serve l'add-on **Formati speciali**, oppure un piano che lo include. ## Crea una grafica interattiva 1. Clicca su **Aggiungi pagina** e scegli **Grafica interattiva**, oppure inserisci l'elemento in una pagina. 2. Nella scheda **Contenuto**, carica l'**Immagine** di base. 3. Clicca su **Aggiungi elemento mappa** e trascina l'elemento al suo posto sull'immagine. 4. Clicca sull'elemento per configurarlo: - **Nome**: lo vedi solo tu. - **Immagine**: l'immagine dell'elemento. Puoi anche scegliere un'immagine **prima** e una **dopo**, per esempio un regalo chiuso e uno aperto. - **Azione**: **Vai alla pagina** o **Link**. 5. Nella scheda **Stili** dell'elemento, imposta lo sfondo al passaggio del mouse, le dimensioni e la forma. Attiva **Quadrato fisso** in **Impostazioni** per mantenerlo quadrato. ## Impostazioni per tutta la grafica - **Adatta l’immagine a tutta larghezza**: l'immagine riempie la larghezza della pagina. - **Usa un’immagine condivisa per tutte le voci**: tutti gli elementi usano la stessa immagine. - **Programma l’attività degli elementi della mappa**: gli elementi sono attivi solo in certi momenti. ## Mostra gli elementi in certi giorni Con **Programma l’attività degli elementi della mappa** attivo, ogni elemento riceve una **Programmazione**: 1. Imposta lo **Stato iniziale** dell'elemento: attivo o disattivato. 2. Clicca su **Aggiungi programmazione** e scegli quando cambia: **Da**, **Il (giorno singolo)** o **Tra**. 3. Scegli il **Tipo di data**: un **Giorno della campagna** (per esempio il terzo giorno della campagna) o una **Data fissa**. ## Usala come calendario Attiva **Attiva il calendario avanzato** per dare a ogni elemento le proprie pagine, il proprio gioco e i propri premi, proprio come la porta di un calendario. Usa l'add-on **Sostituisci le azioni delle voci** se alcuni elementi devono fare qualcos'altro. Vedi [Calendari dell'Avvento e di Natale](https://scratcher.io/it/help/games/advent-and-christmas-calendars). Elementi e design - [Come funzionano le impostazioni degli elementi](https://scratcher.io/it/help/elements/element-settings-basics) - [Modifica testi e titoli](https://scratcher.io/it/help/elements/text-and-headings) - [Pulsanti e azioni al clic](https://scratcher.io/it/help/elements/buttons-and-click-actions) - [Immagini, loghi, video e font](https://scratcher.io/it/help/elements/images-video-and-fonts) - [Sezioni, colonne, divisori e spaziatori](https://scratcher.io/it/help/elements/sections-columns-and-layout) - [Impostazioni della pagina, sfondi e pagine popup](https://scratcher.io/it/help/elements/page-settings-and-backgrounds) - [Elementi conto alla rovescia, social, condivisione e menu](https://scratcher.io/it/help/elements/countdown-social-share-and-menu) - [Grafiche interattive con hotspot cliccabili](https://scratcher.io/it/help/elements/interactive-graphic) - [Avviso sui cookie, codice personalizzato e altri add-on della campagna](https://scratcher.io/it/help/elements/cookie-notice-and-custom-code) - [Salva e riutilizza i template](https://scratcher.io/it/help/elements/templates-and-reuse) ## Articoli correlati - [Pulsanti e azioni al clic](https://scratcher.io/it/help/elements/buttons-and-click-actions): Scegli cosa succede quando le persone cliccano su un pulsante o un'immagine: pagina successiva, un link, gioca, invia, condividi, scarica e altro. - [Calendari dell'Avvento e di Natale](https://scratcher.io/it/help/games/advent-and-christmas-calendars): Crea un calendario con una nuova porta ogni giorno, dai a ogni giorno il suo gioco e i suoi premi e copia i giorni per risparmiare tempo. - [Conti alla rovescia, preregistrazione e altre pagine speciali](https://scratcher.io/it/help/games/special-pages): Crea attesa prima del lancio, raccogli iscrizioni prima dell'inizio e mostra una pagina quando la campagna è terminata. ## Hai ancora bisogno di aiuto? Persone vere sono qui per aiutarti. Se usi già Scratcher, il modo più veloce è la chat all'interno della piattaforma. - **[Chatta con noi](https://platform.scratcher.io/login)** Accedi e clicca sul pulsante della chat in basso a destra. Rex risponde subito e il nostro team è a un clic di distanza. - **[Prenota un incontro](https://scratcher.io/it/book-a-meeting)** Una videochiamata gratuita di 30 minuti con il nostro team: un tour, idee per campagne o aiuto con la configurazione. - **[Scrivici](mailto:contact@scratcher.io)** Scrivi a contact@scratcher.io e ti risponderemo.