Get started quickly with integrating YOGO into your website
To perform a full integration on your website, you need to insert a small piece of code into the '<head></head>' section of your website.
Please contact us to receive this code.
You are now ready to insert the various widgets on your website. Go to the page where you want to display something and insert the following HTML codes on the pages where you want them to appear:
Calendar:
<div class="yogo-calendar"></div>
💡 You can also filter by class types. Find more information about it here.
Prices:
<div class="yogo-prices"></div>
To display a specific price group:
<div class="yogo-prices" data-price-group="xxxx"></div>
(Replace 'xxxx' with the name of the price group.)
Events:
<div class="yogo-events"></div>
To display a specific event group:
<div class="yogo-events" data-event-group="xxxx"></div>
(Replace 'xxxx' with the ID of the event group. You can find this in the admin panel to the left of the event group name.)
Log in: You can also display a 'Log in' button in the menu. In this case, use this link:
https://nameonyourYOGOaccount.yogo.dk/frontend/index.html#/my-profile
(Replace 'nameonyourYOGOaccount' with your YOGO Client Domain.)
💡 You can also directly link to all sales, for example, if you want a custom setup on your website or if you want to link from a newsletter, Facebook, etc. Find out how to do it here.
Feel free to contact us if you have any questions or need assistance with setup.