Technologische Neuigkeiten, Bewertungen und Tipps!

So erstellen Sie eine Landing Page mit Payment Gateway (2 Möglichkeiten)

Hinweis: Der folgende Artikel hilft Ihnen weiter: So erstellen Sie eine Landing Page mit Payment Gateway (2 Möglichkeiten)

Möchten Sie eine Landingpage mit Zahlungsgateway-Funktionalität erstellen?

Mit Gateways zur Zahlungsabwicklung können Sie Online-Zahlungen für physische und digitale Produkte entgegennehmen. Sie werden normalerweise auf E-Commerce-Websites verwendet, Sie können jedoch auch eine Zahlungsgateway-Landingpage erstellen, um Zahlungen ohne Online-Shop einzuziehen.

In diesem Artikel erklären wir Ihnen Schritt für Schritt, wie Sie eine Landingpage mit einem Zahlungsgateway erstellen.

Warum benötigt Ihre Landing Page ein Zahlungsgateway?

Landingpages sind eine effektive Möglichkeit, Website-Besucher in Leads und Verkäufe umzuwandeln. Da sie weniger Ablenkungen bieten als Ihre Homepage und andere Seiten Ihrer Website, ist die Wahrscheinlichkeit höher, dass Benutzer Ihrer E-Mail-Liste beitreten oder Ihre Produkte oder Dienstleistungen kaufen.

Um jedoch sichere Zahlungen auf Ihrer Landingpage zu akzeptieren, benötigen Sie einen Zahlungsabwickler wie Stripe oder PayPal. Zahlungsdienste wie dieser ermöglichen es Käufern, per Direktüberweisung, Kreditkarte und anderen Online-Zahlungsoptionen zu bezahlen.

Durch die Verbindung Ihrer Landingpage mit einem Zahlungsgateway können Sie auch Produkte und Dienstleistungen verkaufen, ohne eine komplette E-Commerce-Website erstellen zu müssen. Sie können Produktlisten in Ihrem Landingpage-Design erstellen und Kunden ermöglichen, von derselben Seite aus zur Kasse zu gehen.

Dies ist eine große Geldersparnis für Start-ups und kleine Unternehmen, die nicht über das nötige Budget für eine größere Website verfügen.

Wie erstellt man also eine Landingpage mit Zahlungsgateway-Integration? Befolgen Sie die beiden folgenden Methoden, um zu erfahren, wie es geht.

Erstellen einer Landing Page mit Payment Gateway mit SeedProd

Zunächst zeigen wir Ihnen, wie Sie eine Landingpage erstellen und die Zahlungsintegration mit SeedProd hinzufügen.

SeedProd ist der beste Website- und Landingpage-Builder für WordPress. Damit können Sie jeden Teil Ihres Webdesigns erstellen, ohne Code schreiben zu müssen.

Mit SeedProd können Sie Folgendes erstellen:

  • Verkaufszielseiten mit hoher Conversion-Rate
  • Komplette WordPress-Website-Designs
  • Vervollständigen Sie WooCommerce-Websites mit Checkout-Seiten, Produktseiten und mehr.
  • Benutzerdefinierte Kopf- und Fußzeilen, Seitenleisten und Seitenvorlagen

Mit den anpassbaren Vorlagen, WordPress-Blöcken und Abschnitten ist das Hinzufügen von Funktionen zu Ihrer Website ganz einfach.

Sie können beispielsweise Follow- und Share-Buttons für soziale Medien einbetten, um die Markenbekanntheit zu steigern und mehr Follower zu gewinnen. Oder Sie können Lead-generierende Elemente wie Opt-in-Formulare, Countdown-Timer und Call-to-Action-Buttons verwenden, um Ihre Liste zu erweitern und den Umsatz zu steigern.

Eines der Elemente, die wir in dieser Methode verwenden, ist der Payment Button-Block von SeedProd. Damit können Sie Zahlungen von Landingpage-Besuchern über Stripe entgegennehmen. Die Einrichtung ist schnell und einfach und erfordert keinerlei Programmieraufwand.

Befolgen Sie daher die folgenden Schritte, um eine Landingpage mit dem Stripe-Zahlungsgateway zu erstellen.

Schritt 1. Installieren und aktivieren Sie SeedProd

Der erste Schritt besteht darin, zur SeedProd-Preisseite zu gehen und einen Plan auszuwählen. Für diesen Leitfaden verwenden wir SeedProd Pro wegen seiner erweiterten Funktionen, Sie können den Stripe-Zahlungsbutton jedoch in jedem Plan verwenden, einschließlich der unbegrenzten kostenlosen Testversion von SeedProd.

Nachdem Sie einen Plan ausgewählt haben, melden Sie sich bei Ihrem SeedProd-Konto an und laden Sie die Plugin-Datei herunter. Sie können Ihren Lizenzschlüssel auch auf derselben Seite kopieren, wenn Sie die Premium-Version verwenden.

Gehen Sie nun auf Ihre WordPress-Website und laden Sie das SeedProd-Plugin hoch. Wenn Sie Hilfe benötigen, befolgen Sie diese Anleitung Installieren und Aktivieren eines WordPress-Plugins.

Sobald Sie das getan haben, navigieren Sie zu SeedProd » Einstellungen Seite und fügen Sie Ihren Lizenzschlüssel ein.

Fahren Sie nun fort und klicken Sie auf Schlüssel überprüfen Klicken Sie auf die Schaltfläche, um Ihre Lizenzeinstellungen zu speichern.

Schritt 2. Wählen Sie eine Landingpage-Vorlage

Der nächste Schritt besteht darin, ein Vorlagendesign für Ihre Landingpage auszuwählen. Gehen Sie dazu zu SeedProd ” Startseiten und klicken Sie auf Neue Landingpage hinzufügen Taste.

Auf dem folgenden Bildschirm sehen Sie eine Bibliothek professionell gestalteter Landingpage-Vorlagen.

Sie können oben auf einen der Filter klicken, um Ihre Suche einzugrenzen. Wenn Sie beispielsweise auf den Filter „Verkäufe“ klicken, werden nur die Verkaufsseitenvorlagen angezeigt.

Wenn Sie ein Design gefunden haben, das Ihnen gefällt, klicken Sie auf das Häkchensymbol.

Anschließend wird ein Popup geöffnet, in dem Sie aufgefordert werden, Ihren Seitennamen und Ihre URL einzugeben. Machen Sie sich keine Sorgen, wenn Ihnen kein guter Name einfällt. Wir zeigen Ihnen später, wie Sie es bearbeiten können.

Fahren Sie nun fort und klicken Sie auf Speichern Sie und beginnen Sie mit der Bearbeitung der Seite Taste.

Schritt 3. Fügen Sie den Zahlungsschaltflächenblock hinzu

Auf dem nächsten Bildschirm sehen Sie ein Layout, das dem folgenden Beispiel ähnelt:

Auf der linken Seite befinden sich WordPress-Blöcke und -Abschnitte, die Sie zu Ihrem Landingpage-Design hinzufügen können. Auf der rechten Seite befindet sich dann eine Live-Vorschau, in der Sie eine Vorschau der von Ihnen vorgenommenen Änderungen in Echtzeit anzeigen können.

Sie können jeden Teil Ihrer Zielseite anpassen, indem Sie irgendwo in der Live-Vorschau klicken. Wenn Sie beispielsweise auf die Überschrift klicken, können Sie direkt in das Design tippen, um den Inhalt zu ändern.

Auf der linken Seite wird außerdem ein Einstellungsfeld geöffnet, in dem Sie auf erweiterte Einstellungen zum Anpassen Ihrer Schriftarten, Farben, Abstände, HTML und mehr zugreifen können.

Wie Sie in diesem Beispiel sehen können, können Sie auch Abschnitte bearbeiten, um das Hintergrundbild einfach zu ändern. Klicken Sie einfach auf ein Element und passen Sie es so an, dass es genau Ihren Wünschen entspricht.

Das Hinzufügen eines Zahlungsgateways zu Ihrer Landingpage ist genauso einfach. Suchen Sie einfach nach dem Zahlungstaste Block und ziehen Sie es auf Ihre Seite.

Danach öffnen sich die Blockeinstellungen, in denen Sie auf klicken können Verbinden Sie sich mit Stripe Klicken Sie auf die Schaltfläche, um Ihr Stripe-Konto zu verknüpfen.

Sie gelangen automatisch zum Stripe-Anmeldebildschirm, wo Sie Ihren Bestätigungscode eingeben können. Sobald die Verbindung hergestellt ist, kehren Sie jedoch direkt zum Design Ihrer Landingpage zurück.

Sobald Sie die Stripe-Verbindung autorisiert haben, können Sie die Einstellungen der Zahlungsschaltfläche anpassen.

Sie können beispielsweise die folgenden Einstellungen bearbeiten:

  • Zahlungsbetrag
  • Zahlungs-Beschreibung
  • Währung
  • Erfolgs-URL

Die Erfolgs-URL ist die Seite, auf die Sie Käufer weiterleiten möchten, nachdem sie ihren Kauf abgeschlossen haben. Sie können beispielsweise mit SeedProd eine Dankesseite erstellen und Kunden auf diese Seite weiterleiten, wenn sie erfolgreich zur Kasse gehen.

Neben den oben genannten Einstellungen können Sie den Schaltflächentext, den Untertext, die Ausrichtung für Mobilgeräte und Desktops sowie die Schaltflächengröße anpassen und sogar Font Awesome-Symbole hinzufügen.

Benötigen Sie weitere Anpassungsoptionen? Klicken Sie einfach auf Fortschrittlich Auf der Registerkarte finden Sie Schaltflächenstil, Farbe, Schriftart, Abstand, Randeinstellungen und mehr.

Nachdem Sie Ihr Zahlungsgateway eingerichtet haben, können Sie Ihre Zielseite weiter anpassen, bis Sie mit dem Design zufrieden sind.

Denken Sie daran, die Taste zu drücken Speichern Klicken Sie oben rechts auf die Schaltfläche, um Ihre Änderungen zu speichern.

Schritt 4. Konfigurieren Sie Ihre Einstellungen

Wir haben bereits erwähnt, dass Sie Ihre Zielseiteneinstellungen ändern können, bevor Sie Ihre Seite veröffentlichen. Klicken Sie dazu auf Seiteneinstellungen Klicken Sie oben auf dem Seitenerstellungsbildschirm auf die Schaltfläche.

Im Allgemein In den Einstellungen können Sie den Namen und die URL Ihrer Zielseite bearbeiten, Ihre Seite veröffentlichen und Ihren SeedProd-Partnerlink anzeigen.

Wenn Sie ein WordPress-SEO-Plugin wie All in One SEO installiert haben, können Sie auf klicken SEO Klicken Sie auf die Registerkarte, um Ihre Einstellungen zur Suchmaschinenoptimierung einzugeben.

Zu den weiteren Einstellungen, auf die Sie zugreifen können, gehören:

  • Verfolgen Sie die Leistung Ihrer Zielseite mit MonsterInsights, einem leistungsstarken Google Analytics-Plugin für WordPress.
  • Fügen Sie benutzerdefinierte Skripte zur Kopf-, Text- und Fußzeile Ihrer Webseite hinzu, um sie zu verfolgen und neu auszurichten.
  • Geben Sie Ihrer Zielseite einen benutzerdefinierten Domainnamen, der von Ihrer Website getrennt ist (nur Elite-Pläne).

Sie können auch auf klicken Verbinden Klicken Sie oben auf der Seite auf die Registerkarte, um Ihre Zielseite mit Ihrem E-Mail-Marketingdienst, Google Analytics, Spam-Schutz und Zapier zu verknüpfen.

Schritt 5. Veröffentlichen Sie Ihre Landingpage

Wenn Sie bereit sind, Ihre Zielseite live zu schalten, klicken Sie auf Speichern Klicken Sie auf die Schaltfläche und wählen Sie die aus Veröffentlichen Möglichkeit.

Wenn Besucher jetzt auf Ihre Zahlungsschaltfläche klicken, können sie mit Stripe bezahlen.

Hinzufügen eines Zahlungsgateways zu Landing Pages mit WP Simple Pay

Eine andere Möglichkeit, eine Landingpage mit einem Zahlungsgateway zu erstellen, ist die Verwendung eines WordPress-Zahlungs-Plugins.

WP Simple Pay ist eines der besten und benutzerfreundlichsten WordPress-Zahlungs-Plugins. Damit können Sie Stripe-Zahlungen ohne Code zu jedem Beitrag oder jeder Seite Ihrer WordPress-Site hinzufügen.

Wenn Sie also keine Landingpage mit hoher Conversion-Rate erstellen möchten und eine einfachere Option benötigen, ist WP Simple Pay eine gute Wahl.

Note: um Zahlungen mit WP Simple Pay zu akzeptieren; Sie benötigen ein aktives SSL-Zertifikat. Hier finden Sie eine Anleitung zum Hinzufügen von SSL zu WordPress, falls Sie Hilfe benötigen.

Schritt 1. Installieren und aktivieren Sie WP Simple Pay

Der erste Schritt besteht darin Holen Sie sich Ihr Exemplar von WP Simple Pay von ihrer Website. Fahren Sie dann fort und installieren und aktivieren Sie das Plugin auf Ihrer Website.

Sobald das Plugin aktiv ist, wird automatisch der Setup-Assistent angezeigt, der Ihren gesamten Setup-Prozess automatisiert.

Um den Setup-Assistenten zu starten, klicken Sie auf Lass uns anfangen Taste.

Schritt 2: Schließen Sie den Setup-Assistenten ab

Der Einrichtungsprozess besteht aus 4 Schritten. Zunächst werden Sie aufgefordert, Ihren WP Simple Pay-Lizenzschlüssel einzugeben, den Sie in Ihrem Konto-Dashboard im Abschnitt „Downloads“ finden.

Geben Sie Ihren Lizenzschlüssel ein und klicken Sie dann auf Aktivieren und fortfahren Taste.

Auf dem nächsten Bildschirm müssen Sie sich mit Ihrem Stripe-Konto verbinden, also klicken Sie auf Verbinden Sie sich mit Stripe Taste.

Jetzt müssen Sie sich bei Ihrem Stripe-Konto anmelden und die Verbindung überprüfen.

Sobald Sie dies getan haben, kehren Sie zum Einrichtungsassistenten zurück, wo Sie auswählen können, welche E-Mails Kunden nach Abschluss einer Zahlung erhalten.

Sie können beispielsweise einen Zahlungsbeleg, eine Zahlungsbenachrichtigung, einen Rechnungsbeleg und eine bevorstehende Rechnung senden.

Nachdem Sie Ihre E-Mail-Benachrichtigungen ausgewählt haben, klicken Sie auf Speichern und fortfahren Taste.

Die Einrichtung ist nun abgeschlossen und der nächste Schritt besteht darin, ein Formular zu erstellen, in das Käufer ihre Zahlungsdaten eingeben können. Klicken Sie dazu auf Erstellen Sie ein Zahlungsformular Taste.

Schritt 3. Erstellen Sie ein Zahlungsformular

Auf dem nächsten Bildschirm sehen Sie die verschiedenen Zahlungsformularvorlagen, die mit WP Simple Pay verfügbar sind. Sie können aus verschiedenen Formulartypen wählen, darunter Fundraising, Produkte und Dienstleistungen, Registrierungen, Spenden und mehr.

Für dieses Tutorial wählen wir die Vorlage „Zahlungsschaltfläche“. Bewegen Sie den Mauszeiger über die Vorlage und klicken Sie auf die Schaltfläche „Vorlage verwenden“.

Ihre Einstellungen für die Zahlungsschaltfläche werden nun auf dem nächsten Bildschirm geöffnet. Hier können Sie allgemeine Einstellungen bearbeiten, einschließlich Schaltflächenname, Beschreibung, Typ und Zahlungserfolgsseite.

Auf der Registerkarte „Zahlung“ können Sie den Standardpreis für Ihre Zahlungsschaltfläche einrichten und zwischen einmaligen und wiederkehrenden Zahlungen wählen.

Sie können außerdem aus mehreren Zahlungsmethoden wählen, darunter Kreditkarte, Lastschrift, Alipay, Klarna und Clearpay.

Wenn Sie die Einstellungen Ihrer Zahlungsschaltfläche angepasst haben, klicken Sie auf Veröffentlichen Taste.

Schritt 4. Fügen Sie Ihrer Landingpage eine Zahlungsschaltfläche hinzu

Der nächste Schritt besteht darin, die Zahlungsschaltfläche zu Ihrer Landingpage hinzuzufügen. Sie können es mit dem WP Simple Pay WordPress-Block überall auf Ihrer Seite hinzufügen.

Erstellen oder bearbeiten Sie dazu eine WordPress-Seite, klicken Sie dann im Inhaltseditor auf die Plus-Schaltfläche und wählen Sie den Block WP Simple Pay aus.

Anschließend können Sie Ihren Zahlungsbutton aus dem Dropdown-Menü auswählen.

Nachdem Sie Ihre Zielseite aktualisiert oder veröffentlicht haben, können Sie eine Vorschau Ihrer Zahlungsschaltfläche und Ihres Gateways in Aktion anzeigen.

Das ist es!

Sie wissen jetzt, wie Sie eine Landingpage mit Zahlungsgateway-Funktionalität erstellen.

Wenn Sie daran interessiert sind, einen kompletten E-Commerce-Shop zu erstellen, finden Sie hier einige Tutorials, die Ihnen helfen können:

Danke fürs Lesen. Bitte folgen Sie uns weiter YouTube, TwitterUnd Facebook für weitere hilfreiche Inhalte zum Wachstum Ihres Unternehmens.

Table of Contents