Editor Wix: personalizzare i popup

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.

Screenshot di una finestra a comparsa personalizzata su un sito Wix live

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

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:
  1. Clicca su Imposta overlay
  2. 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:
  1. Clicca su Cambia sfondo dell'overlay
  2. Scegli tra un colore, un'immagine o uno sfondo video
  3. (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

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

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

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

Il pannello di design dell'icona Chiudi. Il cursore si trova sulla scheda Testo, che è aperta

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)