Zahlungsformular-Typen: Eingebettet vs. Overlay vs. Stripe Checkout

Wollten Sie schon immer mehr über die verschiedenen Zahlungsformular-Typen erfahren?

Zahlungsformulare sind eines der wichtigsten Elemente auf Ihrer E-Commerce-Website. Sie sind der letzte Punkt, den Ihre Besucher erreichen, bevor sie zu Kunden werden. Gut gestaltete Zahlungsformulare sorgen für ein reibungsloses Checkout-Erlebnis und erhöhen letztendlich die Konversionsraten, während schlecht gestaltete Zahlungsformulare Besucher verwirren und zu hohen Abbruchraten beim Checkout führen.

Wenn es darum geht, Zahlungsformulare auf Ihrer WordPress-Website anzuzeigen, haben Sie mehrere Möglichkeiten.

• Eingebettete Formulare: Formulare, die direkt auf einer Seite Ihrer Website angezeigt werden.
• Overlay-Modal: Formulare, die als Popup-Overlay auf Ihrer Website angezeigt werden.
• Gehostete Zahlungsseiten: Externe Formulare, die auf einer gehosteten Checkout-Seite angezeigt werden.

In diesem Artikel werden wir die Vor- und Nachteile jedes Formular-Typs erläutern, damit Sie entscheiden können, welcher für Ihre Website am besten geeignet ist.

Optionen zur Anzeige von Zahlungsformularen

Wenn Sie WP Simple Pay, das führende Stripe-Zahlungs-Plugin für WordPress, verwenden, um Zahlungen auf Ihrer Website zu akzeptieren, können Sie Ihren bevorzugten Formular-Typ im Tab Allgemein des Zahlungsformular-Builders auswählen.

Sie können Zahlungsformular auf der Website, Externes Stripe Checkout-Formular auswählen oder das Kontrollkästchen Im Overlay-Modal öffnen aktivieren.

Beachten Sie, dass diese Einstellungen für jedes Formular gelten. Sie können mehrere Zahlungsformulare auf Ihrer Website haben, die unterschiedlich angezeigt werden. WP Simple Pay erleichtert Ihnen die Anpassung des Formular-Typs für einzelne Zahlungsformulare im Formular-Builder.

Eingebettetes Zahlungsformular

Ein eingebettetes Formular ist Teil einer Webseite. Es zeigt alle Felder auf der Seite selbst an. Benutzer müssen nichts anklicken, damit das Formular erscheint, oder dorthin navigieren, da es immer sichtbar ist.

Hier ist ein Beispiel:

Sie können ein Zahlungsformular überall auf einer Seite einbetten. Sie könnten es neben dem Text Ihrer Seite platzieren, es über einem ansprechenden Bild positionieren oder es in Ihre Seitenleiste einfügen.

Vorteile von eingebetteten Formularen

• Benutzer können sie schnell finden, da sie sich direkt auf der Seite befinden.
• Benutzer müssen keine zusätzlichen Schritte unternehmen, um darauf zuzugreifen.
• Sie können nach Belieben gestaltet oder neu angeordnet werden.
• In WP Simple Pay verwenden sie das Stripe Payment Element, um Echtzeit-Validierung bereitzustellen und Zahlungsdetails sicher zu erfassen.

Nachteile von eingebetteten Formularen

• Sie nehmen Platz auf der Seite ein, den Sie möglicherweise für andere Elemente verwenden möchten.
• Sie werden sofort geladen, was die Ladezeit Ihrer Seite verlangsamen könnte.
• Sie können übersehen werden, wenn auf der Seite viele Dinge passieren.
• Benutzer könnten abgelenkt werden und wegnavigieren, bevor sie das Formular verwenden.

Overlay-Zahlungsformular

Overlay-Zahlungsformulare erscheinen, wenn ein Benutzer auf eine Call-to-Action-Schaltfläche auf einer Seite Ihrer Website klickt, normalerweise mit Text wie „Jetzt kaufen“ oder „Jetzt zur Kasse gehen“.

Sobald das Formular aktiv ist, ist alles andere auf der Seite unzugänglich, es sei denn, sie schließen das Formular.

Beachten Sie, wie der Rest der Seite abgedunkelt wird, damit Sie sich auf das Zahlungsformular konzentrieren können.

Vorteile von Overlay-Formularen

• Sie sind unmöglich zu übersehen, da sie front- und mittig erscheinen. Der Rest der Seite wird dunkel, um anzuzeigen, dass er nicht verfügbar ist.
• Sie können nach Belieben gestaltet oder neu angeordnet werden.
• In WP Simple Pay verwenden sie das Stripe Payment Element, um Echtzeitvalidierung bereitzustellen und Zahlungsdetails sicher zu erfassen.

Nachteile von Overlay-Formularen

• Manche Benutzer mögen einfach keine Popups irgendeiner Art und schließen sie sofort.
• Benutzer müssen auf eine Schaltfläche klicken, damit das Overlay erscheint.
• Benutzer bemerken die Zahlungsschaltfläche möglicherweise nicht, wenn sie nicht offensichtlich genug gemacht wird.
• Sie schaffen einen zusätzlichen Schritt, bei dem Benutzer den Checkout-Prozess abbrechen könnten.

Stripe Checkout Zahlungsformular

Stripe Checkout ist eine Seite, die vom Stripe Checkout-Dienst gehostet wird. Benutzer werden zu einer neuen Seite auf der Domain von Stripe weitergeleitet. Ihre Bestellinformationen werden links angezeigt. Ein typisches Zahlungsformular erscheint auf der rechten Seite.

Sie können hier eine Live-Demo sehen. Die Stripe Checkout-Seite kann nicht weiter angepasst werden, als auf dieser Seite gezeigt, da sie von Stripe gesteuert wird. Wenn Sie ein höheres Maß an Anpassung benötigen, müssen Sie sich für ein eingebettetes oder ein Overlay-Formular entscheiden.

Um dieses Formular anzupassen, können Sie dies einfach tun, indem Sie im WP Simple Pay zum Tab Stripe Checkout navigieren. Hier können Sie alle verfügbaren Optionen für von Stripe gehostete Checkout-Seiten konfigurieren.

Wenn Sie die Farbe des Stripe Checkout-Hintergrunds und der Zahlungsschaltfläche ändern möchten, müssen Sie die Farbe im Abschnitt Branding Ihres Stripe Dashboards ändern. Sie können diese Seite einfach direkt über den Tab Stripe Checkout aufrufen, indem Sie auf den Link Branding-Einstellungen klicken.

Möchten Sie benutzerdefinierte Felder zu Ihrem Stripe Checkout-Zahlungsformular hinzufügen? Sehen Sie sich unsere Schritt-für-Schritt-Anleitung an.

Vorteile von Stripe Checkout

• Viele Menschen vertrauen Stripe, was die Konversionen verbessert, wenn sie das Stripe-Logo sehen.
• Stripes Seite ist sauber und einfach. Nichts lenkt die Benutzer vom Kauf ab.
• Benutzer werden nach Abschluss ihres Kaufs zurück zu Ihrer Website weitergeleitet.
• Apple Pay und Google Pay sind standardmäßig aktiviert, sodass Benutzer mit ihrer bevorzugten Zahlungsmethode bezahlen können.

Nachteile von Stripe Checkout

• Benutzer werden zu einer neuen Seite weitergeleitet, was verwirrend sein kann.
• Benutzer bemerken die Zahlungsschaltfläche möglicherweise nicht, wenn sie nicht offensichtlich gemacht wird.

Welcher Zahlungsformular-Typ ist der richtige für Sie?

Nachdem Sie nun die drei verschiedenen Optionen für die Anzeige von Zahlungsformularen verstehen, müssen Sie entscheiden, welche für Ihre Website die richtige ist.

Funktional gibt es keinen Unterschied zwischen dem eingebetteten Formular und dem Overlay-Formular. Das Overlay-Formular wird einfach in ein Element eingebettet, das nur erscheint, wenn der Benutzer auf eine Schaltfläche klickt. Gleiches Formular, anderer Ort.

Stripe Checkout funktioniert etwas anders, da es auf einer anderen Seite erscheint. Aber letztendlich tun sie alle dasselbe: Gelder vom Kunden entgegennehmen und auf Ihr Konto einzahlen.

Wenn Sie sich also für eine Option zur Anzeige von Zahlungsformularen entscheiden, müssen Sie zwei Faktoren berücksichtigen:

1. Das Design Ihrer Website

Welcher Formular-Typ passt am besten auf Ihre Website? Haben Sie Platz, um ein Formular auf einer Ihrer Landingpages einzubetten, oder würde das die Seite überladen? Wenn Sie eine bestehende Landingpage ohne Platz für ein Zahlungsformular haben, ist das Hinzufügen eines Overlays normalerweise sauberer.

Denken Sie daran, dass Sie Ihr Zahlungsformular an jeder Stelle Ihrer Website hinzufügen können, nicht nur im Inhaltsbereich einer Seite oder eines Beitrags. Sie können es auch in Ihre Fußzeile, Seitenleiste oder Kopfzeile einfügen.

Viele gemeinnützige Organisationen und Wohltätigkeitsorganisationen fügen beispielsweise einen Spenden-Button in ihre Kopfzeile ein, damit Besucher von jeder Seite aus spenden können.

2. Conversion-Optimierung

Überlegen Sie als Nächstes, welcher Formular-Typ die meisten Conversions fördert. Fragen Sie sich, mit welchem Formular-Typ Ihre Kunden am wahrscheinlichsten interagieren. Möglicherweise müssen Sie einige Kundenrecherchen durchführen.

Ehrlich gesagt, der beste Weg, um festzustellen, welcher Formular-Typ die Conversions maximiert, ist, sie gegeneinander zu testen. Sie können ein A/B-Testing-Plugin installieren, um einer Hälfte Ihres Traffics eine Version Ihrer Landingpage und der anderen Hälfte eine zweite Version anzuzeigen. Jede Seite sollte eine andere Anzeigeart für das Zahlungsformular haben. Wenn Sie viel Traffic haben, können Sie alle drei Versionen gleichzeitig testen. Überprüfen Sie dann die Ergebnisse nach 30-60 Tagen.

Abschließende Gedanken

Nachdem Sie nun die drei verschiedenen Arten von Zahlungsformularen kennen, die Sie auf Ihrer Website verwenden können, wählen Sie diejenige aus, die für Ihr Unternehmen und Ihre Kunden richtig ist.

Denken Sie sorgfältig über diese Entscheidung nach. Es mag nur ein Formular sein, aber es stellt einen wichtigen Punkt in Ihrer Beziehung zu Ihren Kunden dar.

Wenn Ihnen dieser Artikel gefallen hat, möchten Sie vielleicht auch unsere Anleitungen zum Optimieren Ihrer Produktseiten zur Umsatzsteigerung und zum Erstellen perfekter Zahlungsformulare in WordPress lesen.

Worauf warten Sie noch? Starten Sie noch heute mit WP Simple Pay!

Um weitere Artikel wie diesen zu lesen, folgen Sie uns auf X.