So einfach kannst du mit Hilfe der Widgets YOGO in deine Website integrieren
Um eine vollständige Integration von Widgets auf deiner Website zu ermöglichen, muss ein kleiner Codeabschnitt in „<head></head>“ auf deiner Website eingefügt werden. Kontaktiere uns, um dir diesen Code zusenden zu lassen.
Du kannst nun die verschiedenen Widgets auf deiner Website einfügen.
Gehe auf die Seite, auf der etwas angezeigt werden soll, und füge die folgenden Codes als HTML ein:
Kursplan:
<div class="yogo-calendar"></div>
<div class="yogo-prices"></div>
So wird eine bestimmte Preisgruppe angezeigt:
<div class="yogo-prices" data-price-group="xxxx"></div>
(Ersetze 'xxxx' mit dem Namen der gewünschten Preisgruppe).
Die folgenden Ergänzungen können für dein Preis-Widget eingestellt werden:
| Feld | Beschreibung |
data-show-prices-dropdown="true" |
Zeigt auch eine Filterebene für die einzelnen Preise an, wobei der erste Preis in der Liste voreingestellt ist. |
data-show-prices-all-option="true" |
Wenn du auch data-show-prices-dropdown gesetzt hast, kann dieses Feld aktiviert werden, wenn du eine "Alle"-Option auf der Filterebene für die einzelnen Preise möchtest. "Alle" wird voreingestellt sein. |
Events:
<div class="yogo-events"></div>
Um eine bestimmte Eventgruppe anzuzeigen:
<div class="yogo-events" data-event-group="xxxx"></div>
(Ersetze 'xxxx' mit der Eventgruppen ID, die du im YOGO Adminmodul finden kannst).
Produkte:
<div class="yogo-products"></div>
Einloggen:
Du kannst im Menü auch eine Schaltfläche „Einloggen“ anzeigen lassen. In diesem Fall verwendest du diesen Link:
https://DEINstudioName.yogobooking.de/frontend/index.html#/my-profile
(Ersetze 'DEINstudioName' durch deinen YOGO-Namen. Kennst du diesen nicht, dann kontaktiere uns).
💡 Du kannst auch gezielt auf ausgewählte Angebote verlinken. Erfahre dazu hier mehr.
Kontaktiere uns, wenn du Fragen hast oder Hilfe bei der Einrichtung benötigst.