Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So fügen Sie Stripe QR-Code-Zahlungen in WordPress hinzu

Der Betrieb mehrerer Online-Unternehmen hat uns gelehrt, wie wichtig die richtigen Zahlungsmethoden sind. Als wir anfingen, waren die Auswahlmöglichkeiten begrenzt, insbesondere für persönliche Transaktionen.

Heute ist es viel einfacher. Mit Tools wie Stripe QR-Codes können Sie schnell Zahlungen vor Ort entgegennehmen und gleichzeitig Ihr Online-System synchron halten.

Wenn Ihr Unternehmen sowohl Online- als auch In-Person-Zahlungen benötigt, machen Stripe-QR-Codes den Prozess einfach und zuverlässig.

In diesem Leitfaden führen wir Sie Schritt für Schritt genau durch, wie Sie sie zu Ihrer WordPress-Website hinzufügen. Nachdem wir Hunderten von Geschäftsinhabern bei der Einrichtung von Zahlungen geholfen haben, wissen wir, was funktioniert, und wir freuen uns, diese bewährten Methoden mit Ihnen zu teilen.

Stripe-Zahlungs-QR-Code hinzufügen Zahlung in WordPress

Hier ist eine kurze Zusammenfassung der Schritte, die ich in diesem Beitrag behandeln werde:

Warum Stripe QR-Code-Zahlungen in WordPress hinzufügen?

Das Hinzufügen von Stripe-QR-Code-Zahlungen zu Ihrer Website gibt Kunden die Flexibilität, einen Kauf schnell abzuschließen. Kunden können einfach den Code scannen, um den Zahlungslink zu öffnen und das Stripe-Zahlungsgateway zu nutzen.

Dies macht den Checkout-Prozess sehr einfach und schnell. Es hilft den Leuten, ein Produkt oder eine Dienstleistung in Ihrem Online-Shop einfach zu kaufen. Infolgedessen werden Sie eine Steigerung der Konversionen und eine Reduzierung der Warenkorbabbrüche feststellen.

Das Beste daran ist, dass Kunden keinen langwierigen Anmeldeprozess durchlaufen müssen. Sie können einfach ihre Kreditkarte auf der Website eingeben, um einen Kauf zu tätigen.

Wo können Sie Stripe QR-Codes verwenden?

Um Ihnen einige Ideen zu geben, hier sind einige praktische Möglichkeiten, wie Sie QR-Codes zum Akzeptieren von Zahlungen verwenden können:

  • Verkäufe vor Ort: Perfekt für Kunsthandwerksmessen, Bauernmärkte oder Pop-up-Shops, bei denen Sie schnell Kreditkartenzahlungen ohne Kartenleser akzeptieren müssen.
  • Dienstleistungen & Rechnungen: Fügen Sie Ihren digitalen oder gedruckten Rechnungen einen QR-Code hinzu, damit Kunden Sie mit einem schnellen Scan von ihrem Handy aus bezahlen können.
  • Spenden: Gemeinnützige Organisationen und Spendenaktionen können auf Veranstaltungen oder Werbematerialien einen QR-Code anzeigen, um Spenden zu erleichtern.
  • Restaurant-Menüs: Ermöglichen Sie Kunden, ihre Rechnung direkt von ihrem Tisch aus zu bezahlen, indem sie einen QR-Code auf der Speisekarte oder dem Tischaufsteller scannen.

Nun schauen wir uns an, wie Sie eine Stripe-QR-Code-Zahlung zu Ihrer WordPress-Website hinzufügen können.

Erstellen Sie ein Stripe-Zahlungsformular in WordPress

Zuerst müssen Sie ein Stripe-Zahlungsformular auf Ihrer Website hinzufügen.

Der beste Weg, dies zu tun, ist mit WPForms. Es ist das beste Kontaktformular-Plugin für WordPress, das super einfach zu bedienen ist und sich problemlos in Stripe integrieren lässt. Es gibt viele Formularvorlagen zur Auswahl, und Sie können diese mit dem Drag-and-Drop-Builder anpassen.

Wir haben es bei WPBeginner verwendet, um Kontaktformulare und jährliche Umfragen zu erstellen, und fanden es sehr anfängerfreundlich. Weitere Informationen finden Sie in unserem vollständigen WPForms-Testbericht.

Zuerst müssen Sie das WPForms-Plugin herunterladen und installieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zum Installieren eines WordPress-Plugins.

📌 Hinweis: Für dieses Tutorial benötigen Sie die WPForms Pro-Lizenz, da sie das Stripe-Addon enthält. Es gibt auch eine kostenlose WPForms Lite-Version, die Sie kostenlos nutzen können. Sie ermöglicht es Ihnen, Stripe-Zahlungen zu akzeptieren, aber es fallen 3% Transaktionsgebühren zusätzlich zu den Standard-Verarbeitungsgebühren von Stripe an.

Aus diesem Grund ist ein Upgrade auf WPForms Pro oft kostengünstiger, wenn Ihr Unternehmen wächst.

Nach der Aktivierung können Sie von Ihrem WordPress-Dashboard aus zu WPForms » Einstellungen navigieren und den Lizenzschlüssel eingeben. Sie finden den Schlüssel in Ihrem Konto auf der WPForms-Website.

Hinzufügen eines Lizenzschlüssels zum WPForms Form Builder Plugin

Geben Sie einfach den Schlüssel ein und klicken Sie auf die Schaltfläche 'Schlüssel überprüfen'.

Sobald dies erledigt ist, müssen Sie zur Seite WPForms » Addons gehen und das Stripe-Addon installieren.

Installation des Stripe-Addons

Klicken Sie auf die Schaltfläche „Addon installieren“, und WPForms wird es automatisch installieren und aktivieren.

Von hier aus können Sie im WordPress-Admin-Bereich zu WPForms » Einstellungen navigieren und zum Tab „Zahlungen“ wechseln.

Klicken Sie anschließend einfach auf die Schaltfläche „Mit Stripe verbinden“ und folgen Sie den Anweisungen auf dem Bildschirm, um Ihr Konto mit WPForms zu verbinden.

Klicken Sie auf die Schaltfläche „Mit Stripe verbinden“

Sobald Stripe verbunden ist, können Sie zu WPForms » Neu hinzufügen gehen, um ein neues Formular zu erstellen.

WPForms bietet viele Formularvorlagen zur Auswahl. Sie können ein einfaches Kontaktformular, ein Bestellformular oder ein Stripe-Zahlungsformular auswählen und anpassen.

Stripe-Zahlungsformular

Für dieses Tutorial verwenden wir die Vorlage 'Stripe Payment Form'.

Als Nächstes können Sie Ihr Formular mit dem Drag-and-Drop-Formular-Builder anpassen. Standardmäßig sehen Sie verschiedene Formularfelder in der Vorlage.

WPForms ermöglicht es Ihnen jedoch, dem Template weitere Formularfelder hinzuzufügen, wie z. B. ein Dropdown-Menü, Kontrollkästchen, E-Mail, Telefon, Adresse, Website und mehr.

Stripe-Zahlungsformular anpassen

Sie können auch auf ein beliebiges Formularfeld in der Vorlage klicken, um es weiter anzupassen.

Zum Beispiel haben wir den Text für jeden Artikel in Ihrem Demoformular geändert und die Option aktiviert, Preise nach dem Artikelnamen anzuzeigen.

Formularfelder im Stripe-Zahlungsformular anpassen

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 von hier aus sicher, dass die Option „Stripe-Zahlungen aktivieren“ aktiviert ist.

Stripe-Zahlungen aktivieren

Als Nächstes können Sie zum Tab Einstellungen wechseln. Hier sehen Sie Optionen zum Ändern der Benachrichtigungs- und Bestätigungseinstellungen.

Sie können beispielsweise auswählen, welche Aktion ausgeführt werden soll, sobald ein Benutzer ein Formular übermittelt. WPForms ermöglicht es Ihnen, eine Nachricht oder eine Seite anzuzeigen oder Benutzer sogar zu einer URL weiterzuleiten.

Bestätigungseinstellungen-Formular

Sie sind nun bereit, Ihr Stripe-Zahlungsformular auf Ihrer Website anzuzeigen.

Klicken Sie einfach auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern, und dann auf die Schaltfläche „Einbetten“ oben.

Speichern und betten Sie Ihr Formular ein

Als Nächstes zeigt WPForms ein Popup an, in dem Sie eine vorhandene Seite auswählen oder eine neue erstellen können, um Ihr Formular einzubetten.

Für dieses Tutorial wählen wir die Option „Bestehende Seite auswählen“.

Ein Formular auf einer Seite einbetten

Geben Sie als Nächstes einen Namen für Ihre neue Seite ein.

Sobald das erledigt ist, klicken Sie einfach auf die Schaltfläche „Los geht's“.

Geben Sie den Namen für Ihre neue Seite ein

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.

Vorschau des Stripe-Zahlungsformulars

Kopieren Sie nun den Link zu Ihrer Zahlungsformularseite, da Sie ihn zum Erstellen 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 zur Annahme von Kreditkartenzahlungen erstellen möchten.

Weitere Details finden Sie in unserem detaillierten Leitfaden unter So akzeptieren Sie Zahlungen mit Stripe in WordPress.

QR-Code für Stripe-Zahlungen in WordPress hinzufügen

Bevor wir den QR-Code erstellen, ist es hilfreich zu verstehen, was er tut. Der QR-Code, den Sie erstellen, ist lediglich ein scanbarer Link, der Kunden direkt zu Ihrer Zahlungsseite führt. Die Zahlung selbst wird weiterhin sicher von Stripe abgewickelt.

Jetzt, da 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 zu Ihrer Website hinzufügen können. Sie können die Funktion des Google Chrome-Browsers verwenden oder ein WordPress-QR-Code-Plugin verwenden.

Methode 1: QR-Codes mit Google Chrome erstellen

Wenn Sie den Google Chrome-Browser verwenden, können Sie ihn verwenden, um eine Webseite über einen QR-Code zu teilen.

Zuerst müssen Sie die Stripe-Zahlungsformularseite in einem neuen Tab oder Fenster öffnen.

Als Nächstes können Sie auf das Freigabe-Symbol in der oberen rechten Ecke der Adressleiste der Website klicken. Wählen Sie hier einfach die Option 'QR-Code erstellen'.

Klicken Sie in Chrome auf das Freigabesymbol

Danach generiert Google Chrome einen QR-Code für Ihre Stripe-Zahlungsformularseite.

Sie können den QR-Code als Bild herunterladen.

QR-Code herunterladen

Platzieren Sie das Bild anschließend einfach irgendwo auf Ihrer Website.

Sie können den QR-Code beispielsweise auf Produktseiten anzeigen, damit Kunden ihn schnell scannen und das Formular zum Kauf öffnen können.

QR-Code zur Produktseite hinzufügen
Methode 2: Erstellen eines Stripe-Zahlungs-QR-Codes mit einem WordPress-Plugin

Sie können QR-Codes mit einem WordPress-Plugin wie Shortcodes Ultimate zu Ihrer Website hinzufügen. Es ist ein kostenloses Plugin, mit dem Sie über 50 verschiedene Arten von Shortcodes erstellen können, einschließlich QR-Codes. Mehr erfahren Sie in unserem detaillierten Shortcodes Ultimate Testbericht.

Zuerst müssen Sie das Shortcodes Ultimate Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden zur Installation eines WordPress-Plugins.

Nach der Aktivierung sehen Sie den Shortcode Ultimate-Begrüßungsbildschirm.

Shortcode ultimativer Willkommensbildschirm

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.

Wie fügt man einen Shortcode-Block zu WordPress hinzu

Danach sollten Sie die Option „Kurzcode einfügen“ sehen.

Sie können einfach auf das Symbol mit den doppelten Klammern klicken, um Ihren QR-Code hinzuzufügen.

Klicken Sie auf das Symbol zum Auswählen des Shortcodes

Als Nächstes zeigt das Plugin verschiedene Kurzcode-Optionen für Ihre Website an.

Wählen Sie die Option „QR-Code“ aus.

QR-Code-Kurzcode auswählen

Danach sehen Sie Optionen, um Details für Ihren QR-Code einzugeben.

Im Feld „Daten“ können Sie die URL Ihres zuvor erstellten Stripe-Zahlungsformulars eingeben.

Außerdem gibt es eine Option, einen Titel für den Code einzugeben, der als Alternativtext dient. Sie können auch die Größe Ihres QR-Codes anpassen.

QR-Code-Details eingeben

Wenn Sie nach unten scrollen, sehen Sie weitere Optionen zur Anpassung Ihres QR-Codes. Sie können zum Beispiel die Hauptfarbe, die Hintergrundfarbe und mehr ändern.

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Shortcode einfügen“.

Kurzcode einfügen

Das Plugin ermöglicht es Ihnen auch, eine Live-Vorschau des Codes in Ihrem Blogbeitrag oder auf Ihrer Landingpage anzuzeigen.

Veröffentlichen Sie Ihre Seite, um den QR-Code für Stripe-Zahlungsformulare in Aktion zu sehen.

QR-Code-Live-Vorschau

Häufig gestellte Fragen zum Hinzufügen von Stripe-QR-Code-Zahlungen

Hier sind einige häufig gestellte Fragen, die unsere Leser zum Hinzufügen von Stripe-Code-Zahlungen in WordPress stellen:

Benötige ich ein Stripe-Konto, um Zahlungen per QR-Code zu akzeptieren?

Ja, Sie benötigen ein aktives Stripe-Konto. Der QR-Code leitet Kunden zu einem Zahlungsformular, das direkt mit Ihrem Stripe-Konto verbunden ist, um die Transaktion sicher abzuwickeln.

Fallen Gebühren für die Verwendung von Stripe-QR-Codes an?

Die Erstellung des QR-Codes selbst ist kostenlos. Sie haben jedoch weiterhin die Standardtransaktionsgebühren von Stripe für jede Zahlung, die Sie erhalten.

Beachten Sie auch, dass WPForms Lite zwar Stripe-Zahlungen akzeptiert, aber eine Transaktionsgebühr von 3 % erhebt. Die Pro-Version von WPForms entfernt diese zusätzliche Gebühr.

Kann ich einen Stripe-QR-Code sowohl für physische Produkte als auch für Dienstleistungen verwenden?

Absolut. Diese Methode ist unglaublich vielseitig und funktioniert für beides perfekt. Sie können sie bei persönlichen Veranstaltungen, auf Marktständen oder auf gedruckten Rechnungen für Dienstleistungen verwenden.

Ist ein Stripe-QR-Code für meine Kunden sicher?

Ja, das ist sehr sicher. Der QR-Code fungiert lediglich als Verknüpfung zu Ihrer Zahlungsseite. Alle Transaktionen werden über die verschlüsselten und PCI-konformen Server von Stripe abgewickelt, wodurch sichergestellt wird, dass Kundendaten sicher aufbewahrt werden.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Stripe QR-Code-Zahlungen in WordPress hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden zum Akzeptieren wiederkehrender Zahlungen in WordPress und unser Tutorial zum Akzeptieren von Bitcoin-Zahlungen in WordPress lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

6 CommentsLeave a Reply

  1. Dies ist eine der potenziellen Anwendungen von QR-Codes aus dem einfachen Grund, dass sie den gesamten Zahlungsvorgang vereinfacht.
    Dies hilft Unternehmen nicht nur, die umständliche Aufgabe des Schreibens und Anzeigens des gesamten Zahlungsformulars zu vermeiden, sondern hilft auch den Kunden bei der einfachen Navigation.
    Vielen Dank für die Schritt-für-Schritt-Anleitung.

  2. Wir verwenden Stripe seit kurzem, basierend auf Empfehlungen aus mehreren Artikeln hier auf WPBeginner. Der QR-Code ist eine großartige Option, um die Zahlung für Benutzer zu vereinfachen. Danke für den tollen Artikel. Ich möchte fragen, ist es möglich, den QR-Code weiter zu personalisieren, um zum Beispiel das Logo (Marke) des Unternehmens einzufügen?

  3. Bezahlen mit QR-Code wird immer beliebter. Ich denke, das liegt an seiner einfachen Handhabung. Es ist einfach schneller als alte Methoden und wir wollen immer mehr Zeit sparen.

    Ich habe eine Frage – das Scannen eines QR-Codes mit dem Telefon vom Laptop-Bildschirm aus ist einfach, aber ist es auch so einfach mit Smartphones selbst? Ich meine, ich scrolle auf meinem Handy durch eine Website und sehe einen QR-Code, mein Handy erkennt diesen QR-Code nicht, nur mit der Foto-App. Ist das normal oder ist es nur mein Handy und ist ein QR-Code für mobile Nutzer genauso gut wie für Desktop-Nutzer?

    • Es würde vom Telefon abhängen. Wenn Sie dies noch nicht getan haben, sollten Sie versuchen, mit Ihrem Telefon einen Screenshot zu machen.

      Admin

Hinterlasse eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.