Come aggiungere un campo codice coupon ai moduli d’ordine di WordPress


Vuoi aggiungere un campo codice coupon di sconto ai moduli d’ordine di WordPress?

Non è necessario installare un plug-in e-commerce avanzato per iniziare a offrire sconti ai tuoi clienti. In questo tutorial, ti mostreremo come abilitare un campo codice coupon nei moduli di ordine di WordPress.

Aggiunta di un campo codice coupon ai moduli d’ordine di WordPress

Se vendi solo pochi prodotti sul tuo sito Web, potresti non voler installare un plug-in pesante come WooCommerce per raccogliere pagamenti e offrire sconti con codici coupon. Tutto quello che devi fare è installare un plugin per moduli WordPress, come WPForms e integrarlo con un gateway di pagamento.

WPForms è il miglior plugin per moduli di contatto per WordPress. Ti consente di creare un modulo di contatto, un modulo di pagamento, un modulo d’ordine, un modulo di donazione o qualsiasi altro modulo WordPress in modo rapido e semplice.

La parte migliore è che puoi anche aggiungere un campo codice coupon ai moduli d’ordine con WPForms.

Senza dubbio, l’aggiunta di un campo codice coupon di sconto ai moduli d’ordine consente di aumentare le conversioni e le vendite.

Passaggio 1: installazione di WPForms

wpforms-panoramica-modulo di contatto-plugin

Per aggiungere un codice coupon al modulo d’ordine, devi prima installare e attivare il WPForms plugin sul tuo sito.

Passaggio 2: creazione del modulo d’ordine

Il prossimo passo è creare il tuo modulo d’ordine con WPForms. Per creare il modulo, vai a WPForms »Aggiungi nuovo. Ora verrai indirizzato a una nuova pagina in cui puoi selezionare un modello. Qui seleziona il Modulo di fatturazione / ordine modello.

Modelli WPForms

Ora verrai indirizzato al generatore di moduli con tutti i campi alla tua sinistra e il modulo alla tua destra. Puoi semplicemente trascinare i campi del modulo e rilasciarli nel modulo d’ordine. Per modificare un campo, puoi semplicemente fare clic sul campo e aggiungere il tuo input sul lato sinistro del modulo.

Campo WPForms

Mentre il modello del modulo d’ordine ti dà un vantaggio, la bellezza di WPForms è che puoi personalizzarlo come desideri.

Passaggio 2: utilizzo della logica condizionale per aggiungere un campo codice coupon

Per i migliori risultati, si consiglia di visualizzare il campo del codice coupon al cliente che ha effettivamente un codice coupon da riscattare.

Creiamo un campo a discesa sul modulo per chiedere se il cliente ha un codice coupon. Per fare ciò, aggiungi il Cadere in picchiata campo al modulo sotto il Campi standard sezione.

Ora dovrai personalizzare questo campo. Basta fare clic sull’opzione del campo e cambiare l’etichetta in Hai un codice coupon di sconto. Successivamente, modifica:

  • Prima scelta per Selezionare
  • Seconda scelta per
  • Terza scelta per No

WPForms

Successivamente, è necessario aggiungere un campo in cui l’utente può inserire il codice coupon di sconto. Quindi trascina il Testo a riga singola campo da sinistra e rilasciarlo appena sotto il campo Sì / No sul modulo.

Logica condizionale di WPForms

Ora rinomina questo campo come Codice coupon di sconto. Per fare ciò, basta fare clic sul campo e modificare il testo sul lato destro dello schermo.

Codice coupon sconto WPForms

Ora è il momento di abilitare la logica condizionale. Per questo, scorrere verso il basso lo schermo per trovare Condizionali opzione.

Codice coupon sconto WPForms

Appena sotto selezionare la casella di controllo per abilitare la logica condizionale. La tua logica condizionale dovrebbe essere Mostra questo campo se “Hai un codice sconto” è Sì proprio come nello screenshot qui sotto.

Ciò significa che Codice coupon di sconto il campo verrà visualizzato solo se un utente conferma di avere un codice coupon da riscattare.

Logica condizionale, wpforms

Passaggio 4: creazione di convalide per il campo del codice coupon

Il passaggio successivo consiste nell’aggiungere convalide al modulo creato con WPForms. Con questo passaggio, puoi mostrare ai tuoi utenti se il loro codice coupon è valido o meno. Per quello, vai al Campi di pagamento scheda. Ora aggiungi Articolo singolo campi 2 volte appena sotto il tuo Codice coupon di sconto campo.

Ora fai clic su ciascuno di questi campi. Usiamo il primo campo per riscattare il coupon e il secondo campo per visualizzare un messaggio di errore se il codice coupon non è corretto.

Nel primo, modifica l’etichetta in Il tuo prezzo. Sotto il Descrizione campo, spiega lo sconto che volevi offrire. Nel Prezzo dell’articolo, aggiungi il prezzo scontato.

Quindi, scorrere fino a Condizionali scheda e selezionare la casella di controllo Abilita logica condizionale opzione. Qui puoi impostare quando le persone dovrebbero vederlo Articolo singolo campo. Ora aggiungi quello che vuoi che sia il tuo codice sconto. Supponiamo che il tuo codice sia 100% OFF.

Codice sconto WPForms

Puoi aggiungere più di un codice di sconto facendo clic su Aggiungi un nuovo gruppo opzione appena sotto di esso.

Come accennato in precedenza, utilizziamo il secondo campo per visualizzare un messaggio di errore se il codice coupon non è corretto.

Per fare ciò, per il secondo Elemento pubblicitario singolo, aggiungi l’etichetta come il tuo prezzo. Nella descrizione, diciamo Codice sconto non valido. Tieni presente che questo campo deve essere visualizzato quando il codice coupon non è valido. Per farlo, scorri verso il basso fino a Condizionali e seleziona la casella di controllo Abilita logica condizionale opzione.

Campo codice coupon sconto WPForms

In base a ciò, mostra il campo se il coupon Sconto NON è SCONTO DEL 100%. Se hai più codice coupon di sconto, aggiungili usando il Aggiungi un nuovo gruppo pulsante.

Logica condizionale 2

Una volta fatto, premi il tasto Salva pulsante nell’angolo in alto a destra dello schermo. Il modulo è ora pronto per essere pubblicato.

Passaggio 5: pubblicazione del modulo su WordPress

Il prossimo passo è pubblicare il tuo modulo. Per questo, vai alla pagina o all’editor di post in cui desideri visualizzare il modulo. Ora fai clic su + accedi nell’angolo in alto a sinistra dello schermo. Quindi utilizzando il pulsante Cerca cerca WPForms.

Pubblicazione di WPforms

Quando lo trovi WPForms, cliccaci sopra. Ora puoi selezionare il modulo facendo clic sulla freccia del menu a discesa. Il modulo verrà ora aggiunto alla tua pagina. Quindi assicurati di pubblicare il modulo aggiornando il tuo post.

Questo è tutto. Hai aggiunto correttamente un campo codice coupon al modulo d’ordine di WordPress.

aggiungendo campi codice coupon in wp

Se ti è piaciuto questo articolo, potresti anche voler dare un’occhiata alla nostra recensione completa su WPForms.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map