YOGO-guide till att ställa in widgets på din webbplats

Kom snabbt igång med att integrera YOGO:s widgets på din webbplats

För att göra en fullständig integration av widgets på din webbplats ska du lägga in en liten kodsnutt i <head></head> på din webbplats. Kontakta oss för att få koden skickad till dig.

Du är nu redo att infoga de olika widgets på din webbplats

Gå till den sida du vill visa något på och infoga följande koder som HTML på de sidor där du vill att de ska visas:


Kalender:

<div class="yogo-calendar"></div>


Priser:

<div class="yogo-prices"></div>

För att visa en specifik prisgrupp:

<div class="yogo-prices" data-price-group="xxxx"></div>

('xxxx' ersätts med namnet på prisgruppen).

Följande tillägg kan ställas in på din priswidget:

Fält Beskrivning
data-show-prices-dropdown="true" Visar även en filternivå för de enskilda priserna där det första priset i listan är förvalt.
data-show-prices-all-option="true" Om du även har ställt in data-show-prices-dropdown, kan detta fält ställas in om du vill ha ett "Alla"-alternativ på filternivån för de enskilda priserna. "Alla" kommer att vara förvalt.

 


Event/evenemang:

<div class="yogo-events"></div>

För att visa en specifik evenemang:

<div class="yogo-events" data-event-group="xxxx"></div>

('xxxx' ersätts med ID:t till evenemang. Detta kan hittas i admin till vänster om evenemang namn).


Logga in:

Du kan också visa en 'Logga in'-knapp i menyn. I detta fall kan du använda denna länk:

https://namnpåyogokonto.yogobooking.se/frontend/index.html#/my-profile

('namnpåyogokonto' ersätts med ditt YOGO Client Domain).

💡 Du kan också länka direkt till alla försäljningar, t.ex. om du vill ha en anpassad uppsättning på webbplatsen eller om du vill länka från nyhetsbrev, Facebook etc. Se hur här.

Kontakta oss gärna om du har frågor eller behöver hjälp med inställningen.