When we built Tula, one of the most important things we wanted to do was preserve the look and feel of a studio owner’s website. With Tula's custom calendars you can do just that. Your yoga studio is unique, and so your website should be too!

Learn how you can customize and embed calendars seamlessly into your website.

 

 

Customize and Embed Calendars

To create a custom calendar you can start  by going to menu -> website widgets -> custom setup and from there you can:

Select colors:  Enter a hex color code or use our color picker to set your backgorund, primary text, secondary text and link colors. 

Select instructor, events and tags: Use the dropdowns to select the instructors, classes, events and tagged classes you want to show on this calendar. If you want to show all classes and events then you can skip step.

Preview Calendar: Now you can check out the calendar and make sure you like the way it looks before you embed it.

Embed Custom Calendar: Copy the code in the blue box and paste it into your website to embed it where you want. If you need a hand we'd be happy to help, just give us a holler at help@tulasoftware.com. Once you've put the calendar in your website, you'll have a beautiful, always updated calendar that keeps your visitors on your website.

Link to Calendar: You also have the option of using a link on your website that will take students to your custom calendar.

Create Multiple Calendars: If you want to create more than one calendar you can refresh this page and start over. Any periviously created calendars will still work so feel free to create as many as you need!

 

Embed Calendar with iFrame

Unfortunately some website management systems will not allow you to embed the calendar using the Javascript code. But don't worry because you can use an iFrame code instead. The iFrame code is responsive as long as the width is set to 100%. You can adjust the height of the calendar by changing the number that comes after 'height'. You will not find this code inside Tula anymore so here it is:

<iframe width="100%" height="1600" src="https://yourstudio.tulasoftware.com/calendar/embed" frameborder="0" allowfullscreen></iframe>

 

Be sure to replace the 'yourstudio' section of the url with your studio name. This will be the same url as you see when you are logged into your Tula account. If you need a hand we'd be happy to help, just give us a holler at help@tulasoftware.com

Note: Hosted wordpress (sites hosted at wordpress.com) do not support iFrames. You may want to consider using a service such as WPEngine.com which provides people with full control of their sites without the hassle of hosting it themselves, or using Squarespace for your studio's website.