wie man Square Payments zu Wordpress hinzufügt

Wie man Square Payments zu WordPress hinzufügt [Einfache Anleitung]

Die Integration von Square-Zahlungen in Ihre WordPress-Formulare dauert etwa 10 Minuten, wenn Sie das richtige Plugin haben. Sie benötigen weder einen Entwickler noch Programmierkenntnisse, um dies einzurichten.

Ich habe in den letzten Jahren für einige Kundenwebsites Square-Zahlungsformulare erstellt, und WPForms ist die schnellste Methode, die ich bisher gefunden habe.

Mit nur wenigen Klicks verbinden Sie Ihr Square-Konto, fügen ein Square-Zahlungsfeld in Ihr Formular ein – und schon können Sie Kreditkartenzahlungen entgegennehmen.

In dieser Anleitung zeige ich Ihnen Schritt für Schritt, wie Sie Square-Zahlungen in WordPress integrieren. Außerdem erfahren Sie, wie Sie wiederkehrende Abrechnungen aktivieren und alles im Testmodus ausprobieren können, bevor Sie live gehen.

Erstellen Sie jetzt Ihr WordPress Square Form 🙂

Wie man Square Payments zu WordPress hinzufügt

Sind Sie bereit, Zahlungen über Square auf Ihrer WordPress-Website zu sammeln? Folgen Sie einfach den Schritten im Video unten, um das Square Addon von WPForms zu verwenden!

YouTube video

Wenn Sie jedoch schriftliche Anleitungen bevorzugen, lesen Sie unten weiter und nutzen Sie das praktische Inhaltsverzeichnis, um sich im Leitfaden zurechtzufinden.

Schritt 1: Installieren Sie das WPForms Plugin

Um Square-Zahlungen auf Ihrer WordPress-Website zu akzeptieren, benötigen Sie einen Formularersteller, der damit umgehen kann, und WPForms macht dies wirklich einfach.

Mit der Drag-and-Drop-Oberfläche können Sie ein einfaches Bestellformular, ein Spendenformular oder irgendetwas dazwischen erstellen und Square mit ein paar Klicks verbinden.

Um Square-Zahlungen akzeptieren zu können, müssen Sie zunächst eine WPForms Pro-Lizenz erwerben. Damit erhalten Sie auch Zugang zu einer Vielzahl von zusätzlichen Funktionen, Addons und Integrationen.

Die WPForms-Preisseite.

Sobald Sie eine Premium-Lizenz erworben haben, installieren und aktivieren Sie das WPForms-Plugin auf Ihrer WordPress-Website.

Wenn Sie Hilfe bei der Installation des Plugins benötigen, können Sie diese Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins befolgen.

Jetzt auf WPForms Pro upgraden 🙂

Schritt 2: Hinzufügen des Square Pro Addons

Sobald WPForms installiert ist, können Sie das Square Pro Addon aktivieren. Gehen Sie zu Ihrem WordPress-Dashboard und klicken Sie auf WPForms " Addons.

WPForms-Erweiterungen

Geben Sie in der Suchleiste Square ein. Sobald es angezeigt wird, klicken Sie auf Addon installieren und dann auf Aktivieren. Sobald Sie das Square Pro-Addon aktiviert haben, müssen Sie die Zahlungseinstellungen in WPForms einrichten.

Quadratisches Addon installieren

Um die Zahlungseinstellungen zu konfigurieren, gehen Sie zu Ihrem Dashboard, klicken Sie auf WPForms " Einstellungen und dann auf die Registerkarte Zahlungen. Wählen Sie nun aus der Dropdown-Liste " Währung" die Währung aus, die Sie in Ihren Zahlungsformularen verwenden möchten.

WPForms Zahlungsformular Währung

Schritt 3: Verbinden Sie Square mit Ihrer WordPress-Seite

Jetzt ist es an der Zeit, Square mit WPForms zu verbinden. Scrollen Sie auf der Seite mit den Zahlungseinstellungen nach unten zum Abschnitt Square.

Es wird eine Registerkarte mit der Bezeichnung Verbindungsstatus angezeigt . Klicken Sie auf die blaue Schaltfläche Mit Square verbinden.

Die Schaltfläche "Mit Square verbinden" in den WPForms-Zahlungseinstellungen

Wenn Sie darauf klicken, werden Sie auf die Anmeldeseite von Square weitergeleitet. Geben Sie Ihre E-Mail-Adresse und Ihr Passwort ein und klicken Sie dann auf Anmelden.

Anmeldung bei Square, um es mit WPForms zu verbinden

Um Square mit WPForms zu verbinden, müssen Sie WPForms bestimmte Berechtigungen in Bezug auf Ihr Konto erteilen. Klicken Sie auf die Schaltfläche Zulassen, um fortzufahren.

Erlauben Sie WPForms den Zugriff auf Ihr Square-Konto

Dies wird zurück zu Ihrem WPForms Zahlungen Einstellungen. Wenn die Verbindungseinstellungen richtig konfiguriert sind, sehen Sie ein grünes Häkchen und eine Erfolgsmeldung neben dem Verbindungsstatus.

Die WPForms Square Verbindungsstatusmeldung

Wenn Sie mehrere Geschäftsstandorte zu Ihrem Square-Konto hinzugefügt haben, müssen Sie einen davon als Ihren Hauptstandort auswählen, indem Sie das Dropdown-Menü Geschäftsstandort verwenden.

Auswahl eines Square-Geschäftsstandorts in den WPForms-Zahlungseinstellungen

Sobald Sie Ihre Verbindungseinstellungen vorgenommen haben, klicken Sie auf „Speichern“. Eine ausführliche Anleitung zu allen Square-Optionen finden Sie in der vollständigen Referenz zur Einrichtung des Square-Add-ons.

Live-Modus vs. Testmodus

Direkt über dem Verbindungsstatus siehst du einen Schalter für den Testmodus. Lass ihn ausgeschaltet, um echte Transaktionen abzuwickeln. Schalte ihn ein, wenn du dein Formular mithilfe der Square-Sandbox testen möchtest (mehr dazu in Schritt 7). Verbinde beide Modi separat, damit du zwischen ihnen wechseln kannst, ohne dich erneut authentifizieren zu müssen.

Schritt 4: Erstellen Sie Ihr Square-Zahlungsformular

Jetzt, wo Sie Square mit Ihrer WordPress-Website verbunden haben, ist es an der Zeit, Ihr Zahlungsformular zu erstellen. Navigieren Sie in Ihrem WordPress-Dashboard zu WPForms " Add New.

Neues Formular hinzufügen

Sie können ein einfaches Bestellformular erstellen oder eine vorgefertigte Vorlage für ein Bestell-/Rechnungsformular verwenden, um die Arbeit zu beschleunigen.

WPForms verfügt über eine riesige Formularvorlagenbibliothek mit über 2.100 WordPress-Formularvorlagen. Für dieses Tutorial wähle ich die Vorlage „Rechnungs-/Bestellformular ”.

Vorlage für Rechnungsformular

Die Vorlage enthält alle wichtigen Felder, die Sie für die Annahme von Zahlungen für allgemeine Bestellungen benötigen. Sie können Ihrem Formular weitere Felder hinzufügen, indem Sie sie aus dem linken Bereich in den rechten Bereich ziehen.

quadratisches Zahlungsformular

WPForms ist in hohem Maße anpassbar, so fühlen Sie sich frei zu experimentieren und Dinge zu ändern, wenn die Vorlage nicht vollständig mit Ihrem speziellen Anwendungsfall Szenario.

Ich möchte Ihnen kurz eine Option vorstellen, die Sie je nach Bedarf in dieses Formular aufnehmen können. Wenn Sie möchten, dass die Kunden die Menge der Produkte angeben, die sie bestellen möchten, können Sie Folgendes tun.

Hinzufügen des Mengenfeldes (optional)

WPForms unterstützt Produktmengen für die Felder Dropdown Items und Singe Items.

Ich lösche also das vorhandene Optionsfeld (d. h. das Feld "Verfügbare Artikel") und füge hier drei Felder für einzelne Artikel hinzu.

Klicken Sie einfach mit der rechten Maustaste auf das Feld „Verfügbare Elemente “ und drücken Sie die Entf-Taste.

Ein Feld löschen

Ziehen Sie dann das Feld Einzelposten aus dem linken Bereich nach rechts, direkt über das Feld Gesamtbetrag, und legen Sie es ab.

Feld Einzelne Positionen

Klicken Sie anschließend auf das soeben hinzugefügte Feld " Einzelne Elemente", um dessen Feldoptionen auf der linken Seite zu öffnen. Hier können Sie verschiedene Einstellungen für das Feld vornehmen.

Ich würde empfehlen, die Feldbezeichnung zu ändern und den Namen Ihres Produkts hinzuzufügen. Und vergessen Sie nicht, den Preis des Produkts in das Feld Artikelpreis einzugeben.

Feldoptionen für einzelne Positionen

Um die Mengenauswahl für das Produkt zu aktivieren, klicken Sie auf die Schaltfläche Menge aktivieren . Nachdem die Mengenauswahl aktiviert wurde, erscheint darunter eine neue Bereichseinstellung.

Mengenbereich

Damit können Sie die Mindest- und Höchstmenge festlegen, die ein Benutzer für das Produkt auswählen kann. Sie können den gleichen Vorgang wiederholen, indem Sie weitere Felder für einzelne Artikel hinzufügen und deren Mengenauswahl aktivieren.

Profi-Tipp

Haben Sie viele Produkte im Angebot? Nutzen Sie das Feld „Dropdown-Artikel“ mit aktivierter Mengenauswahl, anstatt einzelne Artikel untereinander aufzulisten. Ein kurz gehaltenes Formular verbessert fast immer die Konversionsrate beim Bezahlvorgang.

Schritt 5: Fügen Sie das Square-Zahlungsfeld zu Ihrem Formular hinzu

Unser Formular ist fertig; jetzt fügen wir das Square-Zahlungsfeld hinzu . Ziehen Sie auf der linken Seite im Abschnitt Zahlungsfelder das Square-Feld an eine beliebige Stelle in Ihrem Formular.

Hinzufügen eines Square-Kreditkartenfelds zu einem Formular

Sobald Sie das Square-Feld hinzufügen, wird ein Popup-Fenster mit einer Nachricht angezeigt, in der Sie aufgefordert werden, die Square-Zahlungen zu aktivieren.

quadratisches Zahlungsfeld

Klicken Sie auf die Schaltfläche OK, um das Popup-Fenster zu schließen. Als nächstes müssen wir Square-Zahlungen aktivieren. Gehen Sie zu den Symbolen auf der linken Seite, und klicken Sie auf Zahlungen. Klicken Sie dann auf Square.

Zugriff auf die Square Payments-Einstellungen für ein Formular

Aktivieren Sie als nächstes die Option Square Payment aktivieren. Dadurch werden die zusätzlichen Einstellungsoptionen für die Zahlung geöffnet.

Aktivieren von Square-Zahlungen für ein Formular

Schauen wir sie uns an:

  • Beschreibung der Zahlung: Hier können Sie eine kurze Zahlungsbeschreibung eingeben, die auf der Kreditkarten- oder Bankkartenabrechnung Ihres Kunden erscheinen wird.
  • E-Mail des Käufers: Wählen Sie in der Dropdown-Liste E-Mail, damit Square eine E-Mail-Quittung sendet.
  • Käufername: Wählen Sie in der Dropdown-Liste Name, um den Namen des Kunden mit der Zahlung zu verknüpfen.
  • Adresse des Käufers: Wählen Sie Adresse, damit die Adresse des Kunden mit der Zahlung verknüpft wird.
Zuordnen von Feldern aus einem Formular zu Benutzerinformationen in Square

Sobald Sie diese Optionen ausgefüllt haben, klicken Sie auf die Schaltfläche Speichern, um Ihr Formular zu speichern.

Wiederkehrende Zahlungen aktivieren

Wenn Sie Mitgliedschaften, Abonnements oder Spenden anbieten, die in regelmäßigen Abständen abgerechnet werden, unterstützt Square wiederkehrende Zahlungen direkt im WPForms-Formular-Generator. Sie benötigen weder ein separates Abonnement-Add-on noch einen anderen Zahlungsdienstleister.

Scrollen Sie im Einstellungsbereich „Zahlungen » Square “ nach unten und aktivieren Sie die Option „Wiederkehrende Zahlungen“. Es werden neue Felder angezeigt, in denen Sie den Plan konfigurieren können.

wiederkehrende Zahlungen ermöglichen

Geben Sie einen Plannamen ein und wählen Sie dann aus der Dropdown-Liste eine Abrechnungshäufigkeit aus (monatlich, jährlich oder benutzerdefiniert). Square benötigt eine Möglichkeit, jeden Kunden für die wiederkehrende Abrechnung zu identifizieren. Stellen Sie daher sicher, dass Sie die Felder „Kunden-E-Mail“ und „Kundenname“ den entsprechenden E-Mail- und Namensfeldern in Ihrem Formular zuordnen.

Einen umfassenderen Überblick darüber, wie dies bei verschiedenen Zahlungsgateways funktioniert, findest du in meiner Anleitung zur Einrichtung von wiederkehrenden Zahlungen in deinen WordPress-Formularen.

Schritt 6: Veröffentlichen Sie Ihr Formular, um Zahlungen zu akzeptieren

Großartig! Sie haben erfolgreich ein Square-Zahlungsformular in WordPress erstellt. Jetzt ist es an der Zeit, Ihr Formular zu Ihrer Website hinzuzufügen. Mit WPForms können Sie Ihr Formular an mehreren Stellen hinzufügen, darunter:

Sehen wir uns an, wie Sie Ihr Square-Formular auf der WordPress-Seite einfügen können. WPForms hat eine eingebaute Schaltfläche Einbetten im Dashboard des Formularerstellers.

Mit dieser Schaltfläche können Sie Ihr Formular auf jeder beliebigen Website einfügen, ohne die Registerkarte zu wechseln oder das Formularfenster zu schließen. Um Ihr Formular hinzuzufügen, klicken Sie auf die Schaltfläche Einbetten oben auf Ihrer Seite

Ihr Formular mit der Schaltfläche "Einbetten" einbetten

Als Nächstes erhalten Sie die Möglichkeit, Ihr Formular zu einer bestehenden Seite hinzuzufügen oder eine neue Seite zu erstellen. Klicken wir auf Neue Seite erstellen.

Neue Seite erstellen

Fügen Sie Ihren Seitennamen hinzu und klicken Sie auf die Schaltfläche Los geht's.

wpforms benennen Sie Ihr Seitenfeld

Jetzt WPForms wird automatisch eine neue Seite erstellen und fügen Sie Ihr Formular zu ihm. Um Ihre Seite auf der Live-Seite zu veröffentlichen, klicken Sie auf die Schaltfläche Veröffentlichen oder Aktualisieren.

Fügen Sie Ihr Square-Formular zu WordPress hinzu

Das war’s schon. Ihr Square-Zahlungsformular ist jetzt online.

Schritt 7: Testen Sie Ihr Square-Formular im Sandbox-Modus

Bevor Sie Ihr Formular für echte Kunden freischalten, rate ich Ihnen dringend, zunächst eine Testtransaktion in der Square-Sandbox durchzuführen. Bei Zahlungen handelt es sich um den einzigen Bereich einer WordPress-Website, in dem Sie am Tag der Veröffentlichung wirklich keine Überraschungen erleben möchten.

Um in den Sandbox-Modus zu wechseln, gehen Sie zurück zu „WPForms“ » „Einstellungen“ » „Zahlungen“, scrollen Sie zum Abschnitt „Square“ und aktivieren Sie den Testmodus.

Sie müssen Ihr Square-Sandbox-Konto auf dieselbe Weise verbinden, wie Sie Ihr Live-Konto verbunden haben (die Verbindungen bleiben separat bestehen, sodass Sie jederzeit zwischen ihnen wechseln können).

Sobald Sie sich im Testmodus befinden, rufen Sie Ihr veröffentlichtes Formular auf und führen Sie eine Übermittlung mit den Testkartennummern aus der Square-Sandbox durch.

Es fließt kein echtes Geld, aber der gesamte Ablauf wird durchgängig simuliert, sodass Sie Benachrichtigungen, Belege und alle von Ihnen eingerichteten bedingten Logikregeln überprüfen können.

Eine Schritt-für-Schritt-Anleitung mit Sandbox-Kartennummern und häufigen Fallstricken finden Sie in unserem Leitfaden zum Testen von Square-Zahlungen.

Häufig gestellte Fragen zur Integration von Square Payments in WordPress

Hier finden Sie Antworten auf die häufigsten Fragen, die mir zum Einziehen von Square-Zahlungen in WordPress gestellt werden, darunter zu Preisen, unterstützten Ländern und zum Vergleich von Square mit anderen Zahlungsgateways.

Ist es möglich, den Bezahlvorgang anzupassen, wenn man Square auf WordPress nutzt?

Ja. WPForms ist sehr flexibel anpassbar, sodass Sie das Erscheinungsbild Ihres Formulars ändern, verschiedene Layouts verwenden und bedingte Logik anwenden können, um den Bestellvorgang genau auf Ihre spezifischen Produkte oder Dienstleistungen abzustimmen.

Wenn Sie ein Square-Zahlungsformular mit WPForms verwenden, haben Sie zahlreiche Möglichkeiten, den Bezahlvorgang ganz nach Ihren Wünschen zu gestalten.

Gibt es Sicherheitsmaßnahmen zum Schutz von Kundendaten in Square-Formularen?

Ja. WPForms ist ein sicheres Plugin, das sensible Kundendaten automatisch verbirgt. Bei Zahlungen, die Sie über WPForms abwickeln, werden die Angaben aus dem Kundenformular erfasst, die Kreditkartennummer bleibt jedoch verborgen.

Das bedeutet, dass selbst Sie als Geschäftsinhaber keine Kartennummern einsehen können. Ihre Kunden profitieren bei jedem mit WPForms erstellten Square-Zahlungsformular von Datenschutz und Sicherheit.

Kann ich Square-Transaktionen über mein WordPress-Dashboard verfolgen und verwalten?

Ja. WPForms verfügt über eine integrierte Zahlungsüberwachung. Sie können Transaktionen direkt in Ihrem WordPress-Dashboard in einer übersichtlichen Grafik einsehen, darunter Gesamtzahlungen, Gesamtumsatz, Abonnements, Gutscheinnutzung und vieles mehr.

Eine vollständige Anleitung finden Sie in unserem Leitfaden zur Zahlungsabwicklung mit WPForms.

Kann ich wiederkehrende Zahlungen mit Square in WordPress akzeptieren?

Ja. Mit WPForms können Sie über das Square Pro-Add-on wiederkehrende Zahlungen akzeptieren. Sie können Ihren Kunden wöchentlich, monatlich, jährlich oder nach einem benutzerdefinierten Zeitplan direkt über die Formulareinstellungen Rechnungen stellen, ohne dass zusätzliche Tools erforderlich sind. Achten Sie lediglich darauf, die Felder für E-Mail-Adresse und Name des Kunden zuzuordnen, damit Square jeden Abonnenten korrekt identifizieren kann.

Wie hoch sind die Gebühren von Square für Zahlungen über WordPress?

Square berechnet 2,9 % + 30 Cent pro Online-Transaktion, ohne monatliche Gebühren und ohne Einrichtungsgebühren. Wenn Sie WPForms Pro oder Elite nutzen, fallen bei WPForms keine zusätzlichen Bearbeitungsgebühren an, sodass Sie lediglich den Pauschalpreis von Square zahlen. Dadurch lassen sich die Gesamtkosten ganz einfach anhand Ihres durchschnittlichen Bestellwerts berechnen.

Ist Square in meinem Land für WordPress-Zahlungen verfügbar?

Square ist derzeit in den Vereinigten Staaten, Kanada, Großbritannien, Australien, Japan, Irland, Frankreich und Spanien verfügbar. Wenn Ihr Unternehmen außerhalb dieser Regionen ansässig ist, sind Stripe oder PayPal Commerce möglicherweise die bessere Wahl. Beide werden ebenfalls von WPForms unterstützt.

Was ist der Unterschied zwischen Stripe und Square für WordPress?

Sowohl Stripe als auch Square unterstützen Kreditkartenzahlungen und wiederkehrende Abrechnungen in WPForms und erheben ähnliche Gebühren pro Transaktion. Stripe bietet eine größere Länderabdeckung und mehr Entwicklertools. Square ist in der Regel die bessere Wahl für Unternehmen, die Square bereits für den stationären Verkauf oder einen Square Online-Shop nutzen. Einen vollständigen Vergleich finden Sie in unserem Artikel „Stripe vs. Square“.

Wie kann ich Square-Zahlungen in WordPress am besten testen?

Am einfachsten ist es, Square in den Zahlungs-Einstellungen von WPForms in den Sandbox-Modus zu versetzen. So können Sie Testbestellungen ohne echtes Geld aufgeben und sicherstellen, dass alles funktioniert, bevor Sie live gehen.

Brauche ich ein SSL-Zertifikat, um Square in WordPress zu verwenden?

Ja. Sie benötigen ein SSL-Zertifikat, um Square auf Ihrer WordPress-Website nutzen zu können. Es schützt die Zahlungsdaten Ihrer Kunden und ist erforderlich, um eine sichere Verbindung zu Square herzustellen.

Richten Sie als Nächstes optionale Zahlungsoptionen in Ihren WordPress-Formularen ein

Wenn Sie eine gemeinnützige Organisation betreiben oder einen Dienst anbieten, bei dem die Nutzer den Preis selbst bestimmen können, möchten Sie Ihren Besuchern vielleicht die Wahl lassen, ob sie bezahlen möchten. In unserem Leitfaden zum Hinzufügen einer optionalen Zahlungsfunktion zu Ihren WordPress-Formularen finden Sie eine vollständige Anleitung zur Einrichtung.

WPForms Pro enthält außerdem diese weiteren Zahlungsgateway-Tools.

Erstellen Sie jetzt Ihr quadratisches WordPress-Formular!

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Sehen Sie, wie WPForms finanziert wird, warum es wichtig ist, und wie Sie uns unterstützen können.

Osama Tahir

Osama ist ein Senior Writer bei WPForms. Er ist darauf spezialisiert, WordPress-Plugins zum Testen auseinanderzunehmen und seine Erkenntnisse mit der Welt zu teilen.Erfahren Sie mehr

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.

Dieses Formular ist durch Cloudflare Turnstile geschützt und es gelten die Cloudflare Datenschutzbestimmungen und Nutzungsbedingungen.