Da wir mehrere Online-Geschäfte betreiben, haben wir aus erster Hand erfahren, wie Zahlungsmethoden über einen Verkauf entscheiden können. Als wir anfingen, Zahlungen auf unseren WordPress Websites zu akzeptieren, waren die Optionen begrenzt, insbesondere für persönliche Transaktionen.
Aber mit Lösungen wie den QR-Codes von Stripe können Sie jetzt Zahlungen vor Ort so reibungslos wie nie zuvor abwickeln.
Wenn Sie ein Unternehmen betreiben, das sowohl Online- als auch persönliche Zahlungen akzeptieren muss, werden Sie begeistert sein, wie einfach Stripe QR-Codes den gesamten Prozess machen.
In dieser Anleitung zeigen wir Ihnen genau, wie Sie Stripe QR-Code-Zahlungen zu Ihrer WordPress Website hinzufügen können. Wir haben alles in einfache Schritte unterteilt, die jeder nachvollziehen kann, auch wenn Sie technisch nicht versiert sind.
Nachdem wir Hunderten von Geschäftsinhabern bei der Einrichtung ihrer Zahlungssysteme geholfen haben, wissen wir, was funktioniert und was nicht – und wir freuen uns, diese bewährten Methoden mit Ihnen zu teilen.

Warum Stripe QR Code Zahlung in WordPress hinzufügen?
Stripe ist ein beliebtes Zahlungs-Gateway, mit dem Sie Online-Zahlungen auf Ihrer WordPress Website oder in Ihrem eCommerce-Shop akzeptieren können. Es macht es für Kunden sehr einfach, mit ihren Kreditkarten zu bezahlen.
Das Beste daran ist, dass die Kunden kein langwieriges Anmeldeverfahren durchlaufen müssen. Sie können einfach ihre Kreditkarte auf der Website eingeben, um einen Kauf zu tätigen.
Das Hinzufügen von Stripe QR-Code-Zahlungen zu Ihrer Website gibt Kunden die Flexibilität, einen Kauf schnell abzuschließen. Kunden können den Code einfach scannen, um den Zahlungslink zu öffnen.
Das macht die Kaufabwicklung sehr einfach und schnell. Es hilft den Leuten, ein Produkt oder eine Dienstleistung in Ihrem Online-Shop einfach zu kaufen. Infolgedessen werden Sie einen Anstieg der Konversionen und weniger Abbrüche im Warenkorb feststellen.
Sehen wir uns also an, wie Sie Ihrer WordPress-Website einen Stripe-QR-Code als Zahlungsmittel hinzufügen können.
Erstellen eines Stripe-Zahlungsformulars in WordPress
Zunächst müssen Sie ein Stripe-Zahlungsformular auf Ihrer Website hinzufügen, um Online-Zahlungen von Kunden zu akzeptieren.
Der beste Weg, das zu tun, ist die Verwendung von WPForms. Es ist das beste Kontaktformular-Plugin für WordPress, das super einfach zu bedienen ist und sich leicht mit Stripe integrieren lässt. Es gibt viele Formularvorlagen, aus denen Sie wählen können, und Sie können sie mit dem Drag-and-Drop-Builder anpassen.
Wir haben es bei WPBeginner verwendet, um Kontaktformulare und jährliche Befragungen zu erstellen und haben festgestellt, dass es super einsteigerfreundlich ist. Um mehr zu erfahren, lesen Sie unsere vollständige WPForms Rezension.
Um zu beginnen, müssen Sie das WPForms-Plugin herunterladen und installieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.
📌 Hinweis: Für dieses Tutorial benötigen Sie die WPForms Pro Lizenz, da sie das Stripe Add-on enthält. Es gibt auch eine WPForms Lite-Version, die Sie kostenlos nutzen können. Es ermöglicht Ihnen, Stripe-Zahlungen zu akzeptieren, aber es gibt eine 3% Transaktionsgebühr für Zahlungen über Ihre Formen gemacht.
Nach der Aktivierung können Sie in Ihrem WordPress-Dashboard auf WPForms ” Einstellungen gehen und den Lizenzschlüssel eingeben. Sie finden den Schlüssel in Ihrem Kontobereich auf der WPForms-Website.

Geben Sie einfach den Schlüssel ein und klicken Sie auf die Schaltfläche “Schlüssel überprüfen”.
Sobald das erledigt ist, müssen Sie auf die Seite WPForms ” Addons gehen und das Stripe-Addon installieren.

Klicken Sie auf die Schaltfläche “Addon installieren”, und WPForms wird es automatisch installieren und aktivieren.
Von hier aus können Sie im WordPress-Administrationsbereich zu WPForms ” Einstellungen gehen und die Registerkarte “Zahlungen” auswählen.
Dann klicken Sie einfach auf die Schaltfläche “Connect with Stripe” und folgen Sie den Anweisungen auf dem Bildschirm, um Ihr Konto mit WPForms zu verbinden.

Sobald Stripe verbunden ist, können Sie zu WPForms ” Add New gehen, um ein neues Formular zu erstellen.
WPForms bietet eine Vielzahl von Formularvorlagen, aus denen Sie wählen können. Sie können ein einfaches Kontaktformular, ein Bestellformular oder ein Stripe-Zahlungsformular auswählen und es anpassen.

Für dieses Tutorial werden wir die Vorlage “Stripe Payment Form” verwenden.
Als Nächstes können Sie Ihr Formular mithilfe des Drag-and-Drop-Formularerstellers anpassen. Standardmäßig sehen Sie verschiedene Formularfelder in der Vorlage.
Mit WPForms können Sie jedoch weitere Formularfelder in die Vorlage einfügen, wie z. B. ein Dropdown-Feld, Kontrollkästchen, E-Mail, Telefon, Adresse, Website und mehr.

Sie können auch auf ein beliebiges Formularfeld in der Vorlage klicken, um es weiter anzupassen.
Wir haben zum Beispiel den Text für jeden Artikel in Ihrem Demo-Formular geändert und die Option aktiviert, Preise nach der Artikelbeschriftung anzuzeigen.

Sobald Sie mit der Bearbeitung des Formulars fertig sind, wechseln Sie einfach zur Registerkarte “Zahlungen” und wählen Sie “Stripe” aus dem Menü auf der linken Seite.
Stellen Sie hier sicher, dass die Option “Stripe-Zahlungen aktivieren” aktiviert ist.

Als Nächstes können Sie zur Registerkarte “Einstellungen” wechseln. Hier finden Sie Optionen zum Ändern der Benachrichtigungs- und Bestätigungseinstellungen.
Sie können zum Beispiel auswählen, welche Aktion stattfinden soll, sobald ein Benutzer ein Formular abschickt. Mit WPForms können Sie eine Nachricht oder eine Seite anzeigen oder den Benutzer sogar zu einer URL weiterleiten.

Sie sind nun bereit, Ihr Stripe-Zahlungsformular auf Ihrer Website anzuzeigen.
Klicken Sie einfach auf den Button “Speichern”, um Ihre Änderungen zu speichern, und klicken Sie dann auf den Button “Einbetten” am oberen Rand.

Als nächstes zeigt WPForms ein Popup an, in dem Sie eine bestehende Seite auswählen oder eine neue Seite erstellen können, um Ihr Formular einzubetten.
Für diesen Lehrgang wählen wir die Option “Vorhandene Seite auswählen”.

Als nächstes müssen Sie einen Namen für Ihre neue Seite eingeben.
Danach klicken Sie einfach auf die Schaltfläche “Los geht’s”.

Danach sehen Sie eine Vorschau Ihres Stripe-Zahlungsformulars im WordPress-Inhaltseditor.
Sie können die Seite veröffentlichen und die Website besuchen, um sie in Aktion zu sehen.

Kopieren Sie nun den Link zu Ihrer Seite mit dem Zahlungsformular, da Sie ihn für die Erstellung eines QR-Codes benötigen.
Alternative Methode: Sie können auch ein Stripe-Zahlungsformular mit WP Simple Pay erstellen. Es ist das beste Stripe-Zahlungs-Plugin für WordPress, das Ihnen hilft, Online-Zahlungen zu sammeln, ohne einen Warenkorb einzurichten.
WP Simple Pay ist eine unkompliziertere Option als WPForms. Es ist perfekt, wenn Sie nur ein einfaches Formular für die Annahme von Kreditkartenzahlungen erstellen möchten.
Wenn Sie jedoch auf der Suche nach mehr Anpassungsmöglichkeiten und Formularvorlagen sind, empfehlen wir Ihnen WPForms.
Weitere Einzelheiten finden Sie in unserer ausführlichen Anleitung zur Annahme von Zahlungen mit Stripe in WordPress.
QR-Code für Stripe-Zahlungen in WordPress hinzufügen
Jetzt, wo Ihr Stripe-Zahlungsformular fertig ist, können Sie einen QR-Code dafür erstellen und ihn überall auf Ihrer Website anzeigen.
Es gibt 2 Möglichkeiten, wie Sie einen QR-Code auf Ihrer Website einfügen können. Sie können die Funktion des Google Chrome Browsers nutzen oder ein WordPress QR-Code Plugin verwenden.
1. QR-Codes mit Google Chrome erstellen
Wenn Sie den Google Chrome-Browser verwenden, können Sie ihn nutzen, um eine Webseite über einen QR-Code zu teilen.
Zunächst müssen Sie die Seite mit dem Stripe-Zahlungsformular in einem neuen Tab oder Fenster öffnen.
Als Nächstes können Sie auf das Teilen-Symbol in der oberen rechten Ecke der Adressleiste der Website klicken. Wählen Sie von hier aus einfach die Option “QR-Code erstellen”.

Danach generiert Google Chrome einen QR-Code für Ihre Stripe-Zahlungsformularseite.
Sie können den QR-Code auch als Bild herunterladen.

Als Nächstes platzieren Sie das Bild einfach an einer beliebigen Stelle auf Ihrer Website.
Sie können zum Beispiel den QR-Code auf den Produktseiten anzeigen, damit die Kunden ihn schnell scannen und das Formular für den Kauf öffnen können.

2. Erstellen eines Stripe-Zahlungs-QR-Codes mit einem WordPress-Plugin
Sie können Ihrer Website mit einem WordPress Plugin wie Shortcodes Ultimate QR-Codes hinzufügen. Es ist ein kostenloses Plugin, mit dem Sie über 50 verschiedene Arten von Shortcodes erstellen können, darunter auch QR-Codes. Mehr dazu erfahren Sie in unserer ausführlichen Rezension zu Shortcodes Ultimate.
Zunächst müssen Sie das Shortcodes Ultimate Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung sehen Sie den Begrüßungsbildschirm von Shortcode Ultimate.

Als nächstes müssen Sie eine Seite oder einen Beitrag bearbeiten, um Ihren QR-Code hinzuzufügen.
Sobald Sie sich im Inhaltseditor befinden, fügen Sie einfach einen Shortcode-Block hinzu.

Danach sollten Sie eine Option “Shortcode einfügen” sehen.
Sie können einfach auf das Symbol mit der doppelten Klammer klicken, um Ihren QR-Code hinzuzufügen.

Anschließend zeigt das Plugin verschiedene Shortcode-Optionen für Ihre Website an.
Wählen Sie nun die Option “QR-Code”.

Danach werden Optionen zur Eingabe von Details für Ihren QR-Code angezeigt.
In das Feld Daten können Sie die URL Ihres Stripe-Zahlungsformulars eingeben, das Sie zuvor erstellt haben.
Außerdem gibt es die Möglichkeit, einen Titel für den Code einzugeben, der als Alt-Text fungiert. Sie können auch die Größe Ihres QR-Codes anpassen.

Wenn Sie nach unten scrollen, sehen Sie weitere Optionen zum Anpassen Ihres QR-Codes. Sie können zum Beispiel die Grundfarbe, die Hintergrundfarbe und mehr ändern.
Sobald Sie fertig sind, klicken Sie einfach auf die Schaltfläche “Shortcode einfügen”.

Mit dem Plugin können Sie auch eine Live-Vorschau des Codes auf Ihrem Blogbeitrag oder Ihrer Landing Page sehen.
Veröffentlichen Sie Ihre Seite, um den QR-Code des Stripe-Zahlungsformulars in Aktion zu sehen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu erfahren, wie Sie Stripe QR-Code-Zahlungen in WordPress hinzufügen können. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Annahme wiederkehrender Zahlungen in WordPress und unser Tutorial zur Annahme von Bitcoin-Zahlungen in WordPress.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Ralph
Paying with QR code is more and more popular. I think it is becuase of its ease of use. It’s just faster than old methods and we want to save more and more time.
I have a question – Scaning QR code with phone from laptop screen is easy, but is it also such a easy thing with smartphones themselves? I mean, i scroll website on my phone and see QR code, my phone do not recognize QR code like that, only with photo app. Is it normal or it’s just my phone and having qr code for mobile users is just as good as for desktop users?
WPBeginner Support
It would depend on the phone, if you have not done so already you would want to try taking a screenshot with your phone.
Admin
Ralph
Oh, I did not think of that… Thank you for your suggestion, this should do the trick!