So erstellen Sie Ihr erstes Zahlungsformular

Nachdem Sie nun WP Simple Pay installiert, Ihre Lizenz aktiviert (falls Sie die Pro-Version erworben haben) und Ihr Stripe-Konto verbunden haben, ist es an der Zeit, Ihr erstes Zahlungsformular zu erstellen.

Melden Sie sich bei Ihrer WordPress-Administration an und gehen Sie dann zu WP Simple Pay → Neu hinzufügen. Dies öffnet den Vorlagen-Explorer für Zahlungsformulare. Für dieses Beispiel verwenden wir die Vorlage Zahlungsformular.

Klicken Sie auf „Vorlage verwenden“, und der Editor für Zahlungsformulare wird mit den Standardeinstellungen der Vorlage für Zahlungen geöffnet.

Allgemeine Optionen anpassen

Der Tab Allgemein ermöglicht Ihnen, die Einstellungen für Titel, Beschreibung, Typ und Zahlungsbestätigung des Zahlungsformulars zu ändern.

Unsere ausgewählte Vorlage Zahlungsformular erstellt ein On-Site-Embedded-Zahlungsformular und leitet Benutzer zur globalen Bestätigungsseite weiter.

Zahlungsoptionen anpassen

Wählen Sie den Tab Zahlung, um die verfügbaren Preisoptionen anzupassen und wie Ihr Zahlungsformular Zahlungen akzeptiert.

Passen Sie den zu erhebenden Betrag oder die Währung an:

In diesem Beispiel verwenden wir einen Einmalbetrag von 15,00 $. Wenn Sie mehr als eine Preisoption anbieten möchten, klicken Sie auf „Preis hinzufügen“, um einen zusätzlichen Preis hinzuzufügen. Wenn mehr als eine Preisoption angeboten wird, können Sie optional eine benutzerdefinierte Bezeichnung festlegen, die angezeigt wird, wenn der Preisauswähler ausgegeben wird:

Aktivieren Sie als Nächstes die Zahlungsmethoden, die Sie zum Akzeptieren von Zahlungen verwenden möchten. Um es für unser erstes Formular einfach zu halten, bleiben wir bei der Zahlungsmethode „Karte“:

Formularfelder anpassen

Wählen Sie als Nächstes den Tab Formularfelder. Hier können Sie benutzerdefinierte Felder hinzufügen, um zusätzliche Daten zu sammeln oder weitere Informationen zum Kauf anzuzeigen.

Wenn Sie dies noch nicht getan haben, klicken Sie auf die Schaltfläche „Entwurf speichern“ auf der rechten Seite des Bildschirms, um das Formular zu speichern, bevor Sie fortfahren.

Als Sie die Vorlage für Zahlungsformulare „Zahlungsformular“ ausgewählt haben, wurden diese vier Felder automatisch zu Ihrem Formular hinzugefügt:

• E-Mail-Adresse
• Preisauswahl
• Zahlungsmethode
• Checkout-Schaltfläche

Fügen wir ein weiteres benutzerdefiniertes Feld hinzu: ein Feld zum Erfassen des Namens des Kunden. Klicken Sie auf Feld auswählen und wählen Sie Name, klicken Sie dann auf Feld hinzufügen, um es dem Formular hinzuzufügen.

Verwenden Sie den Ziehpunkt auf der linken Seite des benutzerdefinierten Felds, um das Feld „Name“ über die anderen benutzerdefinierten Felder zu verschieben. Zusätzlich können wir die Einstellung Bezeichnung auf Vollständiger Name setzen und das Feld als Erforderlich markieren.

Überprüfen Sie die Dokumentation zu „Benutzerdefinierte Formularfelder“ für weitere Informationen zu benutzerdefinierten Feldern.

Erweiterte Formularfunktionen

Da dies Ihr erstes Zahlungsformular ist, werden wir die unten aufgeführten erweiterten Formularfunktionen nicht besprechen. Wenn Sie jedoch bereit sind, folgen Sie den unten stehenden Links, um mehr über diese Funktionen zu erfahren.

• Zahlungsseite
• Bestätigungsseite (pro Formular)
• E-Mail-Benachrichtigungen (pro Formular)
• Automatisierungen (Beispiel 1 Google Tabellen) (Beispiel 2 WordPress-Benutzer erstellen)

Hinzufügen Ihres Zahlungsformulars zu einer Seite

Wenn Sie das Zahlungsformular an dieser Stelle in der Vorschau anzeigen, sollte es dem unten stehenden Formular ähneln. Wenn Sie Ihren Formularnamen und Ihre Beschreibung zuvor geändert haben, sind diese natürlich unterschiedlich.

Wenn Ihnen gefällt, wie Ihr Zahlungsformular aussieht, stellen Sie sicher, dass es veröffentlicht ist, damit Sie es zu einer Seite hinzufügen können.

Fügen Sie beim Bearbeiten einer vorhandenen Seite oder nach dem Erstellen einer neuen Seite einen neuen Block ein, suchen Sie nach dem „WP Simple Pay“-Block und wählen Sie ihn aus, um ihn zum WordPress-Blockeditor hinzuzufügen.

Nachdem der Block eingefügt wurde, wählen Sie aus einem Dropdown-Menü aus, welches Zahlungsformular Sie zur Seite hinzufügen möchten.

Sobald Sie ein Zahlungsformular ausgewählt haben, wird eine visuelle Darstellung des Formulars angezeigt. Sie können die Seite dann nach Bedarf weiter bearbeiten.

Formular mit dem klassischen Editor oder einem nicht-blockbasierten Theme hinzufügen

Wenn Sie ein Zahlungsformular mit dem „klassischen Editor“ hinzufügen möchten oder wenn Sie ein Theme verwenden, das Blöcke nicht unterstützt, können Sie den Shortcode aus der Liste der Zahlungsformulare kopieren und den Shortcode auf einer beliebigen Seite einbetten.

Eine Testzahlung durchführen

Sie sollten sich immer noch im Testmodus befinden, es sei denn, Sie haben ihn ausdrücklich deaktiviert. Lesen Sie mehr über die Verwendung des Testmodus.

Jetzt können Sie Ihr Formular anzeigen und eine Testzahlung durchführen. Im Testmodus können Sie beliebige Testkartennummern verwenden, die Stripe bereitstellt.

HINWEIS: Stripe stellt internationale Testkartennummern zur Verfügung, die verwendet werden sollten, um die entsprechende Postleitzahlenkonfiguration für Ihr Land oder Ihre Region korrekt wiederzugeben. Beispielsweise gilt die Testkartennummer 4242-4242-4242-4242 als US-amerikanische Nummer und zeigt ein 5-stelliges Postleitzahlenfeld an.

Sobald Sie das Zahlungsformular eingereicht haben, verarbeitet Stripe die Testzahlung und Sie sehen die standardmäßige Zahlungsbestätigungsseite. Lesen Sie mehr über die Anpassung der Zahlungsbestätigungsanzeige.

Sie haben Ihr erstes Formular erstellt und getestet! Und jetzt? Sehen Sie sich unsere Artikel-Liste „Was passiert nach einer Zahlung“ an, um zu erfahren, was Sie als Nächstes erkunden können.

Wenn Sie mit den Ergebnissen Ihres Formular-Tests zufrieden sind, können Sie Ihr Formular live schalten, damit es Live-Zahlungen verarbeiten kann.