Get started with integrating YOGO's widgets on your website
To make a full integration of widgets on your website, a small piece of code needs to be placed within the '<head></head>' section of your website. 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 something to be displayed and insert the following codes as HTML on the pages where you want it to appear:
Schedule
<div class="yogo-calendar"></div>
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 course group:
<div class="yogo-events" data-event-group="xxxx"></div>
(replace 'xxxx' with the ID of the course group. This can be found in the admin section to the left of the course group name).
Login
You can also display a 'Log in' button in the menu. In this case, you can use this link:
https://nameonyouraccount.yogobooking.com/frontend/index.html#/my-profile
(replace 'nameonyouraccount' with your YOGO Client Domain).
💡 You can also link directly to all sales, for example, if you want a custom setup on the website or if you need to link from a newsletter, Facebook, etc. See how here.
Feel free to contact us if you have any questions or need assistance with setup.