Display calendar widget with selected class types and optional start date

Choose with a few clicks whether the schedule on your website should display all classes or only selected class types, and create a start date for display

Display only selected class types in the schedule

  1. Gå til din YOGO admin --> 'Klassetyper'

  2. Tryk ind på den klassetype du ønsker skal vises i skemaet

  3. Kopier id'et til klassetypen i url-baren (se nedenstående animation)

    Skærmoptagelse-2022-06-21-kl.-14.30.59

Go to your website and find the page where the schedule should be displayed.

Wordpress

To display the entire schedule, use the following code:

[yogo-calendar]

 


Display only selected classes:

[yogo-calendar class-types="xxxx"]

The ID you just copied replaces 'xxxx'. If you want to display more than one class type, simply separate the IDs with a comma.

 

Andre hjemmesidetyper, f.eks. Squarespace, Wix etc.

For at vise hele skemaet, brug følgende kode:

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

 

Display only selected classes:

<div class="yogo-calendar" data-class-types="xxxx"></div>


Display schedule from an optional start date.

If you want the schedule to be displayed from a specific date, you can insert the following code. When the start date has passed, it will simply continue to display from the current date.

Wordpress:

[yogo-calendar start-date="29/8-2022"]

 

Other website types, such as Squarespace, Wix, etc.

<div class="yogo-calendar" data-start-date="29/9-2022"></div>

 

The above can also be combined to display selected class types and an optional start date. In that case, it will look like this:


Wordpress:

[yogo-calendar class-types="xxxx" start-date="29/8-2022"]

 

Other website types, such as Squarespace, Wix, etc.

<div class="yogo-calendar" data-class-types="xxxx" data-start-date="29/9-2022"></div>