Dokumentation für Wohltätigkeitsorganisationen

Erfahren Sie, wie Sie mit klaren Schritt-für-Schritt-Anleitungen das Beste aus Charitable herausholen.

Einrichtung von Square Webhooks

Möchten Sie, dass Charitable Echtzeit-Updates erhält, wenn eine Zahlung über Square abgeschlossen oder zurückerstattet wird? Mit aktivierten Square-Webhooks können Ihre Formulare mit Square synchronisiert bleiben, sodass die Zahlungsstatus immer aktuell sind.

Diese Anleitung zeigt Ihnen, wie Sie Square-Webhooks einfach mit Charitable verbinden, um sicherzustellen, dass Ihre Website mit Ihren Square-Aktivitäten synchron bleibt.

Stellen Sie vor Beginn sicher, dass Sie Charitable installieren auf Ihrer WordPress-Seite. Danach verbinden Sie Ihre Seite mit Ihrem Square-Konto.

Webhooks verstehen

Webhooks sind eine Möglichkeit für Square, Charitable zu benachrichtigen, wenn ein Ereignis in Ihrem Konto auftritt, z. B. wenn eine Zahlung aktualisiert oder zurückerstattet wird. Sobald Charitable aktiviert ist, lauscht es auf diese Ereignisse, damit Ihre Website Zahlungsstatusänderungen automatisch widerspiegeln kann.

Mit eingerichteten Square-Webhooks müssen Sie Ihre Formulareinträge nach der Verarbeitung einer Transaktion nicht manuell überprüfen oder aktualisieren. Ob eine Zahlung durchgeht, zurückerstattet oder teilweise zurückgegeben wird, Ihr Charitable-Dashboard bleibt auf dem neuesten Stand der Informationen von Square.

Webhooks in Charitable aktivieren

Hier sind die Schritte, die wir in dieser Anleitung befolgen werden:

Schritt 1: Square-Zahlungen aktivieren

Um zu beginnen, öffnen Sie Ihren WordPress-Adminbereich und gehen Sie zum Tab  Charitable » Einstellungen » Zahlungs-Gateways .

Hier sehen Sie eine Liste verfügbarer Zahlungs-Gateways, die Sie mit einem Klick aktivieren/deaktivieren können. Falls Square-Zahlungen noch nicht aktiviert wurden, klicken Sie hier auf die Schaltfläche „Gateway aktivieren“.

Screenshot der Charitable-Einstellungen: Zahlungs-Gateways mit Stripe-, PayPal-, Square- und Offline-Optionen; jede hat Gateway-Einstellungen und Gateway deaktivieren-Schaltflächen; Testmodus aktivieren-Umschalter und Änderungen speichern am unteren Rand.

Sobald aktiviert, erscheint eine grüne Schaltfläche „Gateway-Einstellungen“. Klicken Sie darauf, um zum nächsten Schritt zu gelangen.

Schritt 2: Verbindung mit Square herstellen

Auf der Seite „Square Gateway-Einstellungen“ sehen Sie einen Abschnitt „Verbindungsstatus“ mit einer Schaltfläche „Mit Square-Konto verbinden“. Wählen Sie diese aus, und die Square-Anmeldeseite wird geöffnet.

Square-Gateway-Einstellungen mit einer Schaltfläche „Mit Square-Konto verbinden“ (Symbol angezeigt), Statuszeile und einer grünen Schaltfläche „Änderungen speichern“.

Geben Sie Ihre Anmeldedaten ein und melden Sie sich bei Ihrem Square-Konto an. Sie sehen eine Seite, auf der Sie Charitable die Berechtigung erteilen müssen.

Wählen Sie „Erlauben“ und Charitable wird mit Square synchronisiert.

Sandbox-App fordert Zugriff auf Ihr Square-Konto an; fragt nach Berechtigungen wie Profil anzeigen, Zahlungshistorie, Zahlungen tätigen, Bestellungen erstellen/aktualisieren, Kundendaten anzeigen, Rechnungen; Ablehnen und Zulassen-Optionen unten.

Nach der Verbindung werden Sie zur Seite Square Gateway-Einstellungen in Charitable zurückgeleitet.

Charitable ruft automatisch Ihre Geschäftsstandorte ab, und Sie können diese aus einem Dropdown-Menü auswählen. Dies gibt Ihnen die Möglichkeit, Standorte nach Bedarf zu wechseln.

Abschnittsüberschrift „Geschäftsstandorte“ mit einem dunklen Tooltip, der „Healthy Fit“ und „Healthy Fit Alt Location“ auflistet

Schritt 3: Webhooks in Square aktivieren

Wir haben die Aktivierung von Webhooks mit Square so einfach wie möglich gemacht. Es ist nur ein Kopieren und Einfügen. Befolgen Sie einfach die nachstehenden Schritte.

Zuerst sehen Sie auf derselben Seite Square Gateway-Einstellungen einen Abschnitt Webhooks aktivieren.

Hier ist eine Webhook-URL verfügbar. Sie müssen diese in Ihrer Square Developer Console (developer.squareup.com) hinzufügen. Klicken Sie auf das Clip-Symbol, um sie schnell zu kopieren.

Screenshot der Einrichtung „Webhooks aktivieren“ mit einem URL-Feld und einer hervorgehobenen Kopierschaltfläche zum Kopieren der Webhook-URL; zeigt darunter die Liste der erforderlichen Abonnements

Gehen Sie zu Ihrer Square Developer Console unter developer.squareup.com (dies ist die Entwicklerseite, nicht Ihr reguläres Square-Konto-Dashboard) und melden Sie sich mit demselben Square-Konto an, das Sie oben verbunden haben. Öffnen Sie die Anwendung, die Sie mit Charitable verwenden, oder erstellen Sie eine, indem Sie auf der Anwendungsseite auf das „+“ klicken und ihr einen Namen wie „charitable-listener“ geben. Jede Anwendung kann im Sandbox- oder Produktionsmodus ausgeführt werden: Wenn der Testmodus von Charitable aktiviert ist, verwenden Sie Sandbox; wenn der Testmodus deaktiviert ist, verwenden Sie Produktion. Wählen Sie den richtigen Modus aus und öffnen Sie den Tab Webhooks » Abonnements.

Modal-Dialog mit dem Titel „Benennen Sie Ihre Anwendung“ mit einem Texteingabefeld mit der Bezeichnung „Anwendungsname“ und einer schwachen Schaltfläche „Weiter“; Schließen (X) oben links.

Hier sehen Sie alle von Ihnen eingerichteten Webhooks.

Webhook-Abonnements in Square

Wählen Sie die Schaltfläche „Abonnement hinzufügen“, um einen neuen Webhook zu erstellen.

Abonnement hinzufügen

Jetzt können Sie Ihrem Webhook einen Namen geben, damit Sie ihn in Zukunft leicht erkennen können.

Fügen Sie darunter die kopierte URL ein.

Formular mit dem Titel „Webhook-Abonnement hinzufügen“ mit Feldern für Abonnementname, Benachrichtigungs-URL und API-Version sowie einem Abschnitt „Ereignisse“ mit Kontrollkästchen und einer Suche nach „payment.created“ in der Nähe einer Schaltfläche „Speichern“.

Jetzt gibt es hier noch einen Schritt. Darunter sehen Sie eine Liste von Ereignissen.

Sie müssen hier 5 bestimmte Ereignisse auswählen:

  • Rechnung.Zahlung_erfolgt
  • oauth.autorisierung.widerrufen
  • zahlung.erstellt
  • zahlung.aktualisiert
  • refund.updated
Checkliste der Ereignisstatus mit Kontrollkästchen; ausgewählt: payment.created, payment.updated, refund.updated; andere nicht ausgewählt.

Wenn Sie wiederkehrende Spenden verwenden, wählen Sie auch subscription.created und subscription.updated aus. Die vollständige Liste der erforderlichen Ereignisse finden Sie in Ihrem Charitable-Dashboard. Unter der kopierten Webhook-URL sehen Sie die Liste der erforderlichen Webhook-Abonnements.

Nachdem Sie diese Ereignisse in Ihrer Square Developer Console ausgewählt haben, klicken Sie oben auf die Schaltfläche „Speichern“, um Ihren neuen Webhook zu speichern.

Speichern-Schaltfläche in Square-Webhooks

Das war's! Sie haben Ihr Charitable-Konto mit Square-Webhooks verbunden.

Jetzt können Sie zum Tab Webhooks » Abonnements gehen, und Sie sehen den Webhook, den Sie gerade eingerichtet haben.

Webhook erscheint im Dashboard

Kopieren Sie nach dem Speichern des Abonnements seinen Signaturschlüssel aus der Square Developer Console und fügen Sie ihn in das Feld Signaturschlüssel im Abschnitt Webhooks aktivieren in Charitable ein. Charitable verwendet diesen Schlüssel, um zu überprüfen, ob eingehende Webhooks tatsächlich von Square stammen. Stellen Sie dann sicher, dass Sie auch die Änderungen auf der Seite Square Gateway-Einstellungen in Ihrem WordPress-Admin-Panel speichern.

Wir empfehlen, ein oder zwei Testspenden zu tätigen, um sicherzustellen, dass Ihre Verbindung ordnungsgemäß funktioniert.

Wenn ein Spender nun einen Beitrag mit Square-Zahlungen leistet, wird er in der Spendenquittung wie folgt angezeigt:

Square-Spenden in Charitable anzeigen

Wenn eine Spende getätigt wird, werden die Transaktionsdetails von Charitable aufgezeichnet.

Sie können darauf unter Charitable » Spenden zugreifen.

Hier sehen Sie alle Spenden, die über alle von Ihnen auf Ihrer Website aktivierten Zahlungsgateways getätigt wurden.

Charitable zeigt die Spenden details wie Name, E-Mail-Adresse, gespendeten Betrag, Zahlungsgateway, Kampagne und Status an.

Dies gibt Ihnen einen Gesamtüberblick über alle erhaltenen Spenden.

Square-Spendenbeleg

Alle Transaktionen, die über das Square-Zahlungsgateway getätigt wurden, werden auch in Ihrem Square-Dashboard unter dem Tab Zahlungen & Rechnungen » Transaktionen angezeigt, wie hier:

Square-Transaktion abgeschlossen

Als Nächstes zeigen wir Ihnen, wie Sie Square-Rückerstattungen ausstellen.

Spenden mit Square zurückerstatten

Charitable erleichtert Ihnen die Ausstellung von Rückerstattungen für jede über Square getätigte Spende. Gehen Sie zu Charitable » Spenden und bearbeiten Sie den Spenden datensatz, den Sie zurückerstatten müssen.

Wählen Sie in der rechten Taskleiste im Abschnitt Spendenaktionen den Status „Erstattet“ aus dem Dropdown-Menü.

Spendenaufzeichnung

Sie sehen ein Kontrollkästchen „Automatisch in Square erstatten“. Aktivieren Sie dieses Kontrollkästchen und klicken Sie auf die Schaltfläche „Status aktualisieren“ .

Square-Transaktion erstatten

Das war's. Sie sehen die Rückerstattungsaktivität im Aktivitätsprotokoll auf derselben Seite.

Square-Spendendatensätze

Die Rückerstattung wird von Square bearbeitet. Sie können Ihr Square-Dashboard besuchen und sehen, dass die Rückerstattung vorgenommen wurde.

Rückerstattung in Square

Jetzt wissen Sie, wie Sie Square-Webhooks mit Charitable einrichten.

Häufig gestellte Fragen

Dies sind Antworten auf einige der häufigsten Fragen, die wir zum Einrichten von Square-Webhooks in Charitable erhalten.

Wie aktiviere ich Square-Zahlungen in Charitable?

Gehen Sie in Ihrem Charitable-Dashboard zu Einstellungen » Zahlungs-Gateways und aktivieren Sie das Square-Zahlungs-Gateway. Befolgen Sie dann unsere Square-Einrichtungsanleitung, um die Verbindung herzustellen.

Muss ich Webhooks sowohl für den Testmodus als auch für den Live-Modus einrichten?

Ja, Square stellt separate Anmeldeinformationen für die Sandbox- (Test-) und Produktions- (Live-) Umgebungen bereit. Stellen Sie sicher, dass Sie den richtigen Zugriffstoken verwenden, je nachdem, ob der Testmodus in Ihren Charitable-Einstellungen aktiviert ist.

Kann ich neben Square auch mehrere Zahlungs-Gateways aktivieren?

Ja, Charitable ermöglicht die Aktivierung mehrerer Zahlungs-Gateways. Sie können auch bestimmte Gateways für verschiedene Kampagnen aktivieren.

Möchten Sie als Nächstes mehr über die Erstellung von Kampagnen in Charitable erfahren? Sehen Sie sich unser Tutorial zur Erstellung Ihrer ersten Kampagne mit Charitable an.

Haben Sie noch Fragen? Wir helfen Ihnen gerne weiter!

Zuletzt geändert:

Was ist neu bei Charitable

Die neuesten Updates anzeigen
🔔 Abonnieren Sie, um unsere neuesten Updates zu erhalten
📧 E-Mails abonnieren

E-Mail-Abonnement

Abonnieren Sie unseren Newsletter

Wir werden Sie nicht spammen. Wir senden nur eine E-Mail, wenn wir glauben, dass sie Ihnen wirklich hilft. Abmeldung jederzeit möglich!

Neu Vorlagen

🤩 Neue Beacon Kampagnenvorlagen mit „Hero“-Block!

Mit den neuen Beacon Kampagnenvorlagen für Charitable Pro können Sie eine beeindruckende, bildschirmfüllende Spendenaktion starten, die sofort die Aufmerksamkeit der Besucher oberhalb der Falz erregt.

Spendenaktions-Header für Save Maple Grove Park mit einem Spenden-Widget und einem kleinen quadratischen Foto eines sonnenbeschienenen Baumes als Miniaturansicht links.

🔦 Wirkung oberhalb der Falz: Beginnen Sie mit einem bildschirmfüllenden Hero-Bild, Ihrem Logo und Ihrem Spendenziel mit einem Spenden-Widget, das direkt über dem Banner platziert ist, sodass Ihre Bitte und Ihr Schwung sofort ohne Scrollen registriert werden.

📐 Zwei flexible Layouts: Wählen Sie zwischen einem strukturierten Zwei-Spalten-Layout für nebeneinanderliegende Storys und unterstützende Details oder einer übersichtlichen Ein-Spalten-Ansicht für ununterbrochene Langform-Erzählungen.

⚡ All-in-One Hero-Feld: Angetrieben durch das neue Campaign Hero-Feld, das Hintergrundmedien, Live-Fortschrittsbalken, benutzerdefinierte Spendenbeträge und wiederkehrende Spendentabs in einem einzigen zusammenhängenden Block vereint, der in jedes Layout eingefügt werden kann.

🎨 Automatische Theme-Anpassung: Das Hero-Banner und das Spenden-Widget übernehmen automatisch die Button- und Akzentfarben Ihres Kampagnen-Themes, sodass Ihre gesamte Präsentation perfekt im Markenstil bleibt, ohne eine Zeile CSS anfassen zu müssen.

Hier mehr erfahren.

Spendenformular Funktion Neu

📝 Spendenformular-Block: Ein funktionierendes Spendenformular überall einbetten

Mit dem neuen Spendenformular-Block für Charitable Pro können Sie ein voll funktionsfähiges Spendenformular direkt auf jeder Seite oder jedem Beitrag im WordPress-Block-Editor platzieren. Keine Weiterleitungen, keine Seitenaktualisierungen und null Reibung zwischen dem Lesen Ihrer Geschichte und dem Leisten eines Beitrags.

📝 Formulare überall platzieren: Platzieren Sie ein funktionierendes Formular direkt auf Ihrer Homepage, in einem Story-basierten Blogbeitrag, auf einer speziellen Landingpage oder innerhalb einer Kampagnenankündigung.

🎯 Dynamische Kampagnenbindung: Wählen Sie einfach eine bestimmte Kampagne aus der Blockseitenleiste aus oder stellen Sie sie so ein, dass sie automatisch an die gerade angezeigte Kampagne gebunden wird.

📐 Vollständige vs. Minimale Formularansichten: Wechseln Sie zwischen einem vollständigen Layout oder einer kompakten Minimalansicht, um Seitenleisten, schmale Spalten oder breite Landingpages perfekt anzupassen.

🎨 Geltungsbereichspezifische No-Code-Stile: Passen Sie Typografie, Container-Abstände, Randradius, Betragsbuttons und Akzentfarben für jede Formularinstanz unabhängig voneinander an, ohne eine Zeile CSS zu berühren.

Hier mehr erfahren.

Botschafter Neu

👤 Erstellerprofile: Geben Sie jeder Peer-to-Peer-Kampagne ein Gesicht

Ambassadors 3.3.0 bietet jetzt Erstellerprofile – geben Sie Ihren Unterstützern ein permanentes, teilbares öffentliches Zuhause, das einmalige Spendenaktionen in dauerhafte Beziehungen verwandelt.

👤 Öffentliche Erstellerseiten: Geben Sie jedem Spendenwerber eine sofortige, übersichtliche Landingpage unter /creator/ihr-name/, um ihren benutzerdefinierten Avatar, ihre Biografie und ein durchsuchbares Raster ihrer Kampagnen zu präsentieren.

📊 Erfolgsnachweis: Steigern Sie das Vertrauen der Spender, indem Sie standortweite Meilensteine im Profil anzeigen – wie z. B. die insgesamt gesammelten Gelder und die Gesamtzahl der Spender.

💳 Interaktive Hover-Karten: Wenn Spender mit der Maus über den Namen eines Erstellers auf einer Kampagnenseite fahren, erweitert sich eine kompakte Karte mit ihrer Biografie und ihren Social-Media-Handles genau im Moment der Entscheidung.

📍 Verantwortungsvolle Standortfreigabe: Ermöglichen Sie Erstellern, ihren Standort sicher mitzuzeigen, indem Sie nur Stadt-, Bundesland- und Landesdetails verwenden.

🛠️ Eigenständige Anpassung: Spendenwerber können ihre eigenen Profile aktualisieren und bis zu sechs soziale Netzwerke direkt aus dem Hub „Meine Kampagnen“ verknüpfen, was Ihnen Administratorzeit spart.

Bereit, Ihre Fürsprecher zu stärken? Aktualisieren Sie auf Ambassadors 3.3.0 und aktivieren Sie noch heute „Öffentliche Erstellerseite aktivieren“!

Verbesserung Zahlungen

📱 Verwandeln Sie mobile Scroller in Spender: Treffen Sie Charitable's Mollie Upgrade

Verlieren Sie mobile Unterstützer, weil sie es hassen, lange Kartennummern auf ihren Handys einzugeben? Charitable's aktualisierte Mollie-Integration bietet:

⚡ One-Tap Wallet Checkout: Ermöglichen Sie Spendern, ihre Geschenke sofort mit Apple Pay oder Google Pay mit einem einfachen Gesichtsscan, Fingerabdruck oder Tippen abzuschließen.

💰 Keine zusätzliche PCI-Belastung: Überspringen Sie komplexe Domain-Verifizierung und Sicherheitskonformität, da alle Wallet-Transaktionen sicher über den gehosteten Checkout von Mollie abgewickelt werden.

🛠️ Benutzerdefinierte Abbruch-Weiterleitung: Sorgen Sie für ein vorhersehbares Erlebnis, indem Sie Spender, die abbrechen, automatisch an Ihre Abbruchseite weiterleiten, oder verwenden Sie Entwicklerfilter, um sie zu einer benutzerdefinierten Seite weiterzuleiten.

Besuchen Sie diese Seite, um mehr zu erfahren.

Botschafter verbessert Neu

Moderations- und Verzeichnisbildschirme in Ambassadors 3.0

Ambassadors 3.0 hat neue Funktionen: Moderations- und Verzeichnisbildschirme… sehen Sie jetzt ganz einfach diejenigen, die Spenden in Ihrem Peer-to-Peer-Netzwerk erhalten – einschließlich Kampagnenerstellern, die möglicherweise verifiziert werden müssen – alles an einem Ort. Generieren Sie Berichte, senden Sie E-Mails direkt an Botschafter und Kampagnenersteller und mehr.

🚀 Sehen Sie, wann Kampagnenersteller und Botschafter ihre Kampagnen aktualisiert haben, welche Spender/Spenden sie eingebracht haben und mehr.

🎉 Botschafter und Kampagnenersteller manuell hinzufügen und mit einem Klick genehmigen!

Besuchen Sie diese Seite, um mehr zu erfahren.