Integration mit Divi Schaltflächen & Preistabellen

Dieses Dokument zeigt Ihnen, wie Sie die Preistabelle, Call to Action und Buttons von Divi zusammen mit den Onsite-Overlay-Formularen und Offsite-Stripe-Checkout-Seiten von WP Simple Pay verwenden.

In diesem Beispiel verwende ich das Divi Call To Action-Element, um ein Onsite-Overlay-Formular zu starten.

Nachdem Sie Ihre Text-Einstellungen, den Button-Text usw. Ihres Call to Action angepasst haben, ist es an der Zeit, das WP Simple Pay-Formular hinzuzufügen.

Scrollen Sie in den Call To Action-Einstellungen im Inhalts-Tab nach unten und maximieren Sie den Link-Bereich.

Sie müssen dem Feld „Button Link URL“ ein „#“ hinzufügen und dann das richtige Zahlungsformular aus dem Dropdown-Menü von WP Simple Pay auswählen. Sobald Sie fertig sind. Klicken Sie auf den grünen Speichern-Haken.

Sie müssen dem Feld „Button Link URL“ im Link-Bereich ein „#“ hinzufügen, damit das Zahlungsformular korrekt gestartet wird. Dies gilt für ALLE Divi-Buttons, einschließlich der Buttons in Preistabellen und Call to Action.

Bei Verwendung des Stripe Checkout-Formular-Typs sind nur Formulare ohne zusätzliche benutzerdefinierte On-Site-Felder verfügbar.

Alles ist nun eingerichtet und der Button Ihres Call to Action startet ein Onsite-Overlay-Formular (siehe unten) oder leitet zum Offsite Stripe Checkout weiter, je nach Formular-Typ.

Wiederholen Sie den oben beschriebenen Vorgang für jeden Button in der Preistabelle, falls zutreffend.

Wenn Sie alles richtig hinzugefügt haben und die Formulare immer noch nicht starten, müssen Sie möglicherweise die Einstellung Defer jQuery and jQuery Migrate in den Divi → Theme Options → General → Performance-Tab deaktivieren.