Here is how to install meditation widget to your website or blog.

Installing meditation widget to your web page is very easy. Follow the instructions below, or just watch the video.

Copy the code below and paste it at the location where you want to show the meditation widget:

Try to place this between <head> tags –

<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script src=""></script>
<script src=""></script>

Place this where you want to show widget –

<div id="tabs" style=""></div>
<div id="par1" style=""></div>

Place this before </body> tag

<script src=""></script>
Note – You should be able to remove the /jquery-2.1.1.min.js if you already have that or later.

After pasting the code to your website, the widget will look something similar to this –



All parameters go at the end of the URL that is hosting the widget, like this:

1 – How to change the left thumbnail image?

We have some beautiful images for you. Choose your thumbnail image for widget from below images. To show that image to the left of your meditation widget, just copy the name of image file i.e. xxx.jpg and put the parameter – ?gr=xxx.jpg at the end of the URL that is hosting the widget.

2 – How to show or don’t show other sponsor’s events?

Add parameter – ?comm=y or n at the end of the widget link. If its WITH ?gr=xx.jpg, then it needs to be ?gr=xx.jpg&comm=y, The “y” is for showing meditation events other than your own in upcoming tab. If “n”, then no other events other than the you hosted events will be shown. If parameter is not used, the default is yes, it is set to yes above in the link.

3 – Do I have to use ver=xx paramater? Yes, in order to prevent breakage in the future as we make updates, yes you should.

Mark what version you are using of the paramater ver=xx, at this moment the latest version is ver=1.


1 – How to resize widget?

At this time you can’t but we will have those parameters soon.

Leave a Comment