QR-Codes, oder Quick Response Codes, sind eine Art Barcode, den Benutzer mit ihrem Mobiltelefon scannen können. Sie können ein Stripe-Zahlungsformular mit QR-Codes anzeigen, um Kunden den Kauf eines Produkts oder einer Dienstleistung zu erleichtern.
Viele Benutzer von WordPress finden es schwierig, QR-Codes in ihre Websites einzufügen und Online-Zahlungen zu akzeptieren. Um Ihnen zu helfen, haben wir eine Menge verschiedener Plugins getestet und verwendet.
Unserer Erfahrung nach ist es am einfachsten, ein Stripe-Zahlungsformular mit WPForms zu erstellen und dann einen QR-Code für das Formular mit den Google Chrome Browser-Einstellungen oder dem Shortcodes Ultimate Plugin zu erstellen.
In diesem Artikel zeigen wir Ihnen, wie Sie Stripe QR-Code-Zahlungen in WordPress hinzufügen können.
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.
Für dieses Tutorial benötigen Sie die WPForms Pro-Lizenz, da sie das Stripe-Addon enthält. Es gibt auch eine WPForms Lite-Version, die Sie kostenlos verwenden können. Es ermöglicht Ihnen, Stripe-Zahlungen zu akzeptieren, aber es gibt eine 3% Transaktionsgebühr für Zahlungen über Ihre Formen gemacht.
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.
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 die besten WordPress Plugins für Gutscheincodes.
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!