Howto: Wie man ein WordPress Bestellformular mit Online-Zahlung erstellt
Mรถchtest du mehr zum Thema Wordpress Bestellformular erfahren?
Ich zeige dir, wie du ein WordPress Bestellformular mit Bezahlungsmรถglichkeit per Paypal und Stripe erstellst. 5 einfache Schritte zum Verkauf ohne Onlineshop.
Diese Lรถsung eignet sich vor allem fรผr
- Digitale Produkte
- einen geringen Produktstamm
- Gelegenheitsverkรคufe
- Dienstleistungen
- kleine Betriebe
Was nรผtzt dir eine gute Plattform, ein tolles Produkt oder ein einzigartiger Service, wenn dein Kunde die Bestellung nicht direkt online auslรถsen und gleich bezahlen kann?
Mit hoher Wahrscheinlichkeit gibt es viele genervte Kunden, denen ein anderer Bestell- und Bezahlprozess einfach zu lange dauert. Sie platzieren ihre Bestellung dann dort, wo es diese Mรถglichkeit gibt.
Um dieser Situation entgegenzuwirken, erklรคre ich dir im nachfolgenden die Erstellung eines Online-WordPress-Bestellformulars mit der Mรถglichkeit der direkten Bezahlung per Kreditkarte oder PayPal.
Mit dem Einbau dieses Formulars auf deiner Seite wirst du sehen, wie sich die Anzahl der Bestellungen durch den bequemen Bezahlvorgang erhรถht. Hierzu unterteile ich den Weg in fรผnf Teilschritte, die du am besten nacheinander durchgehst.
WPForms installieren
Zunรคchst musst du dir das WordPress-Plugin WPForms installieren. Hast du das noch nie gemacht, findest du hier eine Anleitung.
Fรผr Bezahlformulare benรถtigst du mindestens WPForms Pro, damit du auch Paypal oder Stripe anbinden kannst.
Das sind leider 200 Dollar, damit hast du dann aber das beste Formular-Plugin fรผr WordPress, mit den wichtigsten Funktionen. Vor allem, wenn du nur wenige Produkte hast, sparst du dir die Installation von einem aufgeblรคhten Shopsystem wie WooCommerce.
1. Erstelle ein Online-Bestellformular in WordPress
Voraussetzung fรผr die Erstellung des Wordpress Bestellformulars ist die Installation und Freischaltung des WPForms Plugins.
Falls noch nicht geschehen, solltest du im Menรผ WPForms > Einstellungen > Zahlungen die Wรคhrung auf Euro umstellen.
Als erstes gehst du auf WPForms und wรคhlst die Option Neues Formular hinzufรผgen.
Zuerst vergibst du einen Formularnamen und wรคhlst dann die Vorlage „Rechnungs-/Bestellformular“ aus.
Nach dem รffnen der Bestellformular-Vorlage solltest du die verfรผgbaren Produkte konfigurieren und die Mengen, Bezeichnungen und Preise der Waren festlegen.
Du kannst Produktfelder entfernen oder hinzufรผgen sowie die Reihenfolge der Produktanzeige bestimmen. Fรผr eine kundenfreundliche Produktauswahl empfiehlt es sich, Fotos zu den Produkten oder dem Service hochzuladen. Die Kunden sehen dann noch mal, was sie bestellen. Hierfรผr markierst du das Kรคstchen „Bild-Wahlmรถglichkeiten benutzen“.
Du kannst deinen Verkauf fรถrdern, indem du Optionen einfรผhrst, die den Gesamtpreis verรคndern. Zum Beispiel, indem du automatisch Mengenrabatte gibst oder ein Feld fรผr Gutscheine einbindest.
Wenn du dazu weitere Felder fรผr die Eingabemaske brauchst, klickst du sie auf der linken Seite an und ziehst sie einfach nach rechts. Nach der Erstellung des Bestellformulars, solltest du immer den aktuellen Stand speichern, bevor es weitergeht.
2. Konfiguriere den Inhalt der Bestellmeldungen
Die Benachrichtigung รผber eine Bestellung sollte mรถglichst sofort an dich oder an einen entsprechenden Mitarbeiter fรผr die umgehende Bearbeitung geschickt werden.
Das macht WPForms automatisch, wenn die Meldungsfunktion nicht deaktiviert wird.
Die Meldung an deine Adresse erfolgt automatisch. Soll sie jemand anders erhalten, musst du die entsprechende E-Mail-Adresse in dem WordPress Bestellformular hinterlegen.
Es besteht auch die Mรถglichkeit, Smart Tags (auch Merge Tags genannt) einzusetzen. In dem Fall erhรคlt der Kunde ebenfalls automatisch eine Bestรคtigung, dass sein Auftrag erhalten wurde.
Fรผr die Konfiguration der Bestellmeldungen gehst du in Einstellungen auf Benachrichtigungen. Hier gibst du die E-Mail-Adressen ein, an die nach Auftragseingang eine Meldung verschickt wird.
Fรผr den Versand der Eingangsbestรคtigung an den Kunden muss das Feld „Smart Tags anzeigen“ bei „Sende an E-Mail-Adresse“ aktiviert sein. Danach klickst du auf „E-mail“. WPForms erhรคlt dadurch den Befehl, eine Meldung an die E-Mail-Adresse zu schicken, welche fรผr die Abgabe des Auftrages benutzt wurde.
Im weiteren Verlauf kannst du รnderungen zum Inhalt der Eingangsbestรคtigung vornehmen.
Zum Beispiel die E-Mail-Betreffzeile, Name und Adresse des Absenders und die Rรผckantwortadresse werden hier festgelegt. Es empfiehlt sich immer, hier eine personalisierte Nachricht zu verfassen.
Fรผr eine komplette Bestรคtigung des Bestellumfangs wรคhlst du den Smart Tag {all_fields}. Das WordPress Bestellformular greift damit auf alle Informationen zurรผck, die in das Bestellformular eingegeben wurden und wiederholt sie in der Eingangsbestรคtigung.
Die Personalisierungen der einzelnen Felder informieren den Empfรคnger der Benachrichtigung รผber alle Details der Bestellung.
3. Konfiguriere die Art der Bestรคtigung
Mit dem nรคchsten Schritt richtest du die Anzeige ein, die dem Kunden unmittelbar nach dem Ausfรผllen des Bestellformulars angezeigt wird.
Es gibt hier drei Mรถglichkeiten:
- Eine Nachricht: Nach Abschicken des Bestellformulars wird dem Kunden eine einfache Bestรคtigung mit einer Nachricht angezeigt, dass seine Bestellung bearbeitet wird. WPForms bietet hier ebenfalls eine Reihe an Standardformulierungen, die du verwenden kannst.
- Eine gesondert erstellte Seite, z. B. eine Unterseite deines Blogs. Der Kunde wird hierbei auf eine extra Seite umgeleitet, auf der du dich beim Kunden fรผr die Bestellung bedankst. Je kreativer diese Seite ist, desto eher bestellen die Kunden wieder in deinem Webshop.
- Eine andere Website: Wenn du den Kunden nach der Bestellung auf eine andere Webseite leiten mรถchtest, nimmst du diese Option.
Fรผr die Erstellung einer Nachricht mit WPForms wรคhlst du in den Einstellungen > Bestรคtigungen den Typ Nachricht aus. Im unteren Feld formulierst du die Nachricht, die der Kunde nach Abschluss der Bestellung lesen soll und speicherst dein WordPress Bestellformular.
4. Einrichten der Bezahlmรถglichkeiten
Der letzte Schritt fรผr die erfolgreiche Erstellung eines Bestellformulars mit Online-Zahlung beinhaltet die Konfiguration der Bezahlmรถglichkeiten.
WPForms bietet die Mรถglichkeit der Einbindung von
- PayPal
- Authorize.Net
- und Stripe
als Plattform fรผr den Erhalt der Zahlungen der Kunden.
Es bietet sich immer an, den Kunden eine Auswahl anย Bezahlmethodenย zu geben. So verhinderst du, dass Kunden noch kurz vor Abschluss desย Bestellvorgangesย abbrechen, weil die persรถnlich favorisierte Methode nicht verfรผgbar ist.
Zuerst musst du die entsprechenden Bezahl-Erweiterungen installieren und aktivieren. Fรผr PayPal gibt es eine PayPal-Erweiterung, fรผr Stripe gibt es eine Stripe-Erweiterung. Nach der Aktivierung gehst du auf die Bezahlfunktion im Formular Editor.
Im Fall von PayPal musst du die PayPal-Funktion รถffnen und die E-Mail-Adresse fรผr dein PayPal-Konto eingeben.
In den Einstellungen wรคhlst du den „Produktion“ – Modus und „Produkte und Dienste“ bei den Bezahlungsvarianten. Darรผber hinaus muss das Feld „Enable PayPal Standard Payments“ markiert sein.
Du hast die Option, nur eine Bezahlmรถglichkeit anzubieten, was zu abspringenden Kunden fรผhren kann, wenn diese nicht die vorgegebene Mรถglichkeit nutzen mรถchten. Besser ist es, den Kunden die Art der Bezahlmethode wรคhlen zu lassen.
Dazu installierst du die verschiedenen Bezahlfunktionen, z. B. PayPal und Stripe und markierst jeweils das Feld „enableconditional logic“.
Nach Vornahme der Einstellungen speicherst du alle Eingaben.
Jetzt brauchst du noch das Auswahlfeld fรผr die Bezahlmethode.
Ziehe das „Multiple Choice“ Feld in die Einstellungen, um die Feldoptionen auf der linken Seite anzuzeigen.
Die Bezeichnung รคnderst du auf Bezahlmethode und bei den Optionen trรคgst du die vorhandenen Bezahlmรถglichkeiten (PayPal und Stripe) ein. Alle รผberflรผssigen Felder kรถnnen gelรถscht werden. Wichtig ist, dass das Feld „erforderlich“ markiert wird. Schlieรlich musst du noch die logische Bedingung in das Kreditkartenfeld eingeben, damit dieses nur dann gezeigt wird, wenn der Kunde Stripe auswรคhlt.
Dazu gehst du in die Feldoptionen fรผr das Kreditkarten-Feld und รถffnest die Bedingungseinstellungen. Dort gibst du ein, das Feld nur zu zeigen, wenn als Bezahlmethode Stripe gewรคhlt wird.
Am Ende mรผssen alle Einstellungen wieder gespeichert werden. Die Erstellung des Bestellformulars ist damit abgeschlossen.
5. WordPress Bestellformular in die Website einfรผgen
Letztendlich musst du das Bestellformular noch auf deiner Seite einfรผgen.
WPForms gibt hier die Mรถglichkeit, die Seite รผberall einzufรผgen, z. B. in einen Blog, auf einer Seite oder auch in eine Seitenleiste.
Ein kleiner Tipp an dieser Stelle: In vielen Online-Shops wird das Bestellformular in die Seitenleiste eingefรผgt, um immer sofort aufrufbar zu sein.
Rufe eine neue Seite oder einen neuen Post in WordPress auf. Danach gehst du in den ersten Block und klickst auf das „WPForms“ – Symbol.
Das WPForms-Widget erscheint in dem Block. Mit einem Klick auf das WPForms-Menรผ erhรคltst du eine Auswahl der Formulare, die du bereits erstellt hast.
Hier wรคhlst du das Formular aus, welches du in deine Seite einbinden mรถchtest und das Bestellformular erscheint auf deiner Website.
Fรผr die Einbindung in der Seitenleiste gehst du im Menรผ Design auf Widgets und fรผgst ein WPForms-Widget in die Seitenleiste ein. Danach wรคhlst du das Bestellformular aus dem Dropdown-Menรผ aus und speicherst die รnderungen im Widget-Bereich.
Am Ende muss wie immer alles gespeichert werden und damit ist die Einbindung deines Bestellformulars mit Online-Bezahlmรถglichkeit in WordPress beendet.
Viel Erfolg bei der Erstellung deines Bestellformulars auf deiner Homepage!
Ausgesuchte Links zu diesem Thema WPForms und Formulare:
Fazit
Wenn du aus deinen Blog-Besuchern Kunden machen mรถchtest und nicht gleich einen vollwertigen Shop installieren willst, eignet sich ein Formular mit Bezahlungsmรถglichkeit perfekt.
Das folgende Video zeigt dir die Schritte noch mal:
Diese Anleitung hat dir Schritt fรผr Schritt gezeigt, wie du ein Bestellformular in WordPress einrichtest. Als Bezahlungsmรถglichkeiten habe ich Stripe und Paypal genutzt.
Wie hast du dein WordPress Bestellformular erstellt? Schreib mir in den Kommentaren.
Offenlegung Werbelinks: Mit einem Stern (*) gekennzeichnete Links und Buttons sind sogenannte Affiliate-Links. BloggerPilot bekommt bei einem Kauf eine Provision, die sich jedoch nicht auf den Endpreis auswirkt. Es ist uns wichtig zu betonen, dass dies keinen Einfluss auf unsere Bewertung oder Meinung hat.