Andremo a spiegare il funzionamento di ogni singola chiave di questo template.
Per la configurazione iniziale del behavioural message si rimanda all’articolo dedicato come configurare un behavioural message.
ATTENZIONE
Se non viene configurato nessun form personalizzato sul messaggio (step1 della creazione “configurazione”), non verrà visualizzato niente e comparirà un messaggio sulla conole.
!!!!!!!ATTENZIONE!!!!!!!
Per visualizzare il messaggio, inserire un form.
SIDEPANEL > Testo messaggio
Colore testo etichetta è il colore de testo sulla etichetta verticale esterna.
Colore testo | Colore link | Colore titolo personalizziamo i colori dei testi.
Titolo etichetta è il testo della etichetta esterna (quella verticale per aprire il messaggio).
Contenuto HTML contenuto di testo prima del form.
Font titolo dimensione dei titoli in px.
Nascondi testo possiamo decidere se mostrare oppure no il testo prima del form.
Dimensioni font testi normali (in px) dimensione del testo normale.
Testo pulsate copia coupon è il testo che compare sul pulsante che compare dopo aver girato la ruota.
SIDEPANEL > Posizione e dimensioni
Colore sfondo etichetta | Dimensione bordo etichetta esterna (in px) | Colore bordo etichetta esterna | Bordo etichetta esterna | Icona su etichetta esterna | Angoli stondati etichetta esterna (in px) personalizziamo l’etichetta verticale esterna colori e bordo
Colore bordo box | Dimensione bordo box (in px) | Angoli stondati box (in px) | Ombra contenitore impostiamo
Margine tra testo e form
Dimensione massima contenuto è la larghezza massima in px che il contenuto (ruota esclusa) avrà.
Sidepanel a tutta altezza il sidepanel sarà alto quanto tutta la finestra del browser.
Colore linea divisoria | Spessore linea divisoria (in px) è la linea che separa il contenuto di testo dal form
Partenza sidepanel top/bottom (in px) distanza del box sidepanel dal bordo superiore/inferiore (in base alla posizione scelta), quando non è a tutta altezza, nel caso in cui è a tutta altezza questa diventa la distanza della label dal borso superiore/inferiore.
Posizione orizzontale sidepanel (si = sinistra | no = destra) | Posizione verticale sidepanel (si = alto | no = basso) opzioni per posizionare nella viewport il sidepanel.
Z_index Sidepanel impostiamo uno z-index per posizionare il messaggio al di sopra del nostro sito web.
SIDEPANEL > Altro
Codice CSS aggiuntivo possiamo inserire del codice CSS al nostro carosello.
Animazione icona etichetta esterna se impostato a si la icona ruota di 180° rispetto al testo quando si apre o si chiude il sidepanel.
Tempo di inattività alla chiusura dopo aver copiato il coupon e chiuso il messaggio, non ricomparirà per il tempo indicato.
FORM E PULSANTI > Posizione e dimensioni
Margine tra contenuti del form è il margine tra le varie voci del form (in px).
Titolo label form in grassetto possiamo impostare il grassetto sulle label del form.
Colore sfondo input form | Colore bordo input form | Colore checkbox/radio form | Colore label form | Colore di sfondo del form personalizziamo i colori delle label e degli input del form.
Angoli arrotondati form (in px) se lo sfondo del form è attivo, possiamo configurare gli angoli arrotondati.
Padding form (in px se sfondo attivo) margine tra il contenuto del form e il suo contenitore.
Mostrare sfondo form se impostato a no padding e angoli arrotondati non saranno presi in considerazione.
Altezza minima box form (in px) è l’altezza minima di tutto il box form, compreso il messaggio per copiare il coupon che compare alla fine.
FORM E PULSANTI > Pulsante
Colore testo pulsati | Colore testo pulsati rollover | Sfondo pulsanti | Sfondo pulsanti rollover | Colore bordo pulsanti rollover | Colore bordo pulsanti configuriamo tutti i colori per lo stato normale e quello di rollover dei pulsanti (bordo compreso).
Dimensioni testo pulsanti (in px) dimensioni del testo all’interno dei pulsanti.
Angoli arrotondati pulsanti (in px) impostiamo gli angoli arrotondati del pulsante.
Dimensione bordo pulsanti spessore del bordo intorno al pulsante (in px).
Padding laterale pulsante (in px) | Padding sopra/sotto pulsante (in px) configuriamo il margine interno tra il bordo del pulsante ed il testo.
WINWHEEL > Testo messaggio
Coupon spicchio 10 | Coupon spicchio 09 | Coupon spicchio 08 | Coupon spicchio 07 | Coupon spicchio 06 | Coupon spicchio 05 | Coupon spicchio 04 | Coupon spicchio 03 | Coupon spicchio 02 | Coupon spicchio 01 | Label premio 10 | Label premio 09 | Label premio 08 | Label premio 07 | Label premio 06 | Label premio 05 | Label premio 04 | Label premio 03 | Label premio 02 | Label premio 01 inserire i valori dei coupon e le relative label da mostrare sulla ruota ( ATTENZIONE se il campo del coupon viene cancellato, si mostrerà il testo per chi non ha vinto).
Colore testo spicchi colore del testo sugli spicchi.
Testo per chi non ha vinto testo che compare per chi ha ottenuto uno spicchio senza coupon.
Testo prima dei pulsanti copia coupon testo che si visualizza per chi ha vinto il coupon prima del pulsante per copiare il coupon.
Forza come risultato il coupon 01 possiamo forzare sempre l’uscita del coupon 01.
WINWHEEL > Posizione e dimensioni
Colore spicchi pari | Colore spicchi dispari impostiamo il colore di sfondo per le sezioni (spicchi) della ruota.
Dimensione ruota (larghezza ed altezza in px) altezza e larghezza totali della ruota.
Dimensione testo spicchi (in px) impostiamo le dimensioni del testo all’interno dei spicchi sulla ruota.
Colore di sfondo contenuto di testo | Colore di sfondo sotto la ruota | Colore indicatore ruota personalizziamo i colori della ruota.
Thanks for contributing!