Ich dachte früher, dass der Online-Verkauf eines Produkts eine massive E-Commerce-Einrichtung erfordert. Ich erinnere mich, dass ich Tage damit verbracht habe, komplexe Warenkörbe zu konfigurieren, nur um ein einfaches E-Book zu verkaufen. Es war übertrieben.
In diesem Leitfaden zeige ich Ihnen genau, wie Sie eine Landingpage mit einem Zahlungs-Gateway erstellen. Ich werde SeedProd verwenden, da es das Design und die Stripe-Verbindung an einem Ort verwaltet. Wenn Sie nur einen Button für einen bestehenden Beitrag benötigen, zeige ich Ihnen auch WP Simple Pay als schnelle Alternative.
Warum eine Zahlungs-Gateway-Landingpage erstellen?
Wenn Kunden direkt auf Ihrer Landingpage bezahlen können, ist der Checkout schneller, weniger Leute gehen ohne Kauf davon und die Verkäufe steigen.
Das Senden von Personen zu einer separaten Checkout-Seite gibt ihnen zusätzliche Zeit zum Zögern. Indem Sie die Zahlungsoption direkt auf Ihrer Landingpage platzieren, beseitigen Sie diese Hindernisse und machen es ihnen leicht, im Moment zu kaufen.
Sie können auch die Konversionsraten steigern, indem Sie mehrere Zahlungsmethoden anbieten, wie z. B. Kreditkarten, PayPal oder digitale Geldbörsen. Branchenforschung zeigt, dass Unternehmen, die mehr Auswahlmöglichkeiten anbieten, einen Umsatzanstieg von bis zu 30 % verzeichnen.
Dieser Ansatz ist sehr kostengünstig. Sie müssen keinen riesigen Online-Shop aufbauen, um mit dem Verkauf zu beginnen. Sie können sogar eine neue Produktidee mit einem einfachen kostenlosen Landingpage-Konzept validieren, bevor Sie auf eine kostenpflichtige Gateway-Einrichtung upgraden.
Jetzt, da Sie wissen, warum dies so effektiv ist, lassen Sie uns die wichtigsten Komponenten behandeln, die Sie für die Einrichtung benötigen.
Was Sie benötigen, um Zahlungen auf einer Landingpage zu akzeptieren
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 Finanztransaktionen zwischen Ihrer Website und der Bank Ihres Kunden abwickelt. Er verarbeitet sicher Zahlungen mit Kreditkarte, Debitkarte und digitalen Geldbörsen.
- SSL-Zertifikat: Betrachten Sie ein SSL-Zertifikat (Secure Sockets Layer) als ein digitales Schloss. Es sichert die Verbindung zwischen dem Browser Ihres Besuchers und Ihrem Server, sodass sensible Informationen wie Kreditkartennummern sicher bleiben.
- PCI-Konformität: Dies ist ein Satz von Sicherheitsregeln für die Handhabung von Kreditkarteninformationen. Es klingt technisch, aber die gute Nachricht ist, dass moderne Zahlungsabwickler wie Stripe die komplexen Teile für Sie erledigen. Sie verarbeiten Zahlungen auf ihren sicheren Servern, was Ihre Compliance-Anforderungen vereinfacht und Kundendaten schützt.
- Ein sicherer Hosting-Anbieter: Wählen Sie ein vertrauenswürdiges WordPress-Hosting-Unternehmen, das integrierte Sicherheitsfunktionen und SSL-Unterstützung bietet, wie z. B. Bluehost oder SiteGround. Zuverlässiges Hosting hält Ihr Zahlungssystem schnell und sicher.
Die meisten modernen Page Builder mit Zahlungsintegrationen, wie SeedProd, kümmern sich um die technischen Details. Dadurch dauert die Einrichtung nur wenige Minuten.
Schritte zur Erstellung einer Landingpage mit Zahlungs-Gateway
Für dieses Tutorial zeige ich Ihnen, wie Sie mit SeedProd eine Landingpage mit Zahlungs-Gateway in WordPress erstellen. Es ist ein leistungsstarker WordPress Page Builder und Website Builder, der für die Erstellung benutzerdefinierter Layouts ohne Code entwickelt wurde. Ich verwende SeedProd für dieses Tutorial, da seine direkte Stripe-Integration den Prozess unglaublich einfach macht.
SeedProd macht es einfach, Ihr Seitendesign zu erstellen, einen Zahlungsbutton hinzuzufügen und Ihre Landingpage in wenigen Minuten zu veröffentlichen. Sie folgen einigen einfachen Schritten: SeedProd installieren, eine Vorlage auswählen, den Zahlungsbutton-Block einfügen, ihn mit Ihrem Stripe-Konto verbinden und live gehen.
Lassen Sie uns Schritt für Schritt durch die Einrichtung gehen.
Schritt 1. Installieren und aktivieren Sie den SeedProd Landingpage-Builder
Navigieren Sie zuerst zur SeedProd Preisübersicht, um Ihre Kopie des Plugins zu erhalten. Hinweis: Sie benötigen den SeedProd Pro- oder Elite-Plan, um auf den Zahlungsbutton-Block zuzugreifen, der in diesem Tutorial verwendet wird.
Nachdem Sie die Plugin-Datei heruntergeladen haben, laden Sie sie in Ihr WordPress-Dashboard hoch. Wenn Sie Hilfe bei diesem Teil benötigen, können Sie dieser Anleitung folgen: So installieren Sie ein WordPress-Plugin.
Sobald das Plugin aktiv ist, navigieren Sie zur Seite SeedProd » Einstellungen und fügen Sie Ihren Lizenzschlüssel ein, um die Einrichtung abzuschließen.
Klicken Sie dann auf die Schaltfläche Schlüssel überprüfen, um den Vorgang abzuschließen.
Schritt 2. Wählen Sie eine Landingpage-Vorlage
Nachdem das Plugin aktiviert ist, wählen Sie als Nächstes eine Vorlage aus. Gehen Sie dazu zu SeedProd » Landing Pages und klicken Sie auf die Schaltfläche Neue Landingpage hinzufügen.
Dies öffnet eine Bibliothek professionell gestalteter Landingpage-Vorlagen.
Um ein passendes Design zu finden, klicke ich auf den Filter „Sales“ und wähle die Vorlage „eBook Sales Page“ aus.
Nachdem Sie das gewünschte Design gefunden haben, fahren Sie mit der Maus darüber und klicken Sie auf das Häkchen-Symbol.
Ein Popup erscheint, in dem Sie aufgefordert werden, einen Seitennamen und eine URL einzugeben. Nachdem Sie diese ausgefüllt haben, klicken Sie auf die Schaltfläche Speichern und Seite bearbeiten , um den Builder zu starten.
Schritt 3. Fügen Sie einen Stripe-Zahlungs-Gateway-Button hinzu
Sobald die Vorlage geladen ist, sehen Sie den visuellen Page Builder von SeedProd.
Das Layout ist intuitiv, mit Inhaltsblöcken auf der linken Seite und einer Live-Vorschau meiner Seite auf der rechten Seite. Das Anpassen von allem war so einfach wie das Anklicken. Zum Beispiel habe ich die Hauptüberschrift angeklickt und einfach meinen neuen Text direkt in die Vorschau eingegeben.
Suchen Sie mit geladenem Template im linken Bereich nach dem Zahlungsbutton-Block und ziehen Sie ihn direkt auf Ihre Seite. Dieser Block ist ideal für den Verkauf einzelner Artikel, wie z. B. eines eBooks oder eines Webinar-Tickets, anstatt eines ganzen Warenkorbs mit Produkten.
Nachdem Sie den Block platziert haben, werden seine Einstellungen links geöffnet. Klicken Sie auf die Schaltfläche Mit Stripe verbinden. Dies führt Sie zur Stripe-Website, wo Sie Ihr bestehendes Konto verknüpfen oder ein neues erstellen können. Sie werden direkt zurück zum Editor geleitet, sobald Sie fertig sind.
Nachdem Stripe verbunden ist, können Sie die Zahlungsdetails konfigurieren. Legen Sie den Zahlungsbetrag, die Währung und eine kurze Beschreibung fest.
Apropos Weiterleitungen: Sie müssen dem Button mitteilen, wohin er die Leute nach dem Kauf senden soll. Fügen Sie den Link zu Ihrer Dankesseite in das Feld Erfolgs-URL ein.
Nachdem Sie die Zahlungseinstellungen richtig vorgenommen haben, passen Sie das Seitendesign weiter an, bis Sie damit zufrieden sind. Am wichtigsten ist, dass Sie nicht vergessen, oben rechts auf die Schaltfläche Speichern zu klicken, um Ihre Änderungen zu speichern.
Schritt 4. Konfigurieren Sie Ihre Einstellungen
Klicken Sie vor der Veröffentlichung auf die Registerkarte Seiteneinstellungen oben auf dem Bildschirm, um einige Details zu finalisieren. Bestätigen Sie unter den Allgemeinen Einstellungen, dass Ihr Seitenname und Ihre URL korrekt sind.
Klicken Sie dann auf die Registerkarte SEO. Da ich All in One SEO installiert habe, konnte ich meinen SEO-Titel und meine Meta-Beschreibung direkt im Builder konfigurieren.
Sie können auch die Registerkarte Verbinden überprüfen, um Optionen zum Verknüpfen eines E-Mail-Marketingdienstes anzuzeigen, was eine großartige Funktion für Follow-up-Kampagnen ist.
Schritt 5. Veröffentlichen Sie Ihre Zahlungs-Gateway-Landingpage
Wenn Sie bereit sind, Ihre Seite live zu schalten, klicken Sie auf die Schaltfläche Speichern und wählen Sie die Option Veröffentlichen.
Besuchen Sie dann Ihre Live-Seite, um sie zu testen. Wenn Besucher nun auf den Zahlungsbutton klicken, können sie mit Stripe auschecken.
Alternative: Fügen Sie einen Stripe-Button mit WP Simple Pay hinzu
Wenn Sie bereits ein Landingpage-Design haben und nur eine Zahlungsfunktion hinzufügen müssen, dann ist WP Simple Pay eine ausgezeichnete, schlanke Lösung. Es ist ein dediziertes Stripe-Zahlungs-Plugin, mit dem Sie einen „Jetzt kaufen“-Button zu jedem Beitrag oder jeder Seite hinzufügen können, ohne eine komplizierte Einrichtung.
Der Prozess ist sehr schnell. Nach der Installation des Plugins führt Sie ein Einrichtungsassistent durch die Verbindung Ihres Stripe-Kontos.
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 den Button mit dem bereitgestellten WP Simple Pay-Block oder einem Shortcode zu Ihrer Landingpage hinzufügen.
FAQs zu Landingpages mit Zahlungs-Gateways
Bonus-Leitfäden für E-Commerce-Websites
Nachdem Sie nun wissen, wie Sie einfache Zahlungen auf einer Landingpage akzeptieren können, ist der nächste logische Schritt vielleicht der Aufbau eines vollständigen Online-Shops. Diese Anleitungen helfen Ihnen dabei:
- So fügen Sie eine benutzerdefinierte In den Warenkorb-Schaltfläche in WooCommerce ein
- So zeigen Sie Produktkategorien und -tags in WooCommerce an
- So passen Sie Ihre WooCommerce-Shop-Seite ganz einfach an
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
