Il widget Modulo di pagamento-Coupon di ShopEngine è un widget modello di pagamento che i clienti possono utilizzare per usufruire di buoni sconto sul totale dell'ordine.

Impariamo come utilizzare i widget modulo-coupon di Checkout sul tuo sito wooCommerce:

Passaggio 1: abilita il widget modulo di pagamento-coupon #

Per abilitare il widget,

• Vai su ShopEngine > Widget > Modulo di pagamento-Coupon
• Accendere 
• Salvare le modifiche

Nota: Puoi anche attivare Checkout Form-Coupon con un'impostazione globale che attiva tutti i widget di ShopEngine allo stesso tempo.

Passaggio 2: aggiungi il modulo di pagamento-coupon #

Prima di poter aggiungere il widget devi prima creare un modello di pagamento. Consulta la documentazione su come creare un modello di check-out.

Aggiungere Modulo di pagamento-Coupon:

• Vai a ShopEngine > Modelli > Modello di pagamento
• Clicca su Modifica con Elementor

• Ricerca per Modulo coupon sull'opzione Ricerca elementi
• Trascinare e rilasciare il widget 
• Clicca su Aggiornamento per salvare le modifiche.

Passaggio 3: impostazioni di stile del modulo di pagamento-coupon #

Vai alla scheda Stile per accedere alle impostazioni di stile.

Espandi la scheda Informazioni per personalizzare le seguenti impostazioni:

• Colore: Cambia il colore del testo.
• Colore collegamento: Seleziona il colore del collegamento.
• Colore al passaggio del mouse sul collegamento: Scegli il colore al passaggio del mouse per il collegamento.
• Sfondo: Seleziona un colore di sfondo.
• Tipografia: Qui puoi modificare la famiglia di caratteri, la dimensione del carattere, lo spessore del carattere, la trasformazione e l'altezza della riga per i testi.
• Tipo di confine: è possibile scegliere il tipo di bordo tra solido, punteggiato, tratteggiato doppio, scanalato o nessuno.
• Larghezza del bordo: Seleziona la larghezza superiore, sinistra, destra e inferiore del bordo.
• Colore del bordo: Scegli un colore per il bordo.
• Imbottitura: Regola l'imbottitura superiore, sinistra, destra e inferiore.

Espandi la descrizione opzione per personalizzare le seguenti impostazioni:

• Colore: Cambia il colore del testo della descrizione.
• Tipografia: Qui puoi modificare la dimensione, lo spessore e l'altezza della riga del carattere per i testi descrittivi.

• Colore: Cambia il colore del testo.
• Tipografia: Qui puoi modificare la dimensione, lo spessore e l'altezza della linea del carattere.
• Tipo di confine: è possibile scegliere il tipo di bordo tra solido, punteggiato, tratteggiato doppio, scanalato o nessuno.
• Larghezza: Seleziona la larghezza superiore, sinistra, destra e inferiore del bordo.
• Colore: Scegli un colore per il bordo.
• Raggio del confine: Seleziona i valori superiore, sinistro, destro e inferiore per il raggio del bordo.
• Imbottitura: Regola l'imbottitura superiore, sinistra, destra e inferiore

.Espandi il modulo di richiesta opzione per personalizzare le seguenti impostazioni:

• Tipografia: Qui puoi modificare la dimensione, lo spessore e l'altezza della linea del carattere.
• Normale/al passaggio del mouse: Passa alla scheda Normale e Al passaggio del mouse per modificare il colore del testo e il colore dello sfondo sia per la visualizzazione normale che per quella al passaggio del mouse.
• Tipo di confine: è possibile scegliere il tipo di bordo tra solido, punteggiato, tratteggiato doppio, scanalato o nessuno.
• Larghezza: Seleziona la larghezza superiore, sinistra, destra e inferiore del bordo.
• Colore: Scegli un colore per il bordo.
• Raggio del confine: Seleziona i valori superiore, sinistro, destro e inferiore per il raggio del bordo.
• Ombra della scatola: Fare clic sull'opzione di modifica per scegliere il colore dell'ombra, il valore orizzontale, verticale, sfocatura e diffusione. È inoltre possibile impostare la posizione come contorno o riquadro.

• Famiglia di font: Qui puoi modificare la famiglia di caratteri per l'intero widget.

Infine, fare clic su Aggiornamento per salvare tutte le modifiche.

Ora, i coupon dovrebbero funzionare nel tuo checkout. Dai un'occhiata all'anteprima qui sotto: