So erlauben Sie Benutzern, eine Zahlungsmethode in WordPress-Formularen auszuwählen

Veröffentlicht: 2021-10-28

Möchten Sie Benutzern ermöglichen, auf einem WordPress-Formular zwischen verschiedenen Zahlungsmethoden zu wählen?

Wenn Sie Ihren Kunden erlauben, ihre bevorzugte Zahlungsmethode auszuwählen, bauen Sie Vertrauen auf und steigern die Conversions auf Ihrer Website.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihren Benutzern erlauben, eine Zahlungsmethode in Ihren WordPress-Formularen auszuwählen.

So erlauben Sie Benutzern, eine Zahlungsmethode in Ihrem WordPress-Formular auszuwählen

Warum mehrere Zahlungsmethoden in WordPress anbieten?

PayPal und Kreditkarten sind zwei beliebte Zahlungsmethoden für Online-Einkäufe. Jede hat ihre Vor- und Nachteile, und Ihre Besucher haben wahrscheinlich bereits eine Vorliebe für die eine oder andere.

Wenn Sie also Produkte oder Dienstleistungen auf Ihrer WordPress-Website verkaufen oder um Spenden bitten, ist es wichtig, dass Ihre Besucher ihre bevorzugte Zahlungsmethode verwenden können.

Sie müssen keinen kompletten Online-Shop mit Warenkorb einrichten, um Online-Zahlungen zu akzeptieren. Alles, was Sie brauchen, ist ein einfaches Online-Bestellformular mit einer Auswahl an Zahlungsoptionen.

Dies ist sehr sinnvoll, insbesondere wenn Sie ein einzelnes Produkt verkaufen, Zahlungen für Dienstleistungen annehmen oder Geld für einen guten Zweck oder eine Wohltätigkeitsorganisation sammeln.

Sie müssen HTTPS/SSL auf Ihrer Website aktivieren, damit Sie Zahlungen sicher akzeptieren können. Für weitere Details kannst du unserer Anleitung folgen, wie du ein kostenloses SSL-Zertifikat für deine WordPress-Seite erhältst.

Sehen wir uns an, wie Sie mehrere Zahlungsoptionen auf Ihrer Website anbieten können.

So richten Sie ein Zahlungsformular in WordPress ein

Als erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

WPForms ist das beste Drag-and-Drop-Formularerstellungs-Plugin für WordPress. Sie können damit ein einfaches Bestellformular oder Spendenformular erstellen, ohne den Aufwand einer vollwertigen E-Commerce-Plattform oder eines Warenkorb-Plugins.

Während sie eine kostenlose Lite-Version haben, benötigen Sie ihren Pro-Plan, um auf die Zahlungs-Add-Ons und die Bestellformularvorlage zuzugreifen.

Nach der Aktivierung müssen Sie die Seite WPForms » Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Sie finden diese Informationen in Ihrem WPForms-Kontobereich.

Zahlungsplattformen mit WPForms verbinden

Als Nächstes verbinden wir WPForms mit den Zahlungsplattformen, die Sie verwenden möchten. Dazu müssen Sie zu WPForms » Addons gehen und die Zahlungs-Addons installieren.

Dort angekommen, müssen Sie zum PayPal Standard Addon scrollen und dann auf die Schaltfläche Addon installieren klicken.

Scrollen Sie nach unten zum PayPal-Standard-Add-on und klicken Sie auf die Schaltfläche „Add-on installieren“.

Sie sehen eine Meldung, die besagt, dass das Add-On installiert und aktiviert wurde, und der Text auf der Schaltfläche ändert sich in Deaktivieren.

Wir richten Ihre PayPal-Kontodaten später im Tutorial ein.

Sie müssen auch ein Addon installieren, um Kreditkartenzahlungen zu akzeptieren. WPForms unterstützt Stripe, Square und Authorize.net. Für dieses Tutorial richten wir Stripe ein, aber die Schritte zum Einrichten der anderen beiden Plattformen sind ähnlich.

Sie müssen zum Stripe-Add-on scrollen und auf die Schaltfläche „Add-on installieren“ klicken.

Klicken Sie auf die Schaltfläche Add-on installieren

Sobald die Add-Ons installiert und aktiviert wurden, müssen Sie WPForms mit Ihrem Stripe-Konto verbinden.

Gehen Sie dazu zur Seite „WPForms » Einstellungen “ und klicken Sie auf die Registerkarte „Zahlungen“. Danach müssen Sie Ihr Stripe-Konto verbinden, indem Sie auf die Schaltfläche „Mit Stripe verbinden“ klicken.

Klicken Sie auf die Schaltfläche Mit Stripe verbinden

Auf dem nächsten Bildschirm können Sie Ihre Stripe-E-Mail-Adresse eingeben und auf die Schaltfläche „Weiter“ klicken.

Geben Sie Ihre Stripe-E-Mail-Adresse ein

Sobald dies erledigt ist, fragt Stripe nun nach Ihrem Passwort, damit es sich bei Ihrem Konto anmelden kann.

Nachdem Sie sich angemeldet haben, können Sie Ihr Stripe-Konto auswählen und dann auf die Schaltfläche „Verbinden“ klicken.

Wählen Sie Ihre Website aus und verbinden Sie sie mit Stripe

Als nächstes werden Sie zurück zur Registerkarte WPForms-Zahlungseinstellungen umgeleitet. Um sicherzustellen, dass Ihr Konto erfolgreich verbunden ist, können Sie unter Stripe-Einstellungen zu den Verbindungsstatuseinstellungen gehen.

Wenn Sie ein grünes Häkchen sehen, bedeutet dies, dass Ihr Stripe-Konto jetzt mit WPForms live ist. Fahren Sie fort und klicken Sie auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.

Ihr Stripe-Konto wurde erfolgreich verbunden

WPForms ist jetzt bereit, Kreditkartenzahlungen zu akzeptieren.

Erstellen eines Bestellformulars mit mehreren Zahlungsmethoden

Jetzt erstellen wir ein Online-Bestellformular, das sowohl PayPal- als auch Kreditkartenzahlungen akzeptieren kann.

Um zu beginnen, gehen Sie zu WPForms »Neue Seite hinzufügen. Von hier aus müssen Sie einen Titel für Ihr Formular angeben und dann die Vorlage „Abrechnungs-/Bestellformular“ auswählen.

Wählen Sie die Vorlage „Rechnungs-/Bestellformular“.

WPForms lädt den Form Builder mit einem einfachen Bestellformular mit häufig verwendeten Feldern vor. Sie können jedes Feld bearbeiten, indem Sie darauf klicken.

WPForms lädt den Form Builder mit einem einfachen Bestellformular vor

Sie können neue Felder aus der linken Spalte per Drag and Drop hinzufügen. Sie müssen ein Multiple-Choice-Feld auf das Formular ziehen, damit Ihre Kunden aus mehreren Zahlungsoptionen auswählen können.

Fügen Sie ein Multiple-Choice-Feld hinzu

Danach sollten Sie das Stripe-Kreditkartenfeld auf das Formular direkt unter das Multiple-Choice-Feld ziehen.

Fügen Sie ein Stripe-Kreditkartenfeld hinzu

Als Nächstes müssen Sie die Optionen im Multiple-Choice-Feld ändern, damit sie mit den von Ihnen angebotenen Zahlungsmethoden übereinstimmen.

Beginnen Sie, indem Sie dem Feld die Bezeichnung Payment Method geben. Danach sollten Sie die ersten beiden Optionen PayPal und Kreditkarte nennen.

Multiple-Choice-Feldoptionen

Sie können die dritte Auswahl einfach entfernen, indem Sie auf die rote Minus - Schaltfläche klicken.

Danach müssen Sie die Option Erforderlich einschalten. Dadurch wird sichergestellt, dass Benutzer eine Zahlungsmethode auswählen, bevor sie das Bestellformular absenden.

Jetzt müssen wir das Stripe-Kreditkartenfeld einrichten, damit es ausgeblendet wird, bis ein Benutzer es als seine Zahlungsoption auswählt. Wir können dies erreichen, indem wir die bedingte Logikfunktion von WPForms verwenden.

Sie müssen auf das Stripe-Feld klicken, damit Sie es bearbeiten können. Als Nächstes sollten Sie auf die Registerkarte Smart Logic klicken und dann die bedingte Logik aktivieren, indem Sie den Kippschalter in die Ein-Position bringen.

Klicken Sie auf die Registerkarte Smart Logic und Enable Conditional Logic

Sie sehen nun einige zusätzliche Optionen, mit denen Sie Regeln für das Feld einrichten können. Sie müssen sicherstellen, dass die erste Option auf „Anzeigen“ ausgewählt ist, und dann die Dropdown-Menüs verwenden, sodass in den verbleibenden Feldern „Zahlung per Kreditkarte“ steht.

Stellen Sie einige Regeln für das Feld auf

Jetzt wird das Stripe-Kreditkartenfeld nur angezeigt, nachdem ein Benutzer Kreditkarte aus dem Feld Zahlungsmethode ausgewählt hat.

Aktivieren von Zahlungsmethoden für das Bestellformular

Der nächste Schritt besteht darin, PayPal- und Stripe-Zahlungen für das Bestellformular zu aktivieren.

Sie sollten zuerst im WPForms-Formularersteller zu Zahlungen »PayPal Standard navigieren. Dort sollten Sie das Kästchen „PayPal-Standardzahlungen aktivieren“ im rechten Bereich aktivieren.

Aktivieren Sie das Kontrollkästchen „PayPal-Standardzahlungen aktivieren“.

Danach sollten Sie die restlichen Felder ausfüllen. Geben Sie Ihre PayPal-E-Mail-Adresse ein und versetzen Sie das Konto in den Produktionsmodus. Sie müssen auch konfigurieren, ob Benutzer eine Versandadresse angeben müssen.

Schalten Sie die Option Bedingte Logik aktivieren um

Danach müssen Sie nach unten zur Option Enable Conditional Logic scrollen und sie auf die Position ON umschalten. Dadurch werden weitere Einstellungen angezeigt.

Schalten Sie die Option Bedingte Logik aktivieren um

Sie sollten die Regel so einstellen, dass die Belastung verarbeitet wird, wenn die Zahlungsmethode PayPal ist.

Als nächstes müssen Sie auf der Registerkarte „Zahlungen“ auf den Abschnitt „Stripe“ klicken und dann das Kontrollkästchen „Stripe-Zahlungen aktivieren“ aktivieren.

Aktivieren Sie das Kontrollkästchen „Stripe-Zahlungen aktivieren“.

Sie können eine Zahlungsbeschreibung hinzufügen und optional eine Quittung per E-Mail versenden. Danach müssen Sie den Schalter Enable Conditional Logic in die Position on schalten, damit Sie eine Regel für diese Zahlungsoption erstellen können.

Schalten Sie die Option Bedingungslogik aktivieren um

Sie müssen die Regel so konfigurieren, dass diese Gebühr verarbeitet wird, wenn die Zahlungsmethode Kreditkarte ist.

Wenn Sie wiederkehrende Abonnementzahlungen per Kreditkarte akzeptieren möchten, können Sie nach unten zum Abschnitt Abonnement scrollen und es konfigurieren.

Stripe-Abonnements

Wenn Sie fertig sind, müssen Sie oben auf die Schaltfläche Speichern klicken und den Formularersteller verlassen.

Hinzufügen des Bestellformulars zu Ihrer WordPress-Site

Ihr Online-Bestellformular mit mehreren Zahlungsoptionen ist jetzt fertig und Sie können es zu jeder WordPress-Seite auf Ihrer Website hinzufügen.

Um Ihr Formular hinzuzufügen, bearbeiten Sie einfach einen Beitrag oder eine Seite oder erstellen Sie eine neue. Klicken Sie dann auf das Pluszeichen + rechts auf der Seite und fügen Sie einen WPForms-Block in Ihrem WordPress-Editor hinzu.

Fügen Sie einen WPForms-Block hinzu

Danach müssen Sie auf das Dropdown-Menü im WPForms-Block klicken und Ihr Bestellformular auswählen.

Wählen Sie Ihr Bestellformular aus dem Dropdown-Menü aus

Sie können Ihre Seite jetzt speichern oder veröffentlichen und auf die Vorschauschaltfläche klicken, um Ihr Formular in Aktion zu sehen.

Vorschau des Bestellformulars

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie Sie Benutzern erlauben, eine Zahlungsmethode in Ihrem WordPress-Formular auszuwählen.

Vielleicht möchten Sie auch unsere Expertenauswahl der besten Apps für virtuelle geschäftliche Telefonnummern für kleine Unternehmen und unsere Schritt-für-Schritt-Anleitung zum Erstellen einer geschäftlichen E-Mail-Adresse sehen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.