Einbindung in deine Webseite (allgemeine Anleitung)

Du kannst die lemniscus-Online-Terminbuchung entweder nur verlinken oder direkt in deine Homepage einbetten. Wir bieten beide Verfahren an, empfehlen aber die Verlinkung. Das Einbetten der Online-Terminbuchung in die eigene Homepage sieht selten wirklich gut aus, da das Design der Webseite und das Design der Online-Terminbuchung meistens so unterschiedlich sind, dass es die Online-Terminbuchung wie ein Fremdkörper aussehen lässt. Bei der Verlinkung haben wir auch weniger Probleme mit der mobilen Ansicht erfahren.

Einbindung durch Verlinkung

Die Einbindung durch Verlinkung ist sehr einfach - man muss nur einen Link auf die Homepage setzen. Je nach Wunsch und Designmöglichkeiten kann ein einfacher Link oder eine Schaltfläche zum Einsatz kommen. Deinen persönlichen Link findest du, sobald du die Online-Terminbuchung eingeschaltet hast, links unten in den Einstellungen:

Einbindung durch Einbettung

Die Einbindung durch Einbettung ist etwas komplizierter, da man sich bei diesem Ansatz mit den Webtechnologien der eigenen Webseite auskennen muss. Wir haben dedizierte Videos für verschiedene Anbieter - wie zum Beispiel Jimdo - soweit uns diese bekannt sind in anderen Artikeln beschrieben. Hier wollen wir lediglich die Informationen zusammentragen, die ein Webdesigner benötigt, um die Online-Terminbuchung in eine Seite einzubetten.

Der folgende JavaScript muss auf der Seite (im Header-Bereich der HTML-Seite) eingebunden werden:

<script type="text/javascript">

var pssConfig = {
    "host" : "https://my.lemniscus.de",
    "token" : "___DEIN__TOKEN___AUS___DEN____EINSTELLUNGEN____",
    "showFooter" : "true",
    "breadcrumsBackgroundColor" : "#007bff"
}
document.write("<script type='text/javascript' src='https://my.lemniscus.de/pss/pss.nocache.js?v=" + Date.now() + "'><\/script>");
</script>

Zusätzlich muss im Body-Bereich der Seite das folgende “div”-Element an der Stelle auf der Seite eingetragen werden, in der die Online-Terminbuchung eingeblendet werden soll:

<div id="pss" style="margin: 30px auto;" ></div>

Konfigurationsoptionen

Bei der Einbettung stehen der Online-Terminbuchung ein paar Konfigurationsoptionen zur Verfügung:

var pssConfig = {
 "host" : "https://my.lemniscus.de",
 "token" : "___DEIN__TOKEN___AUS___DEN____EINSTELLUNGEN____",
 "showFooter" : "true",
 "breadcrumsBackgroundColor" : "#007bff"
}

Die Option "host" muss immer gleich bleiben und zeigt auf den Server, mit der die Online-Terminbuchung kommunizieren soll. Die Option "token" ist für den eigenen Token aus den Einstellungen in lemniscus vorgesehen. Die Option “showFooter” schaltet die Anzeige der Praxisdaten im unteren Bereich ein. Wenn die Online-Terminbuchung auf der eigenen Homepage eingebunden wird, ist das natürlich nicht nötig. Die Option “breadcrumsBackgroundColor” definiert die Hintergrundfarbe des oberen Streifens, in dem der Fortschritt angezeigt wird.