Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man ein WordPress-Formular mit Zahlungsoptionen erstellt (einfacher Weg)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Suchen Sie nach einer einfachen Möglichkeit, ein WordPress-Formular mit einer Zahlungsoption zu erstellen?

Oft müssen Kleinunternehmer eine einfache Möglichkeit finden, um Zahlungen auf ihrer Website zu akzeptieren, ohne einen komplexen Warenkorb einzurichten. Ein einfaches Zahlungsformular ermöglicht es Ihnen, benutzerdefinierte Zahlungsbeträge zu akzeptieren, wiederkehrende Zahlungen einzurichten und benutzerdefinierte Details mit Leichtigkeit zu erfassen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Formulare mit einer Zahlungsoption erstellen können.

How to create WordPress forms with a payment option

Warum WordPress-Formulare mit einer Zahlungsoption erstellen?

Wenn Sie ein einfaches Formular mit benutzerdefinierten Zahlungsoptionen erstellen möchten, müssen Sie keinen vollständigen Online-Shop einrichten. E-Commerce-Plugins wie Easy Digital Downloads und WooCommerce sind zwar sehr leistungsfähig, aber Sie brauchen vielleicht nicht so etwas Umfassendes, wenn Sie nur ein paar Artikel oder Dienstleistungen verkaufen oder individuelle Beträge von jedem Kunden akzeptieren müssen.

In einigen Fällen ist die Erstellung eines einfachen Zahlungsformulars eine viel bessere Lösung als die Verwendung eines speziellen eCommerce-Plugins.

Auf einer gemeinnützigen Website möchten Sie den Besuchern beispielsweise die Möglichkeit geben, eine Spende zu tätigen, während sie ein Bewerbungsformular für Freiwillige ausfüllen.

Einige Website-Besitzer nehmen gerne freiwillige Tipps von Besuchern an, die sich an sie wenden und um Hilfe bitten.

Oder Sie möchten einen digitalen Download mit einem „Pay what you like“-System anbieten, bei dem die Besucher entscheiden, wie viel sie für ein Produkt oder eine Dienstleistung bezahlen möchten. Wir haben sogar schon WordPress-Websites gesehen, die Produkte als kostenlosen Download anbieten und den Besuchern die Möglichkeit geben, für ein Premium-Upgrade oder zusätzliche Inhalte zu bezahlen.

Hinweis: Sie müssen HTTPS/SSL auf Ihrer Website aktivieren, damit Sie Zahlungen sicher akzeptieren können. Weitere Details finden Sie in unserer Anleitung, wie Sie ein kostenloses SSL-Zertifikat für Ihre WordPress-Website erhalten.

Sehen wir uns also an, wie Sie optionale Zahlungsformulare erstellen können. Verwenden Sie einfach die nachstehenden Links, um direkt zu der gewünschten Methode zu gelangen.

Methode 1. WP Simple Pay verwenden (beste kostenlose Option)

Der einfachste Weg, ein einfaches WordPress-Zahlungsformular zu erstellen, ist die Verwendung von WP Simple Pay.

WP Simple Pay ist das beste Stripe-Zahlungsplugin für WordPress, mit dem Sie Kreditkartenzahlungen, Apple Pay, Google Pay und mehr akzeptieren können, ohne spezielle eCommerce-Plugins installieren zu müssen.

A simple payment form, created using WP Simple Pay

Dieses kostenlose Plugin ist ideal für gemeinnützige Organisationen, kleine Unternehmen, Freiwillige und alle, die Zahlungen eintreiben möchten, ohne in fortschrittliche eCommerce-Plugins investieren zu müssen.

Für diese Anleitung werden wir die kostenlose Version von WP Simple Pay verwenden, da sie alles enthält, was Sie brauchen, um Zahlungen online zu akzeptieren. Es gibt auch eine Pro-Version, mit der Sie Zahlungen per ACH-Lastschrift akzeptieren, einen wiederkehrenden Zahlungsplan einrichten, einen „Jetzt kaufen, später bezahlen“-Plan zu WordPress hinzufügen und vieles mehr.

Zunächst müssen Sie das WP Simple Pay-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung startet das Plugin automatisch den Einrichtungsassistenten. Klicken Sie auf die Schaltfläche „Let’s Get Started“.

Installing the WP Simple Pay WordPress plugin

Im nächsten Schritt müssen Sie ein Stripe-Konto mit WP Simple Pay verbinden. Stripe ist ein einsteigerfreundlicher Zahlungsabwickler für Website-Betreiber.

Um loszulegen, klicken Sie auf die Schaltfläche „Mit Stripe verbinden“.

How to connect your WordPress website to Stripe

Danach können Sie sich entweder bei einem bestehenden Stripe-Konto anmelden oder ein neues erstellen.

Wenn Sie sich bereits bei Stripe registriert haben, geben Sie einfach die E-Mail-Adresse und das Passwort für dieses Konto ein.

Creating an optional payment form with WP Simple Pay

WP Simple Pay zeigt Ihnen nun, wie Sie Ihr Stripe-Konto mit WordPress verbinden können.

Wenn Sie noch nicht bei Stripe registriert sind, geben Sie Ihre E-Mail-Adresse ein und folgen Sie dann den Anweisungen auf dem Bildschirm, um Ihr kostenloses Stripe-Konto zu erstellen.

Sobald Sie bei einem Stripe-Konto angemeldet sind, klicken Sie auf „Zahlungsformular erstellen“.

Wenn Sie aus Versehen von diesem Bildschirm weggeklickt haben, dann machen Sie sich keine Sorgen. Sie können denselben Bildschirm erreichen, indem Sie im WordPress-Dashboard auf WP Simple Pay “ Add New gehen.

How to create a form with an optional payment button

Das kostenlose Plugin WP Simple Pay verfügt über einige verschiedene Zahlungsvorlagen, mit denen Sie innerhalb weniger Minuten verschiedene Arten von Zahlungsformularen erstellen können. Sie können zusätzliche Vorlagen freischalten, indem Sie auf WP Simple Pay Pro upgraden, einschließlich einer Vorlage, die eine Stripe-Spendenschaltfläche in WordPress einfügt.

Da wir ein einfaches WordPress-Zahlungsformular erstellen möchten, fahren Sie mit dem Mauszeiger über die Vorlage „Zahlungsbutton“ und klicken Sie auf „Zahlungsbutton erstellen“, wenn diese erscheint.

Creating a simple optional payment form

Geben Sie in das Feld „Titel“ einen Namen für Ihr Zahlungsformular ein.

Dieser Titel ist nur als Referenz gedacht, Sie können also alles verwenden, was Sie wollen.

Adding a title to your WordPress payment form

Sie können auch das Feld „Beschreibung“ verwenden, um einige Informationen über Ihr Zahlungsformular hinzuzufügen. Auch hier zeigt WordPress den Besuchern Ihrer Website diese Informationen nicht an, aber sie können für Sie selbst oder für andere Personen, die Ihr WordPress-Dashboard nutzen, nützlich sein.

Klicken Sie anschließend auf die Registerkarte „Zahlung“.

Standardmäßig erstellt WP Simple Pay Ihr Zahlungsformular im Testmodus, was bedeutet, dass Sie keine Zahlungen von Besuchern annehmen können.

Wir empfehlen, das Optionsfeld „Globale Einstellungen (Testmodus)“ aktiviert zu lassen, damit Sie testen können, wie das Formular funktioniert, bevor Sie Zahlungen von Besuchern annehmen.

Creating a payment form in test mode

Wenn Sie jedoch sofort mit der Annahme echter Zahlungen beginnen möchten, können Sie stattdessen die Schaltfläche „Live-Modus“ auswählen.

Als Nächstes können Sie festlegen, wie viel Sie den Besuchern in Rechnung stellen, indem Sie eine Zahl in das Feld „Einmaliger Betrag“ eingeben.

Setting a payment amount in WP Simple Pay

Hinweis: Standardmäßig verwendet WP Simple Pay die Währung Dollar. Wenn Sie Zahlungen in einer anderen Währung akzeptieren möchten, gehen Sie einfach zu WP Simple Pay “ Einstellungen. Sie können dann die Registerkarte „Währung“ auswählen und eine neue Währung wählen.

Wählen Sie anschließend die Registerkarte „Formularfelder“.

WP Simple Pay's form field settings

Standardmäßig wird Ihre Schaltfläche mit „Jetzt bezahlen“ beschriftet, aber Sie können dies durch Eingabe in das Feld „Schaltflächentext“ nach Belieben ändern.

Da wir ein optionales Zahlungsformular erstellen, sollten Sie etwas wie „Schicken Sie uns einen Tipp“ oder „Kaufen Sie mir einen Kaffee“ verwenden.

Adding a button label to your optional payment form in WordPress

Sie können auch den „Button Processing Text“ ändern, d.h. die Nachricht, die WP Simple Pay den Käufern anzeigt, während es ihre Zahlung verarbeitet.

Da es sich um ein optionales Zahlungsformular handelt, können Sie auch hier etwas verwenden, das dies widerspiegelt, z. B. „Wir bearbeiten Ihre Spende“.

Standardmäßig verwendet WP Simple Pay denselben Schaltflächenstil wie Ihr WordPress-Theme. Es gibt auch einen „Stripe blue“-Stil, den Sie verwenden können, wie Sie auf dem folgenden Bild sehen können.

A payment form with the Stripe blue style

Wenn Sie diese Schaltfläche verwenden möchten, wählen Sie einfach das Optionsfeld „Stripe blau“ im Abschnitt „Zahlungsschaltfläche“.

Danach wählen Sie die Registerkarte „Stripe Checkout“ und wählen die Informationen aus, die WP Simple Pay von den Besuchern beim Checkout sammeln soll.

Wenn Sie z. B. ein physisches Produkt verkaufen, sollten Sie das Kästchen „Versandadresse erfassen“ aktivieren.

Setting up the Stripe checkout

Während Sie an dem Zahlungsformular arbeiten, können Sie jederzeit eine Vorschau anzeigen, indem Sie auf die Schaltfläche „Vorschau“ klicken.

Dadurch wird das Zahlungsformular in einer neuen Registerkarte geöffnet, genau wie bei der Vorschau von Beiträgen und Seiten im WordPress-Standardeditor.

How to preview a payment form in WordPress

Wenn Sie mit dem Aussehen des Zahlungsformulars zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“, um es zu aktivieren.

Sie können jetzt das Zahlungsformular zu jeder Seite, jedem Beitrag oder Widget-bereiten Bereich hinzufügen, indem Sie den Wert in ‚Form Shortcode‘ verwenden.

Adding an optional payment form to your WordPress site using shortcode

Weitere Einzelheiten zur Platzierung des Shortcodes finden Sie in unserer Anleitung zum Hinzufügen eines Shortcodes in WordPress.

Wenn Sie das Formular im Testmodus veröffentlicht haben, zeigt das Stripe-Dashboard keine Zahlungen an, die Sie während dieser Zeit erhalten haben, was es schwierig macht, Ihr optionales Zahlungsformular zu testen.

Um Ihre Transaktionen zu sehen, müssen Sie den Testmodus in Stripe aktivieren, indem Sie sich in Ihrem Stripe-Dashboard anmelden und dann die Registerkarte „Zahlungen“ auswählen.

Enabling test mode in the Stripe dashboard

Klicken Sie anschließend auf die Schaltfläche „Entwickler“ in der oberen rechten Ecke.

Sobald Sie dies getan haben, werden alle Ihre Testzahlungen im Stripe-Dashboard angezeigt, sodass Sie überprüfen können, ob das Formular ordnungsgemäß funktioniert.

Wenn Sie mit der Einrichtung des Formulars zufrieden sind, können Sie damit beginnen, echte Zahlungen zu akzeptieren, indem Sie im WordPress-Dashboard zu WP Simple Pay “ Payment Forms gehen.

Fahren Sie einfach mit der Maus über das optionale Zahlungsformular und klicken Sie auf den Link „Bearbeiten“.

Adding a payment form to WordPress using shortcode

Wählen Sie nun die Registerkarte „Zahlung“ und klicken Sie auf das Optionsfeld neben „Live-Modus“.

How to put WP Simple Pay into live mode

Klicken Sie abschließend auf „Aktualisieren“. Ihr Zahlungsformular ist nun aktiv und Sie können nun Geld von Ihrem Publikum annehmen.

Methode 2. Verwendung von WPForms (am besten für flexible und optionale Zahlungen)

Manchmal möchten Sie Ihren Kunden die Wahl lassen, wie viel Geld sie im Rahmen einer Zahlung oder Spende senden möchten. Sie könnten zum Beispiel ein „Pay what you want“-Modell einführen.

In anderen Fällen möchten Sie vielleicht zusätzliche Details als Teil des Formulars erfassen oder den Nutzern sogar erlauben, bezahlte Inhalte für Ihren Blog oder Ihre Website einzureichen.

Wenn Sie ein flexibles Zahlungsformular erstellen möchten, benötigen Sie ein fortschrittliches Plugin zur Formularerstellung.

WPForms ist das beste Formularerstellungs-Plugin für WordPress. Sie können damit schnell viele verschiedene Formulare erstellen, darunter Kontaktformulare, Buchungsformulare und mehr. Über 6 Millionen Website-Besitzer nutzen WPForms.

Mit diesem Plugin können Sie ein Formular erstellen, das unterschiedliche Felder anzeigt, je nachdem, ob der Kunde Ihnen eine Zahlung senden möchte oder nicht.

Für diesen Leitfaden werden wir WPForms Pro verwenden, weil es mit Addons, die es einfach zu sammeln Zahlungen mit beliebten Zahlungs-Gateways wie Stripe und PayPal machen kommt. Außerdem gibt es keine zusätzlichen Transaktionsgebühren.

Es gibt auch eine WPForms Lite-Version, die 100% kostenlos zu verwenden ist. Damit können Sie Stripe-Zahlungen akzeptieren, aber es gibt eine zusätzliche Gebühr von 3 % für Zahlungen, die über Ihre Formulare erfolgen.

Weitere Informationen finden Sie in unserem vollständigen Bericht über WPForms.

Zuerst müssen Sie WPForms Pro installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nachdem Sie WPForms aktiviert haben, gehen Sie in Ihrem WordPress-Dashboard auf WPForms “ Einstellungen.

WPForms' pro settings

Sie können nun Ihren Lizenzschlüssel in das Feld „Lizenzschlüssel“ eingeben. Sie finden diese Informationen in Ihrem WPForms-Konto.

Nachdem Sie das WPForms-Plugin aktiviert haben, müssen Sie mindestens ein Zahlungs-Addon installieren.

Um Besucher zu ermutigen, für Ihr Produkt oder Ihre Dienstleistung zu bezahlen, sollten Sie mehrere Addons einrichten, damit Besucher mit ihrer bevorzugten Methode bezahlen können.

Um ein oder mehrere Zahlungsaddons zu installieren, gehen Sie einfach auf WPForms “ Addons.

Suchen Sie nun das Addon, das Sie verwenden möchten, und klicken Sie auf die Schaltfläche „Addon installieren“. Mit WPForms können Sie Zahlungen mit Stripe, Square, PayPal und Authorize.net akzeptieren.

Wenn Sie zum Beispiel Zahlungen mit PayPal akzeptieren möchten, müssen Sie das PayPal Standard Addon installieren.

WPForms' PayPal addon

Nach der Aktivierung eines oder mehrerer Zahlungs-Addons, ist der nächste Schritt die Verbindung von WPForms mit dem entsprechenden Zahlungskonto. Wenn Sie zum Beispiel das Square Addon installiert haben, müssen Sie WPForms mit Ihrem Square-Konto verbinden.

Um diese Verbindung herzustellen, gehen Sie zu WPForms “ Einstellungen. Sie können dann auf „Zahlungen“ klicken.

WPForms' payment settings

Auf diesem Bildschirm sehen Sie eine Schaltfläche „Verbinden mit…“ für jedes von Ihnen installierte Zahlungs-Addon.

Klicken Sie hier einfach auf die Schaltfläche „Verbinden mit…“. Dies wird einen Einrichtungsassistenten starten, der Sie durch den Prozess der Verbindung von WPForms mit Ihrem Zahlungskonto führen wird.

Connecting WPForms to Square

Wiederholen Sie diese Schritte einfach für jede Zahlungserweiterung, die Sie verwenden möchten.

Sobald Sie das getan haben, klicken Sie auf die Schaltfläche „Einstellungen speichern“ am unteren Rand des Bildschirms. Gehen Sie dann zu WPForms “ Add New.

Creating a new WordPress form

Geben Sie hier einen Namen für Ihr Formular in das Feld „Name Your Form“ ein.

Ihre Website-Besucher werden den Namen nicht sehen, er dient also nur als Referenz.

Creating a payment form using WPForms

WPForms hat mehr als 1300 verschiedene Vorlagen, so dass Sie schnell loslegen und alle Arten von Formularen erstellen können.

Um eine Vorlage genauer zu betrachten, fahren Sie einfach mit der Maus über die Vorlage. Klicken Sie dann auf die Schaltfläche Demo anzeigen.

Previewing a credit card payment template

Für diese Anleitung verwenden wir die Vorlage „Einfaches Kontaktformular“, aber Sie können ein Zahlungsfeld zu jeder WPForms-Vorlage hinzufügen.

Wenn Sie eine Vorlage finden, die Sie verwenden möchten, klicken Sie einfach auf die Schaltfläche Vorlage verwenden. Dies wird WPForms Drag & Drop Form Builder starten.

The WPForms Simple Contact template

Die Vorlage „Einfaches Kontaktformular“ enthält bereits Felder, in die Kunden ihren Namen, ihre E-Mail-Adresse und ihre Nachricht eingeben können.

Als Nächstes müssen wir also ein Feld hinzufügen, in dem die Besucher entscheiden können, ob sie Ihnen eine Zahlung senden möchten. Am einfachsten geht das mit einem Multiple-Choice-Feld.

Suchen Sie im linken Menü das Feld Multiple Choice und fügen Sie es per Drag & Drop zu Ihrem Formular hinzu.

The WPForms 'multiple choice' field

Zunächst müssen wir die Beschriftung ändern, die WPForms am oberen Rand des Multiple-Choice-Bereichs anzeigt.

Dies ist der perfekte Ort, um Besucher zu fragen, ob sie Ihnen eine Zahlung zukommen lassen möchten. Sie könnten zum Beispiel „Möchten Sie uns eine Spende zukommen lassen?“ oder „Möchten Sie diese Website unterstützen?“ verwenden.

Um die Standardbeschriftung zu ändern, klicken Sie einfach auf den Abschnitt Multiple Choice in Ihrem Formular. Im Menü auf der linken Seite werden nun alle Einstellungen angezeigt, mit denen Sie diesen Bereich anpassen können.

Löschen Sie im linken Menü den Platzhalter „Multiple Choice“ im Feld „Bezeichnung“. Sie können dann den neuen Text eingeben, den Sie verwenden möchten.

A WordPress form with an optional payment section

Standardmäßig hat der Multiple-Choice-Bereich drei Auswahlmöglichkeiten, aber wir brauchen nur zwei.

Um eine dieser Optionen zu entfernen, klicken Sie auf die Schaltfläche – neben der Option.

Deleting fields from WPForms

Der nächste Schritt ist die Anpassung des Textes für „Erste Wahl“ und „Zweite Wahl“.

Löschen Sie im linken Menü einfach den Platzhaltertext und geben Sie stattdessen den Text ein, den Sie verwenden möchten. Zum Beispiel können Sie „Ja, ich möchte die Website unterstützen“ und „Nein, danke“ eingeben.

Adding an optional payment to a WordPress form

Wenn Sie WordPress-Formulare mit einer Zahlungsoption erstellen, können Sie die Besucher entscheiden lassen, wie viel Geld sie Ihnen schicken möchten.

Klicken Sie dazu einfach auf die Registerkarte „Felder hinzufügen“ im linken Menü. Ziehen Sie dann ein Feld „Einzelnes Element“ per Drag & Drop auf Ihr Formular.

Adding a 'single item' field to a WordPress form

Um dieses Feld anzupassen, klicken Sie es einfach an.

Standardmäßig wird das Feld mit der Bezeichnung „Einzelner Artikel“ versehen. Sie können diese Beschriftung durch Ihren eigenen Text ersetzen, indem Sie ihn in das Feld „Beschriftung“ im linken Menü eingeben.

Sie können zum Beispiel einen Text wie „Ich möchte Ihnen…“ oder „Spendenbetrag“ eingeben.

Customizing a WordPress form

Öffnen Sie als Nächstes das Dropdown-Menü „Artikeltyp“ und klicken Sie auf „Benutzerdefiniert“.

Die Besucher können nun einen beliebigen Wert in dieses Feld eingeben und Ihnen diesen Geldbetrag schicken.

Adding a user defined field to WordPress form

Sie können auch den Geldbetrag vorschlagen, den Sie erhalten möchten. Dies kann den Besuchern das Ausfüllen des Formulars erleichtern, da sie per Mausklick einen Betrag auswählen können, anstatt diese Entscheidung selbst treffen zu müssen.

Um Ihrem Formular einige Vorschläge hinzuzufügen, ziehen Sie einfach ein Feld „Mehrere Elemente“ auf Ihr WordPress-Formular.

WordPress payment form

Anschließend können Sie die Beschriftung des Abschnitts und den Optionstext nach dem oben beschriebenen Verfahren anpassen.

Danach müssen Sie für jede Option einen Preis festlegen, indem Sie den Wert in das Feld daneben eingeben.

A WordPress form with an optional payment

Standardmäßig hat der Abschnitt Mehrere Artikel drei Optionen. Um weitere Optionen hinzuzufügen, klicken Sie einfach auf das „+“-Symbol.

Sie können dann den Text der neuen Option anpassen und einen Wert nach demselben Verfahren wie oben beschrieben eingeben.

Adding payment choices to a WordPress form

Möchten Sie stattdessen eine Option aus dem Abschnitt „Mehrere Artikel“ entfernen?

Klicken Sie dazu einfach auf die Schaltfläche „-„.

Deleting fields from a WordPress form

Nachdem Sie einige Felder hinzugefügt haben, können Sie die Reihenfolge, in der diese Felder in Ihrem Formular erscheinen, durch Ziehen und Ablegen ändern.

Wenn Sie all das getan haben, müssen Sie mindestens eine Zahlungsoption zu Ihrem Formular hinzufügen.

Blättern Sie im linken Menü zum Abschnitt „Zahlungsfelder“. Hier finden Sie Felder für die verschiedenen Zahlungszusätze, die Sie installiert haben.

Um eine Zahlungsoption zu Ihrem Formular hinzuzufügen, genügt ein Klick.

Adding payment fields to a WordPress form

Nachdem Sie ein Feld für eine Zahlungsoption hinzugefügt haben, sollten Sie auf dieses Feld klicken. WPForms zeigt nun alle Einstellungen an, die Sie zur Konfiguration dieses Feldes verwenden können.

Wenn Sie zum Beispiel auf das Feld „Stripe Credit Card“ klicken, können Sie die Bezeichnung bearbeiten und eine Beschreibung hinzufügen.

Configuring Stripe payment in WordPress

Wir möchten, dass das Zahlungsfeld nur Besuchern angezeigt wird, die sich für eine Zahlung entscheiden. Zu diesem Zweck müssen Sie die bedingte Logik für Ihr Zahlungsfeld aktivieren.

Wenn Sie es noch nicht getan haben, wählen Sie das Zahlungsfeld in Ihrem Formular aus. Klicken Sie dann einfach auf die Registerkarte „Intelligente Logik“ im linken Menü.

Klicken Sie anschließend auf den Schieberegler „Bedingte Logik aktivieren“, um ihn von grau (inaktiv) auf blau (aktiv) zu stellen.

Adding conditional logic to a WordPress form

Als nächstes müssen wir WPForms mitteilen, dass das Zahlungsfeld nur angezeigt wird, wenn der Besucher die Option „Ja, ich möchte die Website unterstützen“ auswählt.

Vergewissern Sie sich dazu, dass das Dropdown-Menü „Dieses Feld wenn“ auf „Anzeigen“ eingestellt ist.

Öffnen Sie dann das Feld „Feld auswählen“ und wählen Sie das Feld „Möchten Sie die Website unterstützen?“.

Creating a WordPress form with conditional logic

Wenn Sie das getan haben, öffnen Sie das nächste Dropdown-Menü und klicken Sie auf „ist“.

Öffnen Sie schließlich die Auswahlliste, die standardmäßig „Auswahl treffen“ anzeigt, und wählen Sie das Feld „Ja, ich möchte die Website unterstützen“.

WPForms' smart logic settings

Im obigen Bild weisen wir WPForms an, das Zahlungsfeld nur anzuzeigen, wenn ein Besucher bestätigt, dass er die Website unterstützen möchte.

Hinzufügen von Zahlungsarten zu WPForms

Der nächste Schritt ist die Aktivierung von Zahlungen für das Formular. Klicken Sie dazu im linken Menü auf die Registerkarte „Zahlungen“.

Sie sehen nun alle verschiedenen Zahlungsoptionen, die Sie für das Formular aktivieren können.

Configuring PayPal payments with WPForms

Um zu beginnen, klicken Sie einfach auf die Zahlungsoption, die Sie konfigurieren möchten.

Aktivieren Sie dann einfach das Kästchen neben „Enable….“.

Je nach Zahlungsoption müssen Sie möglicherweise einige zusätzliche Einstellungen konfigurieren. Wenn Sie zum Beispiel PayPal aktivieren, müssen Sie die E-Mail-Adresse eingeben, an die Sie Ihre Zahlungen senden möchten.

Enabling PayPal payments in WPForms

Sie sollten auch Regeln der bedingten Logik mit Ihren Zahlungseinstellungen verwenden.

Um die bedingte Logik zu verwenden, klicken Sie auf den Schieberegler „Bedingte Logik aktivieren“. Öffnen Sie dann das Dropdown-Menü „Diese Gebühr wenn“ und wählen Sie „Nicht verarbeiten“.

Creating conditional logic rules for WordPress payments

Sobald Sie das getan haben, öffnen Sie das Dropdown-Menü, das standardmäßig „Feld auswählen“ anzeigt. Sie können nun Ihr Feld „Möchten Sie diese Website unterstützen?“ oder ein ähnliches Feld auswählen.

Stellen Sie dann sicher, dass das nächste Dropdown-Menü auf „ist“ eingestellt ist.

Creating an optional payment form with conditional logic

Danach können Sie das Dropdown-Menü „Auswahl treffen“ öffnen und auf das Feld „Nein, danke“ oder ein ähnliches Feld klicken.

Wenn der Besucher die Option „Nein, danke“ auswählt, verweigert Ihre Website die Bearbeitung von Zahlungen, unabhängig davon, was er in den Rest des Formulars eingibt.

WPForms' conditional logic settings

Wenn Sie mehrere Zahlungsoptionen anbieten, wiederholen Sie einfach den obigen Vorgang, indem Sie das Kästchen „Aktivieren“ ankreuzen und dann alle zusätzlichen Einstellungen konfigurieren. Sie können auch die bedingte Logik aktivieren.

Im folgenden Screenshot sehen Sie, dass Stripe andere Einstellungen hat als PayPal. Es lohnt sich also immer, diese zusätzlichen Einstellungen sorgfältig zu überprüfen.

Configuring Stripe payments with WPForms

Sobald Sie das getan haben, ist es eine gute Idee, AJAX-Formularübertragungen zu aktivieren. So können die Nutzer das Zahlungsformular abschicken, ohne die gesamte Seite neu laden zu müssen.

Um AJAX-Übertragungen zu aktivieren, gehen Sie einfach zu Einstellungen “ Allgemein.

Editing the WPForms settings

Klicken Sie dann einfach auf den Abschnitt „Erweitert“, um ihn zu erweitern.

Danach können Sie das Kontrollkästchen „AJAX-Formularübermittlung aktivieren“ aktivieren.

Enabling AJAX submissions

Wenn Sie mit dem Aussehen Ihres WordPress-Formulars zufrieden sind, können Sie Ihre Änderungen speichern.

Klicken Sie dazu einfach auf die Schaltfläche „Speichern“ am oberen Rand des Bildschirms.

Saving your WPForms form

Standardmäßig sendet WPForms jedes Mal eine E-Mail an Ihren WordPress-Administrator, wenn jemand dieses Formular absendet. Möglicherweise möchten Sie jedoch nur dann eine Benachrichtigung erhalten, wenn jemand eine Zahlung an Sie leistet.

Um die Standard-E-Mail-Einstellungen von WPForms zu ändern, klicken Sie auf die Registerkarte „Einstellungen“. Klicken Sie dann im linken Menü auf „Benachrichtigungen“.

Creating notifications for your WordPress forms

Scrollen Sie nun zum unteren Ende des Bildschirms und klicken Sie auf den Schieberegler „Bedingte Logik aktivieren“.

Sobald Sie den Schieberegler aktivieren, wird WPForms einige zusätzliche Einstellungen anzeigen.

Creating conditional logic emails and notifications

Vergewissern Sie sich anschließend, dass das Dropdown-Menü „Diese Benachrichtigung, wenn“ auf „Senden“ eingestellt ist.

Öffnen Sie dann das Dropdown-Menü, das standardmäßig „Feld auswählen“ anzeigt, und klicken Sie auf das Feld „Möchten Sie die Website unterstützen?“ oder ein ähnliches Feld.

Vergewissern Sie sich anschließend, dass das Dropdown-Menü auf „ist“ eingestellt ist.

Creating a WordPress form with an optional payment

Öffnen Sie schließlich das Dropdown-Menü, das standardmäßig „Auswahl treffen“ anzeigt.

Der letzte Schritt ist die Auswahl des Feldes „Ja, ich möchte die Website unterstützen“ oder eines ähnlichen Feldes.

Enabling conditional logic in WPForms

Wenn Sie mit diesen Änderungen zufrieden sind, vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken.

Standardmäßig sendet WPForms die E-Mail an Ihre WordPress-Administrator-E-Mail. Sie können diese Nachrichten an jede andere E-Mail-Adresse oder sogar an mehrere Adressen senden.

Um die Standardeinstellungen zu ändern, suchen Sie das Feld „Senden an E-Mail-Adresse“. Standardmäßig ist dieses Feld auf {admin_email} eingestellt. Dies ist ein dynamischer Wert, der WordPress anweist, seine E-Mails an Ihren WordPress-Administrator zu senden.

Sie können diesen dynamischen Text durch eine beliebige andere E-Mail-Adresse ersetzen, indem Sie die neue Adresse in das Feld „Senden an E-Mail-Adresse“ eingeben.

Wenn Sie mehrere Personen per E-Mail kontaktieren möchten, trennen Sie die einzelnen Adressen einfach durch ein Komma, wie Sie im folgenden Screenshot sehen können.

Creating email notifications

Standardmäßig verwendet WPForms „New Entry“ und den Namen Ihres Formulars für die E-Mail-Betreffzeile.

Wenn Sie etwas anderes verwenden möchten, geben Sie den neuen Text einfach in „E-Mail-Betreffzeile“ ein.

Creating a custom WPForms subject line

Eine weitere Möglichkeit ist die Verwendung von dynamischem Text in der Betreffzeile Ihrer E-Mail. Klicken Sie dazu auf den Link „Smart Tags anzeigen“ und wählen Sie dann ein Tag aus der Liste „Verfügbare Felder“.

Nun, wenn WPForms erstellt seine E-Mails, wird es automatisch ersetzen Sie die Smart-Tags mit Werten aus dem eingereichten Formular. Wenn Sie zum Beispiel auf „Gesamtbetrag“ klicken, wird WPForms die Gesamtzahlung in der Betreffzeile der E-Mail anzeigen.

WPForms' smart tags

Sie können auch den Text ändern, der in den Textkörper der E-Mail aufgenommen wird.

Auch hier haben Sie die Möglichkeit, Smart Tags zu verwenden, um eine informativere E-Mail zu erstellen.

Using dynamic text with WPForms

Nachdem Sie Ihre benutzerdefinierten E-Mail-Benachrichtigungen erstellt haben, sollten Sie sicherstellen, dass sie an den Posteingang des Empfängers und nicht an den Spam-Ordner gesendet werden.

Der beste Weg, dies zu tun, ist die Verwendung eines SMTP-Dienstleisters zusammen mit WP Mail SMTP, um die Zustellbarkeit von E-Mails zu verbessern. Weitere Details finden Sie in unserem Leitfaden zur Behebung des Problems, dass WordPress keine E-Mails sendet.

Vielleicht möchten Sie Ihren Kunden auch eine Bestätigungsnachricht anzeigen. Zum Beispiel könnten Sie bestätigen, dass Sie ihr Formular sicher erhalten haben oder ihnen eine personalisierte „Danke“-Nachricht zeigen. WPForms zeigt diese Nachricht automatisch an, wenn ein Kunde das WordPress-Formular absendet.

Um diese Nachricht zu konfigurieren, klicken Sie auf die Registerkarte „Bestätigungen“. Öffnen Sie dann einfach das Dropdown-Menü „Bestätigungstyp“ und wählen Sie „Nachricht“.

Showing a custom form confirmation message

Wenn Sie allen Besuchern den gleichen Text anzeigen möchten, können Sie Ihren Text einfach in das Feld „Bestätigungsnachricht“ eingeben.

Eine weitere Möglichkeit ist die Erstellung einer personalisierten Nachricht durch Hinzufügen von Smarttags nach demselben Verfahren wie oben beschrieben.

Anstatt eine Nachricht anzuzeigen, können Sie auch eine bestimmte Seite anzeigen oder Besucher zu einer anderen URL weiterleiten. Öffnen Sie dazu einfach das Dropdown-Menü „Bestätigungsart“.

Sie können nun zwischen „Seite anzeigen“ und „Zur URL gehen“ wählen.

Changing the payment confirmation settings

Danach können Sie die Einstellungen verwenden, um die Seite oder URL zu konfigurieren, die WPForms anzeigen wird, nachdem der Kunde das Formular abgeschickt hat.

Wenn Sie mit diesen Einstellungen zufrieden sind, vergessen Sie nicht, Ihre Änderungen zu speichern, indem Sie auf die Schaltfläche „Speichern“ klicken.

Danach sind Sie bereit, dieses Formular in Ihre Website einzufügen.

Öffnen Sie dazu einfach die Seite oder den Beitrag, auf der/dem Sie das Formular anzeigen möchten. Klicken Sie dann auf das Pluszeichen „+“.

Geben Sie in dem daraufhin angezeigten Popup „WPForms“ ein, um den richtigen Block zu finden. Sobald Sie auf den WPForms-Block klicken, wird er zu Ihrer Seite hinzugefügt.

The WordPress WPForms block

Klicken Sie in Ihrem neuen Block auf , um das Dropdown-Menü zu öffnen.

Sie sehen nun eine Liste mit allen Formularen, die Sie mit WPForms erstellt haben. Klicken Sie einfach, um das WordPress-Formular mit einer Zahlungsoption auszuwählen.

The WPForms WordPress block

WPForms zeigt jetzt eine Vorschau, wie Ihr Formular direkt im WordPress-Editor aussehen wird.

Sie können auch eine Vorschau der gesamten Seite anzeigen, indem Sie auf die Schaltfläche „Vorschau“ in der Symbolleiste klicken.

WordPress form with a payment option

Wenn Sie mit dem Aussehen Ihres Formulars zufrieden sind, können Sie diese Seite entweder veröffentlichen oder wie gewohnt aktualisieren. Wenn Sie nun diese Seite oder diesen Beitrag besuchen, sehen Sie das optionale Zahlungsformular live auf Ihrer WordPress-Website.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man WordPress-Formulare mit einer Zahlungsoption erstellt. Vielleicht interessiert Sie auch unser Leitfaden zum Erstellen und Verkaufen von Online-Kursen mit WordPress und unser Vergleich der besten Live-Chat-Software für kleine Unternehmen.

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

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

3 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jennifer Wan says

    I’m a small business owner planning to create an easy way to accept payments on my website without setting up a complex shopping cart. You have explained every step clearly with pictures in an easy way to understand. Thank you

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.