Vai al contenuto principale

Moduli di Iscrizione: Impostazioni del Tema

Scopri come personalizzare l'aspetto e lo stile del tuo Modulo di iscrizione con le Impostazioni del tema

Scritto da Ira

Le impostazioni del tema ti consentono di personalizzare il design del tuo modulo e di definire le opzioni di layout predefinite, inclusi colori, pulsanti, campi e il pulsante di chiusura.

Utilizza le Impostazioni del Tema per allineare il tuo modulo con il tuo marchio e creare un'esperienza fluida e professionale che aiuti ad aumentare il coinvolgimento e le conversioni.


Layout del modulo

Controlla dove e come il tuo modulo appare su il tuo sito.

  • Tipo di Visualizzazione: Scegli tra Pop-up, Landing page, Incorporato o Flyout. Puoi copiare un modulo e cambiare il suo tipo di visualizzazione per riutilizzare lo stesso design in più formati.

  • Larghezza del modulo: Regola la larghezza da 300 a 1000 pixel per adattarsi a qualsiasi dimensione dello schermo.

  • Immagine di Sfondo: Posiziona la tua immagine a sinistra, a destra, in alto, o come sfondo completo.

    • Puoi anche impostare la larghezza della tua immagine per riempire lo spazio o adattarsi alla dimensione del modulo.

  • Posizione del modulo: Imposta dove appare il modulo nella pagina (ad esempio, centro, angolo in basso a destra).

Stili dei moduli

Definisci l'aspetto generale del tuo modulo con forme degli angoli, bordi e colore di sovrapposizione.

  • Angoli: Scegli quadrati, leggermente arrotondati, più arrotondati, o specifica un raggio personalizzato manualmente.

  • Larghezza del bordo: Regola lo spessore del bordo da 0 a 60 pixel (0 px = nessun bordo).

  • Stile del bordo: Seleziona Continuo, Tratteggiato o Puntinato.

  • Colore del bordo: Imposta utilizzando un codice esadecimale o un selettore di colori.

  • Colore di sovrapposizione: Aggiungi un colore sopra lo sfondo del modulo nell'editor del modulo Omnisend.

Impostazioni dei Pulsanti

Personalizza l'aspetto dei pulsanti nel tuo modulo. Le modifiche si applicano in modo coerente a tutte le istanze di ciascun tipo di pulsante.

Stili dei Pulsanti

  • Pulsante Primario – Principale invito all'azione (ad es., Invia, Iscriviti).

  • Pulsante Secondario – Azione alternativa (ad es., No Grazie, Forse Più Tardi).

  • Pulsante Terziario – Link opzionali (ad es., Scopri di più, Leggi la politica).

Opzioni di personalizzazione del pulsante

  • Angoli: Quadrato, leggermente arrotondato, più arrotondato o personalizzato.

  • Colore di Sfondo: Imposta il colore di sfondo del pulsante utilizzando un codice esadecimale o il selettore di colori.

  • Carattere: Seleziona il tipo e la dimensione del carattere per il testo del pulsante.

  • Decorazione: Testo in grassetto, corsivo o sottolineato.

  • Colore del Testo: Colore del testo del pulsante.

  • Allineamento: Sinistra, centro o destra.

  • Larghezza del bordo: Da 0 a 60 pixel.

  • Stile del bordo: Seleziona Continuo, Tratteggiato o Puntinato.

  • Colore del bordo: Imposta il colore del bordo utilizzando un codice esadecimale o il selettore di colori.

  • Padding: Regola lo spazio interno per controllare la dimensione del pulsante.

Impostazioni del campo

Personalizza i campi di input dove i visitatori inseriscono le loro informazioni.

  • Stile del Campo: Scegli Riquadrato (campi racchiusi in un bordo visibile) o Sottolineato (sottolineatura minima solo).

  • Angoli: Squadrati, leggermente arrotondati, più arrotondati o raggio personalizzato.

  • Colore di Sfondo: Imposta il colore di sfondo del campo.

  • Colore Errore: Scegli il colore utilizzato per i messaggi di errore quando la convalida fallisce.

  • Carattere: Seleziona il tipo e la dimensione del carattere per il testo all'interno dei campi.

  • Decorazione: Testo in grassetto, corsivo o sottolineato.

  • Colore del testo: Colore del testo inserito nei campi.

  • Colore del Placeholder: Colore del testo del placeholder (ad es., "Inserisci la tua Email").

  • Colore dell'Etichetta: Colore delle etichette dei campi (ad es., "Indirizzo Email").

  • Allineamento: Sinistra, centro o destra.

  • Larghezza, Stile, Colore del Bordo: Controlla l'aspetto del bordo del campo.

  • Padding: Regola lo spazio interno all'interno dei campi.

Chiudi Impostazioni

Controlla il pulsante che i tuoi visitatori usano per chiudere il tuo modulo.

  • Mostra il pulsante di chiusura: Visualizza o nascondi il pulsante di chiusura (X).

    • Quando disabilitato, i visitatori possono chiudere il modulo solo inviandolo o cliccando al di fuori del modulo (se abilitato qui sotto).

  • Colore del Pulsante di Chiusura: Cambia il colore del pulsante di chiusura (X) per abbinarlo al tuo tema.

  • Sfondo: Imposta un colore di sfondo per il pulsante di chiusura.

  • Abilita "Chiudi cliccando al di fuori del modulo": Consenti ai visitatori di chiudere il modulo cliccando ovunque al di fuori di esso, particolarmente utile per i dispositivi mobili.

Nota: Le impostazioni del pulsante di chiusura non sono disponibili per i moduli incorporati e le Landing page.

Domande frequenti

Posso spostare il pulsante di chiusura in una posizione diversa?

No. Le impostazioni del tema ti consentono di modificare solo il colore e lo sfondo del pulsante di chiusura. La posizione del pulsante di chiusura (in alto a destra per impostazione predefinita) non può essere modificata tramite le impostazioni del tema.

Perché il testo del mio pulsante non è centrato verticalmente?

Il centraggio verticale del testo del pulsante è controllato da Padding, non solo dall'allineamento. Aumenta i valori di padding superiore e inferiore nelle Impostazioni Pulsanti per dare al testo più spazio verticale all'interno del pulsante.

Posso aggiungere CSS personalizzato ai miei moduli?

Le impostazioni del tema offrono opzioni di stile complete (colori, caratteri, bordi, padding, allineamento) ma non supportano l'iniezione di CSS personalizzato. Se hai bisogno di uno stile avanzato oltre le Impostazioni del Tema, consulta lo sviluppatore del tema del tuo sito web per applicare CSS che targettizzi i moduli di Omnisend sul tuo sito.


Hai bisogno di aiuto? Dai un'occhiata al nostro risorse aggiuntive o contatta il nostro Team di Supporto per ricevere assistenza! Siamo qui 24/7 per te tramite chat in-app o a [email protected] o tramite chat in-app.

Hai ricevuto la risposta alla tua domanda?