Seite drucken

Integriere eine WordPress Webseite mit SuperSaaS

Auf dieser Seite wird erklärt, wie Du einen SuperSaaS-Terminbuchungskalender in eine WordPress basierte Website integrieren kannst, so dass sich Deine Nutzer nur einmal anmelden müssen, um sowohl auf Deine Website als auch auf den SuperSaaS-Terminbuchungskalender zugreifen zu können. Um diese Funktion nutzen zu können, musst Du Dich zunächst für ein (kostenloses) SuperSaaS-Konto anmelden.

Wenn sich die Benutzer Deiner Webseite nicht anmelden müssen, dann folge besser der allgemeinen Anleitung, wie Du einen Terminbuchungskalender integrieren und in Deine Webseite einbetten kannst. Die hier gezeigte Anwendung funktioniert nur, wenn der Benutzer sich bereits auf Deiner eigenen WordPress Webseite angemeldet hat.

WordPress Benutzeranmeldung für Deinen SuperSaaS online Terminbuchungskalender einsetzen

Das Plugin SuperSaaS für WordPress Erweiterungen zeigt einen "Jetzt buchen!" Button, der die Benutzer automatisch bei dem SuperSaaS online Terminbuchungskalender einloggt, indem er seinen WordPress Benutzer Namen verwendet. Wenn Du nicht ein Registrierungssystem zur Benutzeranmeldung von WordPress (Plugin für Benutzer Management) einsetzt, dann solltest Du lieber die allgemeine Anleitung benutzen, wie Du einen Terminbuchungskalender in Deine Webseite einbetten kannst.

Der erstellte Button, der durch das Plugin erstellt wird, leitet die Informationen der Benutzerdaten zu SuperSaaS weiter, indem er den Benutzer in der SuperSaaS Datenbank erstellt oder gegebenenfalls aktualisiert. Das erspart Deinen Benutzern sich für das online Buchungssystem noch einmal anzumelden und vermeidet damit, dass sie sich zweimal einloggen müssen, um eine Buchung zu machen.

Installation und Erstellung des Plugin in WordPress

  1. Installiere das Plugin. Für WordPress 3+, gehe zu Dashboard>Plugins und wähle “Installieren” und suche dort nach SuperSaaS. Klicke “Jetzt installieren” und aktiviere so das Plugin. Klicke dann oben “Aktivieren” damit das Plugin zu Deinen installierten Plugins automatisch hinzugefügt wird.

    Ältere WordPress Versionen: Bei älteren Versionen von WordPress solltest Du das Plugin zuerst auf Deinen Computer runterladen. Wähle dann im Backend Menü vom WordPress Administrator Plugins>Installieren aus dem Menü auf der linken Seite. Klicke “Plugin hochladen” oben und wähle die Datei aus, die Du heruntergeladen hast. Klicke auf “Installieren” und wenn alles gut gelaufen ist, dann kannst Du anschließend auf einen Link zur Aktivierung des Plugin klicken.

  2. Das Plugin einrichten. Wähle Einstellungen>SuperSaaS aus dem Menü aus, um die SuperSaaS Einstellungen auszufüllen:
    • SuperSaaS Kontoname * – Das ist der Name Ihres SuperSaaS-Konto (nicht die E-Mail Adresse)
    • SuperSaaS API Schlüssel * – Du kannst den API Schlüssel (API key) von Deinem SuperSaaS Konto finden am Ende der Konto Info Seite.
    • Name vom Terminbuchungskalender – Hier kannst Du den Namen des Kalenders oder die volle URL (Webadresse) des Kalenders eingeben. Wenn Du möchtest, dass Deine Benutzer eine spezifische Ansicht vom Terminbuchungskalender sehen sollen, wie beispielsweise die mobile Ansicht, dann kannst Du die URL entsprechend anpassen. Falls Du mehr als einen Terminbuchungskalender verwenden möchtest, dann sieh dir bitte die Anleitung ‘Button…hinzufügen’ weiter unten dazu an.
    • Button Label – Die Bezeichnung des Buttons. Der Standardwert ist "Jetzt buchen!" oder dieselbe Bedeutung in einer der unterstützten Sprachen. Wenn der Button ein Hintergrundbild (Button Grafik) hat, wird der neue Text der auf dem Button stehen. Ideal ist eine sehr kurze Aufforderung, wie beispielsweise ‘Reservieren Sie hier!'.
    • Button Grafik – Die URL des Hintergrundbildes bzw. der Grafik des Buttons. Dazu gibt es keine standardisierte Voreinstellung. Falls hier nichts eingestellt wird, hat der Button keinen Hintergrund. Beispiel:
      https://static.supersaas.net/de/but/buchen-lila.png
      Buchen!
      (Siehe hier weitere Beispiele)
    • Custom Domain-Name – Wenn Du einen üblicherweise von Dir verwendeten Wunsch Domain Namen benutzt, um auf Deinen Terminbuchungskalender zu verweisen, dann kannst Du diesen hier eingeben, um Deine Benutzer dorthin zu leiten.
    (* – Pflichtfeld)
WordPress SuperSaaS Plugin Einstellungen

Installiere WordPress Erweiterungen

Bei WordPress 3+ ist es einfach ein SuperSaaS Modul einzufügen.
  • Links im Administrationsbereich von WordPress wähle im Menü “Plugins” → “Plugins hinzufügen”
  • Suche nach “SuperSaaS”
  • Klicke “Jetzt installieren” + “Aktivieren”
  • Folge der Anleitung oben ab Punkt 2

Die Kontoeinstellungen von SuperSaaS an WordPress anpassen

Die Nutzerdatenbank von WordPress ist führend: die Benutzerinformationen von Deiner WordPress Webseite werden zu SuperSaaS übertragen, aber nicht andersherum. Deswegen empfehlen wir, dass Deine Benutzer keine Änderungen an den eigenen Nutzerdaten auf SuperSaaS vornehmen dürfen, denn das könnte zu Verwirrungen führen. Wenn beispielsweise ein Benutzer sein Passwort für SuperSaaS ändert, könnte er dabei vielleicht nicht bemerken, dass sein Passwort für die WordPress Webseite noch immer dasselbe ist. Nimm bitte folgende Änderungen in Deinem SuperSaaS Konto vor, um mögliche Unsicherheiten in diesem Bereich vorzubeugen:

  • Auf dem Dashboard unter Zugangskontrolle wähle Login und Registrierung werden auf Ihrer Webseite verwaltet und speichere das
  • Auf dem Dashboard unter Zugangskontrolle wähle Verhindern, dass Benutzer ihre eigenen Informationen aktualisieren und speichere das
  • Auf dem Dashboard unter Layouteinstellungen fülle unter der Rubrik Aussehen nach Ihre URL die URL (Webadresse) der Webseite ein, wo die Benutzer Deiner Seite sich anmelden können und speichere dann

Zweitens solltest Du sicherstellen, dass die Datenfelder aus WordPress mit der Benutzerdatenbank von Deinem SuperSaaS Konto zusammen passen. Nimm dazu folgende Änderungen über das Dashboard unter Zugangskontrolle vor:

  • Entferne das Häkchen bei E-Mail-Adresse als Login-Namen verwenden
  • Ändere die Markierung bei Login-Name / E-Mail zu Optional (oder Pflichtfeld)
  • Ändere die Markierung bei Vollständiger Name zu Optional
  • Ändere die Markierung aller anderen Felder auf Nicht fragen (Du kannst auch das Feld Passwort so einstellen, wenn Du zuvor Login und Registrierung werden auf Ihrer Webseite verwaltet) gewählt hast

Nun kannst Du den Button auf Deiner Webseite ausprobieren. Als Administrator musst Du Dich immer noch über die Hauptseite von SuperSaaS anmelden. Also solltest Du es lieber stellvertretend, wie ein normaler Benutzer Deiner Webseite, ausprobieren. Wenn Du Superbenutzer in SuperSaaS einsetzen willst, dann sollten sich diese mindestens einmal über den Button über Deine Webseite angemeldet haben, bevor Du deren Rolle unter Benutzer-Management änderst.

SuperSaaS Zugangskontrolle

SuperSaaS anpassen

Das Bild zeigt die Seite Zugangskontrolle in Deinem SuperSaaS Konto, nachdem Du die oben beschrieben Einstellungen vorgenommen hast.

Button auf Deiner Webseite hinzufügen

Platziere den Kurzbefehl [supersaas] überall auf Deiner Webseite, wo Du gerne den Button für die Buchungszwecke Deiner Kunden zeigen willst. Der Kurzbefehl kann zusätzliche Parameter enthalten, wie after (nach), label (Benennung) und image (Bild), um die Werte der Voreinstellungen für die Darstellung zu überschreiben. Das ist besonders hilfreich, wenn Du mehrere Buttons (Schaltknöpfe) bei verschiedenen Terminbuchungskalendern einfügen willst, wie beispielsweise:

[supersaas after="kalender1" label="Buche in Kalender 1"]
[supersaas after="kalender2" label="Buche in Kalender 2" image="https://cdn.supersaas.net/de/but/jetzt-reservieren-rot.png"]
Mehrere Buttons zum Termine buchen in einen WordPress Beitrag hinzufügen Shortcode im klassischen Editor (WordPress < 5.6)
Shortcode Block zu WordPress-Beitrag hinzufügen Shortcode im Block einsetzen (WordPress >= 5.6)
Mehrere Schaltflächen/Buttons in einem Beitrag einsetzen Schaltfläche/Button Ergebnis

In Beispiel 1 wird die Hintergrundfarbe im Button durch die Einstellungen in Deinem WordPress Konto festgelegt. Den Text im Button kannst Du jeweils anpassen.

In Beispiel 2 bestimmt die Bilddatei das komplette Aussehen und den Text.

Beide Beispiele leiten zu dem von Dir ausgewähltem Terminbuchungskalender weiter, den Du bei den Einstellungen unter SuperSaaS in Deinem WordPress Konto gespeichert hast. Mit diesen Einstellungen kannst Du schnellere Reservierungen anbieten und Buchungen und E-Mail-Kontakte vollständig im Überblick behalten.

Tipps zur Problemlösung

  • Beachte, dass die Schaltfläche und damit der Zugang zur Buchungsmöglichkeit nur für angemeldete Benutzer sichtbar auf Deiner WordPress Webseite ist.
  • Wenn Du eine Fehlermeldung erhältst, wie beispielsweise E-Mail ist keine gültige E-Mail-Adresse, dann lies bitte den vorangegangenen Absatz noch einmal durch, um sicherzugehen, dass Du die richtigen Einstellungen in Deinem SuperSaaS Konto vorgenommen hast.
  • Wenn ein Klick auf den Button den Benutzer weiterleitet, ihn dabei aber nicht anzumelden scheint, und Du eine URL in das Feld Name vom Terminbuchungskalender oder die URL im Backend von WordPress bei der Einrichtung des Plugins unter Einstellungen SuperSaaS eingegeben hast, dann stelle sicher, dass dieselbe Domain mit dieser URL auch im Feld Custom Domain-Name eingegeben ist und speichere die Einstellungen erneut.