Load Lemon Sicus button with custom settings and display content.

by lemniscus

HTML

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/css/bootstrap.min.css"
/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/js/bootstrap.min.js"></script>

<!--
lemniscus Online-Termin Button

Pflicht:
- data-pss-token   Dein PSS-Token aus dem Portal

Optional – Position:
- data-side        right | left (Standard: right)
- data-height-pct  vertikale Position in Prozent (Standard: 50)

Optional – Design:
- data-theme       blue | dark | light (Standard: blue)


Automatische lemmniscus Kampagnen Zuordnung:

- Wenn in der Seiten-URL ein lemniscus Kampagnen-Token vorhanden ist
  (über ?lemCampToken=XYZ),
  verlinkt der Button automatisch auf diese Kampagne.

- Ist kein Kampagnen-Token vorhanden,
  führt der Button direkt auf das reguläre Online-Terminportal
  der Praxis (basierend auf dem PSS-Token).


-->
<script
  async
  src="https://lemniscus-my.eu.ngrok.io/js/lemniscus-button.js"
  data-lemniscus-server="https://lemniscus-my.eu.ngrok.io"
  data-pss-token="cc1004e4-46be-449f-b0da-e977d10c9901"
  data-side="l"
  data-height-pct="70"
  data-theme="dark"
></script>

<div class="container py-4">
  <img class="mb-4 img-fluid" src="https://picsum.photos/500/200" />

  <h1>Lorem ipsum</h1>

  <p>
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
    eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
    voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
    amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
    nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
    diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
    amet.
  </p>

  <ul
    class="nav nav-pills...