Einbetten

So richten Sie es ein

1. Gehen Sie im wp-admin-Bereich Ihrer Website zu Baza Booking Calendar – Einstellungen – Einbetten, setzen Sie ein Häkchen bei „Einbetten auf anderen Websites zulassen“ und speichern Sie die Einstellungen.
2. Geben Sie auf demselben Bildschirm unter „Zur Einbettung zugelassene Websites“ die Websites ein, die den Kalender einbetten dürfen – jeweils eine pro Zeile, nur Host: example.com Lassen Sie das Feld leer, dann darf jede Website den Kalender einbetten – was auch bedeutet, dass jede Website ihn unter einem eigenen Eintrag anzeigen kann.
3. Wählen Sie auf demselben Bildschirm aus, was Sie einbetten möchten, und kopieren Sie die Zeile, die dort automatisch generiert wird. Oder nehmen Sie eines der folgenden Beispiele – diese sind bereits ausgefüllt und entsprechen demselben Inhalt.
4. Fügen Sie den Code an einer beliebigen Stelle auf der Seite ein, an der der Kalender erscheinen soll. Es muss dort nichts installiert werden: kein Plugin, kein WordPress, kein Konto.

Beispiele

Der gesamte Kalender mit der Terminauswahl

<script src="https://bazadevelopers.com/bbc-embed.js"></script>

Mehr ist nicht nötig. Es handelt sich um denselben Kalender, der auch auf Ihren eigenen Seiten angezeigt wird, mit denselben Leistungen, Preisen und Regeln.

Ein einzelner Dienst

<script src="https://bazadevelopers.com/bbc-embed.js" data-service="12"></script>

Die ID des Dienstes, wie sie in der obigen Dienstliste angegeben ist. Die Auswahlliste wird nicht angezeigt, und der Kunde bucht diesen einen Dienst.

Anmelde-Schaltfläche für ihre Kopfzeile

<script src="https://bazadevelopers.com/bbc-embed.js" data-type="auth" data-account-url="/account/" data-login-text="Log in" data-account-text="My account"></script>

Es wird als Markup und nicht als Frame geladen, sodass sich das Menü über der Seite öffnet. „data-account-url“ ist die Seite auf DER Website, auf der das Konto gehostet wird – jeder Link im Menü verweist darauf, sodass niemand auf Ihre Website weitergeleitet wird.

Das Kundenkonto auf einer eigenen Seite

<script src="https://bazadevelopers.com/bbc-embed.js" data-type="account" data-account-url="/account/"></script>

Fügen Sie dies auf der Seite ein, die Sie in „data-account-url“ angegeben haben. Buchungen, Kontostand, Treueprogramm und das Profil – einfach alles. Das Ein- und Ausloggen erfolgt auf dieser Seite, ohne dass der Nutzer sie verlässt.

Wo der Kunde nach der Bezahlung landet

<script src="https://bazadevelopers.com/bbc-embed.js" data-return-url="/thank-you/" data-cancel-url="/booking/"></script>

Im Kalender vermerkt. Beide Adressen müssen auf einer der oben aufgeführten Websites stehen – eine Zahlung wird niemals an eine Adresse zurückgeschickt, für die niemand gebürgt hat.

Die Quittung auf der Seite, auf der sie landen

<script src="https://bazadevelopers.com/bbc-embed.js" data-type="payment" data-home-url="/"></script>

Fügen Sie dies auf der Seite ein, die in „data-return-url“ angegeben ist. Dort werden die Bestellung, die Daten und der bezahlte Betrag angezeigt – das Zahlungsportal fügt die Buchungsnummer zur Adresse hinzu, und diese wird dort ausgelesen. „data-home-url“ gibt an, wohin die Schaltfläche auf der Website des Anbieters führt.

Wie viel Platz es einnimmt

<script src="https://bazadevelopers.com/bbc-embed.js" data-width="100%" data-max-width="1200px"></script>

Eine Zahl steht für die Anzahl der Pixel; alles andere wird wörtlich übernommen. Wird sie weggelassen, füllt sie den gesamten verfügbaren Platz auf der Seite aus.

Ein anderes Erscheinungsbild als auf Ihren eigenen Seiten

<script src="https://bazadevelopers.com/bbc-embed.js" data-theme="dark" data-view="month" data-whole-day="yes"></script>

Das Thema, die Ansicht und die ganztägige Buchung gelten ausschließlich für diese Einbettung. Sind diese Optionen nicht angegeben, gelten jeweils Ihre Design-Einstellungen.

Wenn der Page Builder ein Script-Tag nicht beibehält

<div data-bbc-embed data-service="12"></div> <script src="https://bazadevelopers.com/bbc-embed.js"></script>

Ein leeres Element mit denselben Attributen bewirkt dasselbe, egal wo es steht. Fügen Sie das Skript einmal an einer beliebigen Stelle auf der Seite ein.

Zwischenspeicherung

Wenn Ihre Website ein Plugin zum Seiten-Caching verwendet (LiteSpeed Cache, WP Rocket, W3 Total Cache, WP Super Cache und andere), müssen drei Einstellungen vorgenommen werden, da das Buchungsformular sonst Fehlfunktionen aufweist, die wie Fehler im Formular selbst aussehen:

• Servieren Sie angemeldeten Besuchern keine zwischengespeicherten Seiten. Eine für Gäste erstellte Seite enthält die Sicherheitstoken der Gäste, und jedes einzelne davon wird abgelehnt, wenn ein angemeldeter Benutzer diese Seite aufruft.
• Lassen Sie nicht zu, dass der JavaScript-Optimierer die Inline-Skripte dieses Plugins zusammenfasst oder verschiebt. Dort sind dessen Einstellungen und Tokens gespeichert, und eine zusammengefasste Datei ist eine einzige Datei für alle – was bedeutet, dass das Token eines Besuchers an alle anderen weitergegeben wird.
• Die Lebensdauer der Seite sollte unter zwölf Stunden liegen, oder schließen Sie die Seiten aus, die das Buchungsformular enthalten. Ein Sicherheitstoken ist etwa so lange gültig, und eine Seite, die älter ist als ihr eigenes Token, führt zu Ablehnungen.

Und leeren Sie den Cache einmal, nachdem Sie eine dieser Einstellungen geändert haben. Das Plugin fordert ein neues Token an und versucht es erneut, wenn es auf ein veraltetes stößt, sodass ein gewöhnlicher Besucher dadurch nicht aufgehalten wird – eine Seite, die für die falsche Person erstellt wurde, lässt sich jedoch vom Browser aus nicht korrigieren.

Häufige Probleme

• Es wird überhaupt nichts angezeigt: Die oben genannte Einstellung ist deaktiviert, oder die Lizenz erlaubt keine Einbettung. Wenn diese Einstellung deaktiviert ist, stellt diese Website bewusst keine Inhalte bereit.
• Der Kalender wird zwar angezeigt, aber jeder Tag ist ausgeblendet: Die Website, auf der er sich befindet, ist nicht in der obigen Liste aufgeführt. Eine nicht aufgeführte Website wird abgefragt, ohne dass die Berechtigung zum Lesen der Antwort vorliegt, und der Browser verwirft die Antwort.
• Die Anmeldung bleibt nicht bestehen: Beide Websites müssen über HTTPS laufen. Ein Browser weigert sich, eine Sitzung für eine Website aufrechtzuerhalten, während sich der Besucher auf einer anderen befindet, es sei denn, beide sind gesichert.
• Das Konto-Menü führt zu dieser Seite: „data-account-url“ fehlt. Ohne diese Angabe weiß niemand, wo sich die eigene Kontoseite befindet, sodass die Links so bleiben, wie sie hier geschrieben wurden.
• Zwei Kalender auf einer Seite: Es kann nur einer auf einer Seite dargestellt werden – dessen Einstellungen gelten für die gesamte Seite. Fügen Sie dem zweiten Kalender das Attribut „data-frame="yes"“ hinzu, um ihn in einem eigenen Rahmen anzuzeigen.
• Die Quittungsseite ist leer: Sie wird erst gedruckt, wenn das Gateway den Kunden dorthin zurückgeleitet hat, da die Buchungsnummer in der Adresse enthalten ist. Wenn man diese Seite manuell öffnet, wird nichts angezeigt, was korrekt ist.