Editor Wix: personalizzare i popup
8 min
In questo articolo:
- Modificare il layout di un popup
- Configurare l'overlay del popup
- Impostare lo sfondo del popup
- Personalizzare il tasto per chiudere il popup
- Personalizzare l'icona X
Personalizza il tuo popup per farlo apparire come desideri. Puoi scegliere un overlay per coprire la pagina attorno al popup, impostare la posizione del popup e modificare lo sfondo per creare un design unico per il tuo brand.
Modificare il layout di un popup
Imposta dove mostrare il popup sulla tua pagina. Puoi scegliere un angolo della pagina dove deve apparire e regolare la distanza del popup dai bordi dello schermo (posizionamento).
Per scegliere il layout del popup:
- Vai al tuo Editor
- Clicca su Pagine e menu
sul lato sinistro dell'Editor - Clicca su Popup
- Clicca sul popup pertinente per aprirlo
- Seleziona il popup nell'Editor
- Clicca sull'icona Layout
- Scegli come vuoi modificare il layout:
- Imposta posizione: clicca su un rettangolo della griglia per impostare la posizione del popup sulla pagina
- Posizionamento orizzontale: sposta il riquadro a sinistra o a destra dello schermo
- Posizionamento verticale: sposta il riquadro verso l'alto o verso il basso sullo schermo
Configurare l'overlay del popup
L'overlay è lo spazio attorno al popup che blocca il resto del tuo sito. Questo aiuta i visitatori a concentrarsi sul messaggio del tuo popup. Scegli se i visitatori del tuo sito possono cliccare sull'overlay per chiudere il popup.
Per configurare l'overlay:
- Vai al tuo Editor
- Clicca su Pagine e menu sul lato sinistro dell'Editor
- Clicca su Popup
- Clicca sul popup pertinente per aprirlo
- Clicca in un punto qualsiasi al di fuori del popup per selezionare quest'area
- Scegli cosa fare dopo:
- Decidi se i visitatori cliccano sull'overlay per chiudere il popup:
- Clicca su Imposta overlay
- Abilita o disabilita l'interruttore Il popup si chiude cliccando
Nota: se disabiliti questa opzione, assicurati di avere un'icona "X" o il tasto "Chiudi" nel popup
- Progetta l'overlay:
- Clicca su Cambia sfondo dell'overlay
- Scegli tra un colore, un'immagine o uno sfondo video
- (Facoltativo) Clicca su Impostazioni per modificare l'overlay
Suggerimento: puoi regolare l'opacità del colore e degli sfondi dell'immagine. Ti consigliamo di rendere l'overlay leggermente trasparente in modo che i visitatori possano comunque vedere la pagina dietro il popup, ma capire che è bloccata
- Decidi se i visitatori cliccano sull'overlay per chiudere il popup:
Overlay sul tuo sito ottimizzato per i dispositivi mobile:
- Non è possibile modificare l'overlay del popup sulla versione mobile del tuo sito
- Se aggiungi un colore o un'immagine in overlay sul desktop, l'overlay viene applicato automaticamente al sito mobile. Tuttavia, se aggiungi un overlay video, questo verrà convertito in un'immagine fissa dal video sulla versione mobile del tuo sito
Impostare lo sfondo del popup
Scegli di avere uno sfondo con colori, un'immagine o video sul popup. A seconda del tipo che scegli, puoi anche regolare impostazioni come la visibilità e il ridimensionamento.
Per scegliere uno sfondo per il popup:
- Vai al tuo Editor
- Clicca su Pagine e menu sul lato sinistro dell'Editor
- Clicca su Popup
- Clicca sul popup pertinente per aprirlo
- Seleziona il popup nell'Editor
- Clicca sull'icona Design
- Clicca sul tipo di sfondo che desideri per il popup:
- Colore: seleziona un colore dal selettore colore o aggiungi e regola un gradiente professionale
- Immagine: seleziona la tua immagine dal catalogo di Wix o Shutterstock
- Video: seleziona un video Wix gratuito o caricane uno tuo
- (Facoltativo) Clicca su Impostazioni per regolare lo sfondo a tuo piacimento
Personalizzare il tasto per chiudere il popup
Regola l'aspetto e il layout del tasto che i visitatori cliccano per chiudere il popup. Puoi scegliere il testo, impostare l'allineamento del testo del tasto e personalizzarne il design per la visualizzazione normale e al passaggio del mouse per farlo risaltare.
Per personalizzare il tasto Chiudi:
- Vai al tuo Editor
- Clicca su Pagine e menu sul lato sinistro dell'Editor
- Clicca su Popup
- Clicca sul popup pertinente per aprirlo
- Seleziona il popup nell'Editor
- Clicca sul tasto Chiudi
- Scegli come personalizzare il tasto:
Modifica il testo visualizzato sul tasto
Regola l'allineamento del testo sul tasto
Progettare il tasto
: scegli un colore di sfondo per il tasto e regolane la visibilità
: aggiungi bordi al tasto per creare un contrasto con il popup. Scegli un colore e imposta la larghezza per renderlo grande o piccolo quanto vuoi.
: scegli come vuoi che appaiano gli angoli del tasto. Puoi personalizzare gli angoli in modo diverso per renderli più arrotondati o più squadrati
: aggiungi ombre al tasto per un fantastico effetto 3D. Puoi impostare le dimensioni, la visibilità, l'angolo e altro ancora per avere un impatto maggiore
: personalizza il testo del tasto con impostazioni come carattere, dimensione e spaziatura. Puoi anche aggiungere una formattazione come grassetto e corsivo e scegliere il colore
Personalizzare l'icona X
Se hai abilitato l'icona X (Chiudi popup) nel pannello Impostazioni popup, puoi modificarne l'aspetto in base alla tua estetica. Scegli tra una gamma di design e personalizza il colore, la visibilità e il bordo.
Per personalizzare l'icona X:
- Vai al tuo Editor
- Clicca su Pagine e menu sul lato sinistro dell'Editor
- Apri il popup pertinente
- Clicca sul popup nell'Editor
- Clicca sull'icona Chiudi popup (X)
- Clicca sull'icona Design
- Scegli come vuoi personalizzare l'icona X:
- Scopri altre icone: clicca su un'icona predefinita dal pannello per impostare un nuovo design per l'icona
- Personalizza l'icona: clicca su Personalizza design e modifica l'icona come desideri:
- Colore e opacità: seleziona il colore dell'icona dal selettore colori e utilizza il cursore per renderlo più o meno visibile
- Bordo: scegli un colore per il bordo dell'icona e impostane la larghezza (in pixel)
