Online-Zahlungen

Mit KissCal stehen euch automatisch Funktionen für eine Online-Terminbuchung sowie Online-Gutscheinkauf für eure Kunden zur Verfügung. Wie ihr diese einrichtet sowie auf eurer Website einbindet, findet ihr in den entsprechenden Tutorials Online-Gutscheine und Online-Termine.

Damit eure Kunden ihre Gutscheine sowie evtl. Terminkautionen bequem online zahlen können, benötigt ihr entsprechende Online-Konten. Wir bieten mit KissCal Schnittstellen zu PayPal sowie Stripe (Sofort-Überweisung) an. Nachfolgend zeigen wir euch, wie ihr diese Konten einrichtet und mit KissCal verknüpft.

Abschließend stellen wir euch noch das Zahlungs-Management in KissCal vor, wo ihr alle durchgeführten aber auch abgebrochenen Zahlungen findet und bei Bedarf für einen Kunden seinen Gutschein erneut ausdrucken könnt.

Damit der Kunde seinen Gutschein oder seine Terminkaution bequem per PayPal zahlen kann, benötigt ihr eine sog. PayPal-Client-ID. Voraussetzung dafür ist, dass ihr ein PayPal Geschäftskonto habt. Dann könnt ihr euch auf PayPal-Developer einloggen:

Ihr gelangt auf das Dashboard der PayPal Developer Seite. Bevor es weitergeht, müsst ihr zunächst einmal zum Live-Modus wechseln:

Anschließend klickt ihr im Bereich "App Name" auf "Create App" und gebt auf der nachfolgenden Seite einen App-Namen ein:

Den App-Namen bestätigt ihr wieder mit einem Klick auf "Create App". Anschließend scrollt ihr etwas weiter runter, wo ihr die Zahlungsoptionen festlegt:

Die Optionen "Rechnung/Invoice" und "Payouts" sollten deaktiviert werden. Nicht vergessen, diese Änderung zu speichern über "Save".

Wenn ihr anschließend wieder nach Oben scrollt, findet ihr dort die Client-ID eurer PayPal-App. Diese müsst ihr anklicken und mit Cut&Paste (Ctrl-C und Ctrl-V) in das entsprechende Feld bei euren Studio-Daten kopieren.

Anschließend klickt ihr darunter bei "Secret" auf "Show". Euch wird dann der passende Secret-Schlüssel zu dieser Client-ID angezeigt:

Den Secret-Schlüssel kopiert ihr wiederum in das entsprechende Feld bei euren Studiodaten.

Stripe ist ein Anbieter, mit dem Ihr für euer Geschäftskonto eine Sofort-Überweisung anbieten könnt. Dazu müsst ihr ein Konto bei Stripe anlegen: zu Stripe. Auf deren Website findet ihr auch alle weiteren Information zu Preisen und Konditionen.

Um ein Konto bei Stripe anzulegen, klickt ihr einfach auf den entsprechenden Button:

Es sind im ersten Schritt nur ein paar Daten erforderlich:

Ihr gelangt automatisch in das (englisch sprachige) "Dashboard", wo ihr als erstes eurem Konto einen Namen gebt:

Inzwischen sollte in eurem EMail-Postfach eine Mail von Stripe angekommen sein mit einem Bestätigungs-Link, auf den ihr Klickt:

Ihr gelangt zum Strip-Login, wo ihr euch mit der Email und dem Passwort anmeldet, das ihr weiter oben vergeben habt.

Im nächsten Schritt aktiviert ihr euren Account:

Damit Stripe Geld auf euer Konto überweisen kann, benötigt es eure Geschäftsdaten. Bitte nehmt euch Zeit, diese Seite sorgfältig und vollständig auszufüllen:

Das war’s im Grunde schon, um euer Stripe-Konto einzurichten. Ihr könnt noch viele weitere Einstellungen vornehmen und das Dashboard jederzeit nutzen, um eure Zahlungen zu verfolgen.

Als nächstes verknüpfen wir jetzt euer Stripe-Konto mit eurem KissCal. Dazu klickt ihr links im Menü auf "Developers":

Dann auf "API Keys" und rechts auf "Create restricted Key":

Bei dem Key-Namen tragt ihr KissCal ein. Ihr aktiviert die entsprechenden Zugriffsrechte wie abgebildet und klickt dann auf "Add Key":

Bei den "Restricted Keys" taucht jetzt KissCal auf. Über einen Klick auf "Reveal live key token" bekommt ihr Zugriff auf den Key. Mit Doppelklick auf den Key und Strg-C (Copy) könnt ihr diesen Key in die Zwischenablage kopieren.

Wechselt zu KissCal in die Einstellungen (Zahnrad), Studiodaten, dort auf den Reiter "Online-Service" und kopiert den neuen Stripe-Key in das Feld "Stripe-Secret":

Am besten lasst ihr KissCal parallel offen - wir brauchen es gleich nochmal. Wechselt wieder zu Stripe, klickt links im Menü auf "Webhooks" und dann rechts auf "Add endpoint":

Hier müsst ihr nun den KissCal Webhook für Stripe hinterlegen.

Dazu wechselt ihr wieder zu KissCal (Studio-Daten sind ja noch offen) und kopiert den Inhalt aus dem Feld "Link-Stripe-Webhook" in die Zwischenablage. Verwendet dafür den "Copy"-Button neben dem Feld:

Wechselt wieder zurück zu Stripe. Mit Strg-V könnt ihr den Link jetzt in das entsprechende Feld kopieren. Anschließend klickt ihr bei "Filter event" auf "select types to send" und aktiviert die notwendigen Events, wie nachfolgend gezeigt (und nur die!):

Mit Klick auf "Add enpoint" legt ihr dann den Webhook an.

Ihr gelangt zurück in das Dashboard, wo ihr nun nochmals auf den eben angelegten Webhook klicken müsst:

Bei "Signing Secret" findet ihr nun das Webhook-Secret. Klickt auf "Reveal", Kopiert den Inhalt des Feldes wieder in die Zwischenablage…​

…​und wechselt zu KissCal. Dort fügt ihr das Webhook-Secret in das Feld "Stripe-Webhook-Secret" ein.

Speichern nicht vergessen!

Zum Schluss müsst ihr die Sofort-Überweisung noch als Zahlungsmethode aktivieren. Dazu klickt ihr links im Menü auf "Einstellungen", dann auf "Zahlungsmethoden".

Rechts im Bildschirm nach unten scrollen und bei "SOFORT" auf "Aktivieren" klicken.

Die Aktivierung dauert ein paar Minuten. Ihr werdet automatisch per Email informiert, sobald euch die Sofort-Überweisung zur Verfügung steht.

Ihr gelangt in eine Übersicht der Online-Zahlungen:

Die Spalte ID werdet ihr in der Regel nicht benötigen. Sie dient für evtl. Support-Anfragen bei PayPal oder Stripe. Interessant sind die nächsten Spalten: