Come integrare con pulsanti e tabelle prezzi Divi

Questo documento ti mostrerà come utilizzare la Tabella Prezzi, il Call to Action e i Pulsanti di Divi per lavorare insieme ai moduli overlay Onsite e alle pagine di checkout Stripe Offsite di WP Simple Pay.

In questo esempio, utilizzerò l'elemento Call To Action di Divi per avviare un modulo overlay Onsite.

Una volta personalizzate le impostazioni del testo, il testo del pulsante, ecc. del tuo Call to Action, è ora di aggiungere il modulo WP Simple Pay.

Nelle Impostazioni del Call To Action, nella scheda Contenuto, scorri verso il basso e massimizza la sezione Link.

Dovrai aggiungere un "#" al campo URL del link del pulsante, quindi selezionare il modulo di pagamento corretto dal menu a discesa di WP Simple Pay. Una volta completato. Fai clic sulla spunta verde Salva.

Devi aggiungere un "#" al campo URL del link del pulsante nella sezione Link affinché il modulo di pagamento si avvii correttamente. Questo vale per TUTTI i pulsanti Divi, inclusi i pulsanti della Tabella Prezzi e del Call to Action.

Quando si utilizza il tipo di modulo Stripe Checkout, sono disponibili solo moduli senza campi personalizzati aggiuntivi sul sito.

Ora è tutto pronto e il pulsante sul tuo Call to Action avvierà un modulo overlay Onsite, mostrato di seguito, o reindirizzerà al checkout Stripe Offsite a seconda del tipo di modulo.

Ripeti il processo descritto sopra per ogni pulsante della tabella prezzi, se applicabile.

Se hai aggiunto tutto correttamente e i moduli non si avviano ancora, potresti dover disattivare l'impostazione Differisci jQuery e jQuery Migrate nella scheda Divi → Opzioni tema → Generale → Prestazioni.