Widget Code

You can link to our courses on your own website.

Therefore we created a widget-code, that you can easily insert to your website.

Just follow the instruction:

Add the following code to the head-area of the website:

				
					<script type="text/javascript" src="https://vademecum-academy.com/platform/vademecum-widget.php?lang=en"></script>

With the language parameter you define the language of the widget. Possible values are “en” or “de”.

Insert HTML-Code, where the widget should appear:

				
					<div id="[ID of the content]"></div>

The value of the attribute id will be used later. It is possibe to insert several widgets per site. The id of the area needs to start with a letter and needs to be unique, e.g. “vademecum1”, “kungFuFit1”, etc.

Add Javascript-Code somewhere on the site:

Add the following Javascript-Code somewhere on the site, e.g. below or even inside the DIV-element (see above).

Please notice:

Javascript-Code needs to be inserted into a script-tag.

				
					box = new vademecum_widget();
box.build('[layout]', '[course]', '[ID of the content]','[theme]');

Layout:

“large-1”, “large-2”, “large-3”
“small-1”, “small-2″, small-3”

When the field layout is empty (“”), merely the Vade Mecum brand will be displayed.

Course:

Our course-program continuously grows. Examples:

“Wing Chun Kyun Set 01”, “Wing Chun Kyun Set 02”, etc.
“Kung Fu Fit”
“Muk Jan Zong”
etc.

ID of the content:

This value needs to be identical to the used value of the div-element, e.g. “vademecum1”.

Theme:

At the moment there are several themes available:

light
dark

Example 1:

				
					<html>
  <head>
    <script type="text/javascript" src="https://vademecum-academy.com/platform/vademecum-widget.php?lang=en"></script>
  </head>
  <body>

<!--This is the begin of the vademecum widget code -->
<div id="vmw_wck1">
  <script type="text/javascript">
    box = new vademecum_widget();
    box.build('small-1','Muk Jan Zong','vmw_wck1','light');
  </script>
</div>
<!-- This is the end of the vademecum widget code -->

  </body>
</html>

Result:

Theme light:

Theme dark:

Example 2:

. . .

				
					<!--This is the begin of the vademecum widget code -->
<div id="vmw_mjz1">
<script type="text/javascript">
box = new vademecum_widget();
box.build('large-3','Muk Jan Zong','vmw_mjz1','light');
</script>
</div>
<!-- This is the end of the vademecum widget code -->