--- title: "Progetta un popup e il suo teaser" description: "Scegli il tipo di popup, personalizza lo stile del popup e del pulsante di chiusura e aggiungi un teaser che invita i visitatori ad aprirlo." url: https://scratcher.io/it/help/sharing/popup-design-and-teaser language: it --- 1. [Centro assistenza](https://scratcher.io/it/help) 2. [Pubblicazione e condivisione](https://scratcher.io/it/help/sharing) 3. Progetta un popup e il suo teaser # Progetta un popup e il suo teaser Scegli il tipo di popup, personalizza lo stile del popup e del pulsante di chiusura e aggiungi un teaser che invita i visitatori ad aprirlo. Una campagna popup ha due parti: il popup vero e proprio e un teaser facoltativo. Il teaser è un piccolo banner sul tuo sito, come "Gira e vinci 🎁", che apre il popup quando ci si clicca sopra. ## Tipo e posizione del popup Apri **Posizionamento** sotto **Layout** nell'editor: - **Tipo**: un popup standard, una barra in alto o in basso nello schermo, uno slider nell'angolo oppure una pagina intera. Barra, slider e pagina intera fanno parte dei piani superiori. - **Allineamento**: dove si trova il popup. Le barre possono stare in alto o in basso, gli slider a sinistra o a destra e i popup standard in qualsiasi punto di una griglia 3 × 3. La prima volta che apri un nuovo popup, Scratcher ti chiede il dominio su cui verrà mostrato. Puoi cambiarlo in seguito in **Dominio**. ## Personalizza lo stile del popup Clicca su **Impostazioni del popup** sopra la pagina, oppure clicca sul bordo del popup. Nella scheda **Stili**: - **Popup**: **Sfondo**, **Sfondo in sovrimpressione** (il livello oscurato dietro il popup), **Bordo**, **Dimensione**, **Forma**, **Allineamento del contenuto** e **Margine**. - **Pulsante Chiudi**: il suo **Sfondo**, il colore dell'**Icona**, la **Dimensione**, l'angolo (**Allineamento**) e il **Margine**. Nella scheda **Effetti**, scegli come si apre e si chiude il popup, per esempio con **Dissolvenza** o **Scorrimento**. Add-on del popup: - **Nascondi il teaser alla chiusura**: nasconde anche il teaser quando qualcuno chiude il popup. - **Nascondi dopo l’invio del modulo**: non mostra più il popup ai visitatori che si sono già iscritti tramite il popup. ## Il teaser Sotto **Flusso**, la riga **Teaser** ti permette di attivare e disattivare il teaser. Clicca su **Impostazioni** nel suo menu per configurarlo: - **Azione**: **Mostra popup**, **Link** o **Nessuno**. - **Nascondi su desktop**, **Nascondi su tablet**, **Nascondi su mobile**. - **Stili**: lo **Sfondo**, il **Bordo**, la **Dimensione**, la **Forma**, l'angolo (**Allineamento**) e il **Margine** del teaser, e il suo pulsante di chiusura. Il teaser compare appena la pagina si carica; i trigger in **Visualizzazione** valgono solo per il popup. Progetta il teaser come una pagina e salvalo con **Salva teaser come template** per riutilizzarlo. ## Immagine di sfondo nei popup I popup hanno un elemento **Sfondo immagine** che riempie un lato del popup con un'immagine. Imposta la sua **Altezza su mobile** per decidere quanta parte dello schermo occupa sugli smartphone. ## Apri un popup dal tuo pulsante Con l'add-on dei trigger **Trigger al clic**, il popup si apre quando qualcuno clicca su un elemento del tuo sito web. Inserisci il selettore CSS dell'elemento, per esempio `.open-competition`. Se non sei sicuro, chiedi al tuo sviluppatore web. Pubblicazione e condivisione - [Condividi il link e il codice QR della tua campagna](https://scratcher.io/it/help/sharing/share-your-campaign-link) - [Incorpora una campagna nel tuo sito web](https://scratcher.io/it/help/sharing/embed-on-your-website) - [Mostra una campagna come popup](https://scratcher.io/it/help/sharing/show-a-campaign-as-a-popup) - [Progetta un popup e il suo teaser](https://scratcher.io/it/help/sharing/popup-design-and-teaser) - [Scegli l'indirizzo web della tua campagna](https://scratcher.io/it/help/sharing/campaign-url-and-own-domain) - [Invia email dal tuo dominio](https://scratcher.io/it/help/sharing/email-sending-domain) - [Alterna le campagne con le programmazioni](https://scratcher.io/it/help/sharing/campaign-schedules) ## Articoli correlati - [Come funzionano le impostazioni degli elementi](https://scratcher.io/it/help/elements/element-settings-basics): Le schede Contenuto, Stili, Impostazioni ed Effetti, dimensioni, forme, bordi, colori e sfondi, modifiche per mobile e add-on. - [Incorpora una campagna nel tuo sito web](https://scratcher.io/it/help/sharing/embed-on-your-website): Inserisci una campagna in una pagina del tuo sito web con lo script di incorporamento, controlla che funzioni e risolvi i problemi più comuni. - [Mostra una campagna come popup](https://scratcher.io/it/help/sharing/show-a-campaign-as-a-popup): Installa lo script una volta, scegli il tipo di popup e decidi su quali pagine, quando e quanto spesso compare. ## 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.