Per impostazione predefinita, il nostro upsell pop-up è davvero pulito e non aggressivo. Questo perché crediamo che un design semplice e pulito sia il migliore in termini di conversione.
​

Tuttavia, è sempre possibile migliorarlo sfruttando le opzioni di personalizzazione dell'app o effettuando regolazioni di stile ancora più avanzate.

Utilizzando i CSS personalizzati è possibile modificare praticamente qualsiasi elemento del pop-up. Tuttavia, per farlo è necessaria una conoscenza di base dei CSS. Per iniziare a usare i CSS, si consiglia di leggere il tutorial W3Schools sui CSS.

Per modificare il codice CSS, andare su Personalizzare il pop-up nel menu in alto e trovare la sezione Personalizzazione avanzata. Inserite lì il vostro codice CSS personalizzato.

Nell'esempio che segue abbiamo aumentato la dimensione dei caratteri e cambiato il colore di tutti i pulsanti:

Di seguito sono riportati alcuni rapidi codici CSS personalizzati per iniziare.

Modificare il colore di sfondo, il colore dei caratteri, il colore del bordo e la dimensione dei caratteri Aggiungere i pulsanti e il colore di sfondo dei pulsanti Aggiungere i pulsanti al passaggio del mouse:

Modifica il colore di sfondo, il colore del carattere, il colore del bordo e la dimensione del carattere del pulsante Continue e il colore di sfondo del pulsante Continue al passaggio del mouse:

Modificare il colore di sfondo della linea di prodotti madre:

Modificare la dimensione dei caratteri del titolo del pop-up, del nome dell'ordine (.Product-Name) e del prodotto in upsell:

Modificare il font utilizzato nel pop-up:

Di seguito la panoramica delle classi disponibili per la personalizzazione:

Avete bisogno di una mano? Non esitate a contattarci via chat o e-mail a [email protected] ;)

Buon upselling,

team Digismoothie