Meiner Erfahrung nach ist die Erstellung einer Landing Page, die Zahlungen in WordPress akzeptiert, einfach, wenn Sie die richtige Einrichtung haben. Sie benötigen ein Landing Page Builder-Plugin wie SeedProd oder ein spezielles Zahlungs-Plugin wie WP Simple Pay. Außerdem benötigen Sie ein SSL-Zertifikat und einen Zahlungsanbieter wie Stripe oder PayPal.
Der Prozess ist ganz einfach. Ich installierte einen Page Builder, gestaltete das Layout, fügte einen Zahlungsbutton-Block hinzu und verband ihn dann mit meinem Stripe-Konto. Das war alles, was ich brauchte, um mit der Annahme sicherer Zahlungen zu beginnen.
In diesem Leitfaden führe ich Sie durch die genauen Schritte, die ich verwendet habe, um dies zu erreichen, damit Sie anfangen können, Besucher in Kunden zu verwandeln.
Warum eine Payment Gateway Landing Page erstellen?
Wenn Kunden direkt auf Ihrer Landing Page bezahlen können, geht die Kaufabwicklung schneller, die Zahl der Abbrüche ist geringer und der Umsatz steigt.
Wenn Sie die Kunden auf eine separate Kassenseite schicken, haben sie mehr Zeit, zu zögern oder den Kauf abzubrechen. Indem Sie die Zahlungsoption direkt auf Ihrer Landing Page platzieren, beseitigen Sie diese Reibung und machen es den Kunden leicht, sofort zu kaufen.
Sie können auch die Konversionsrate erhöhen, indem Sie mehrere Zahlungsmethoden anbieten, z. B. Kreditkarten, PayPal oder digitale Geldbörsen. Untersuchungen von Ottu zeigen, dass Unternehmen, die mehr Auswahlmöglichkeiten anbieten , bis zu 30 % mehr Umsatz erzielen.
Nachdem Sie nun wissen, warum dies so effektiv ist, wollen wir uns nun den wichtigsten Komponenten zuwenden, die Sie für die Einrichtung eines solchen Systems benötigen.
Was Sie für die Annahme von Zahlungen auf einer Landing Page benötigen
Um Zahlungen direkt auf Ihrer WordPress-Landingpage zu akzeptieren, benötigen Sie einige Schlüsselkomponenten, die den Prozess sicher und zuverlässig machen.
- Ein Zahlungsabwickler: Ein Zahlungsabwickler wie Stripe, PayPal oder Square ist ein Dienst, der finanzielle Transaktionen zwischen Ihrer Website und der Bank Ihres Kunden abwickelt. Er verarbeitet sicher Zahlungen mit Kreditkarten, Debitkarten und digitalen Brieftaschen.
- SSL-Zertifikat: Ein SSL-Zertifikat (Secure Sockets Layer) ist ein digitales Sicherheitsprotokoll, das die Verbindung zwischen dem Browser Ihres Besuchers und Ihrem Server verschlüsselt. Es stellt sicher, dass sensible Informationen - wie z. B. Kreditkartendaten - nicht von anderen abgefangen oder gelesen werden können.
- PCI-Einhaltung: Hierbei handelt es sich um eine Reihe von Sicherheitsvorschriften für den Umgang mit Kreditkartendaten. Das hört sich technisch an, aber die gute Nachricht ist, dass moderne Zahlungsabwickler wie Stripe so konzipiert sind, dass sie die komplexen Teile für Sie übernehmen. Sie wickeln Zahlungen auf ihren sicheren Servern ab, was Ihre Compliance-Anforderungen vereinfacht und die Kundendaten schützt.
- Ein sicherer Hosting-Anbieter: Wählen Sie einen vertrauenswürdigen WordPress-Hosting-Anbieter, der integrierte Sicherheitsfunktionen und SSL-Unterstützung bietet, wie z. B. Bluehost oder SiteGround. Ein zuverlässiges Hosting sorgt dafür, dass Ihr Zahlungssystem schnell und sicher ist.
Die meisten modernen Zahlungstools wie SeedProd und WP Simple Pay übernehmen die technischen Details für Sie, sodass die Einrichtung nur wenige Minuten dauert.
Schritte zum Erstellen einer Landing Page mit Payment Gateway
In diesem Tutorial zeige ich Ihnen, wie Sie mit SeedProd, einem Drag-and-Drop-WordPress-Landing-Page-Builder, der für die Erstellung benutzerdefinierter Layouts ohne Code entwickelt wurde, eine Payment-Gateway-Landing-Page in WordPress erstellen können. Ich verwende SeedProd für dieses Tutorial, weil seine direkte Stripe-Integration den Prozess unglaublich einfach macht.
Mit SeedProd können Sie Ihr Seitendesign leicht erstellen, eine Zahlungsschaltfläche hinzufügen und Ihre Landing Page in wenigen Minuten veröffentlichen. Sie folgen ein paar einfachen Schritten: Installieren Sie SeedProd, wählen Sie eine Vorlage, ziehen Sie den Zahlungsbutton-Block hinein, verbinden Sie ihn mit Ihrem Stripe-Konto und gehen Sie live.
Gehen wir Schritt für Schritt vor, wie man es einrichtet.
Schritt 1. Installieren und aktivieren Sie den SeedProd Landing Page Builder
Zuerst ging ich auf die SeedProd-Preisseite, um meine Kopie des Plugins zu erhalten. Nachdem ich die Plugin-Datei heruntergeladen hatte, lud ich sie in mein WordPress-Dashboard hoch. Wenn Sie bei diesem Teil Hilfe benötigen, können Sie diese Anleitung zur Installation eines WordPress-Plugins befolgen.
Nachdem das Plugin aktiviert war, ging ich auf die Seite SeedProd " Einstellungen und fügte meinen Lizenzschlüssel ein, um die Einrichtung abzuschließen.
Dann musste ich nur noch auf die Schaltfläche " Schlüssel überprüfen" klicken, um den Vorgang abzuschließen.
Schritt 2. Wählen Sie eine Landing Page-Vorlage
Nachdem das Plugin aktiviert war, musste ich als Nächstes eine Vorlage auswählen. Dazu ging ich zu SeedProd " Landing Pages und klickte auf die Schaltfläche Add New Landing Page.
Dies eröffnete eine Bibliothek mit professionell gestalteten Landing Page-Vorlagen.
Um ein geeignetes Design für diese Demonstration zu finden, klickte ich auf den Filter "Verkauf" und wählte die Vorlage "eBook-Verkaufsseite".
Nachdem ich das Design gefunden hatte, das mir gefiel, fuhr ich mit dem Mauszeiger darüber und klickte auf das Häkchensymbol.
Es erschien ein Popup-Fenster, in dem ich aufgefordert wurde, einen Seitennamen und eine URL einzugeben. Nachdem ich diese Angaben gemacht hatte, klickte ich auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen, um den Builder zu starten.
Schritt 3. Hinzufügen einer Stripe-Zahlungsgateway-Schaltfläche
Sobald die Vorlage geladen war, befand ich mich im SeedProd Visual Page Builder.
Das Layout ist intuitiv, mit Inhaltsblöcken auf der linken Seite und einer Live-Vorschau meiner Seite auf der rechten Seite. Um etwas anzupassen, musste ich nur darauf klicken. Ich habe zum Beispiel auf die Hauptüberschrift geklickt und meinen neuen Text direkt in die Vorschau eingegeben.
Nachdem die Vorlage geladen war, suchte ich im linken Bedienfeld nach dem Zahlungsbutton-Block und zog ihn direkt auf meine Seite.
Nachdem ich den Block platziert hatte, öffneten sich die Einstellungen auf der linken Seite. Ich klickte auf die Schaltfläche Mit Stripe verbinden, um mein Konto zu verknüpfen. Daraufhin wurde ich auf die Stripe-Website weitergeleitet, um die Verbindung zu autorisieren, und anschließend wurde ich direkt zum Editor zurückgeschickt.
Mit Stripe verbunden, habe ich die Zahlungsdetails konfiguriert. Ich habe den Zahlungsbetrag, die Währung und eine kurze Beschreibung festgelegt. Außerdem habe ich die Erfolgs-URL festgelegt, d. h. die Seite, zu der die Kunden nach einem erfolgreichen Kauf weitergeleitet werden. Sie ist perfekt für eine Dankeseite.
Nachdem ich die richtigen Zahlungseinstellungen vorgenommen hatte, passte ich das Design der Seite weiter an, bis ich damit zufrieden war. Am wichtigsten war, dass ich daran dachte, auf die Schaltfläche " Speichern" in der oberen rechten Ecke zu klicken, um meine Änderungen zu speichern.
Schritt 4. Konfigurieren Sie Ihre Einstellungen
Vor der Veröffentlichung klickte ich auf die Registerkarte " Seiteneinstellungen" am oberen Rand des Bildschirms, um ein paar Details zu überprüfen. In den allgemeinen Einstellungen bestätigte ich, dass mein Seitenname und die URL korrekt waren.
Dann habe ich auf die Registerkarte SEO geklickt. Da ich All in One SEO installiert habe, konnte ich meinen SEO-Titel und meine Meta-Beschreibung direkt im Builder konfigurieren. Ich habe auch die Registerkarte "Connect" (Verbinden) angeklickt, um Optionen für die Verknüpfung mit einem E-Mail-Marketingdienst zu sehen, was eine großartige Funktion für Folgekampagnen ist.
Schritt 5. Veröffentlichen Sie Ihre Payment Gateway Landing Page
Wenn Sie bereit sind, Ihre Seite live zu schalten, klicken Sie auf die Schaltfläche Speichern und wählen Sie die Option Veröffentlichen.
Ich habe meine Live-Seite besucht, um sie auszuprobieren. Wenn Besucher jetzt auf die Zahlungsschaltfläche klicken, können sie mit Stripe bezahlen.
Alternative: Hinzufügen eines Stripe-Buttons mit WP Simple Pay
Wenn Sie bereits ein Design für eine Landing Page haben und nur eine Zahlungsfunktion hinzufügen möchten, dann ist WP Simple Pay eine ausgezeichnete, leichtgewichtige Lösung. Es ist ein spezielles Stripe-Zahlungsplugin, mit dem Sie eine "Jetzt kaufen"-Schaltfläche zu jedem Beitrag oder jeder Seite hinzufügen können, ohne eine komplexe Einrichtung vornehmen zu müssen.
Das Verfahren ist sehr schnell. Nach der Installation des Plugins führt Sie ein Einrichtungsassistent durch die Verbindung mit Ihrem Stripe-Konto.
Von dort aus erstellen Sie ein neues Zahlungsformular, wählen "Zahlungsbutton" und legen Ihren Preis und Ihre Währung fest.
Nach dem Speichern können Sie die Schaltfläche mithilfe des mitgelieferten WP Simple Pay-Blocks oder eines Shortcodes zu Ihrer Landing Page hinzufügen.
Häufig gestellte Fragen
Bonus-Leitfäden für eCommerce-Websites
Nachdem Sie nun wissen, wie Sie einfache Zahlungen auf einer Landing Page akzeptieren können, könnte der nächste logische Schritt der Aufbau eines kompletten Online-Shops sein. Diese Anleitungen werden Ihnen dabei helfen:
- Hinzufügen einer benutzerdefinierten Schaltfläche "Add-to-Cart" in WooCommerce
- Anzeige von Produktkategorien und Tags in WooCommerce
- Wie Sie Ihre WooCommerce Shop-Seite leicht anpassen können
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
