How do I show Live Schedule of my classes on my website?

Go to the main Classes page and click the Class Options button.  Pick the option that says 'Add a live schedule to your website'.

 

A popup is displayed with links to step-by-step instructions and more options.

 

Adding a schedule to your website.

This guide describes how to incorporate a live feed of classes and details from
DanceStudio-Pro to your website.
The benefits of doing this are:
1. You no longer have to maintain schedules in multiple places
2. As soon as you make a change to an existing class or add a new class, it is
automatically visible on your website.
3. You can share your schedule in multiple places all at the same time (Your
website, WordPress, Facebook, Twitter, LinkedIn …)

Example
This is an example of how the schedule will appear on your website.

 

 

There are several ways that you can share your schedule. The most common will
be adding it to your website.
There are 3 variations on how you can add the schedule to a website.
1. Use a WordPress plug-in (Most common)
2. Use an iFrame (For people comfortable with editing HTML)
3. CURLing with a programming language like (PHP or Perl) (Flexible, but hard)

 

 

Option 1: WordPress plugin approach
By far, the vast majority of dance studios use WordPress for their website. To add
the schedule to a WordPress website, you will need to do the following.
1. Install the iframe WordPress plugin
2. Add a shortcode to any page you want the schedule to appear on.
Step 1: Log in to your WordPress administrator page. Typically, the address is
http://yourdomain.com/wp-admin

 

 

Enter your username and password and login.

Step 2: Install the iFrame Plugin

Next, type iframe in the search box and click the search button.

 

Click the Install Now link.

 

Then click the “Activate” link.
The plug-in is now installed.

Step 3: Add the Short Code to your schedule page.
Go to pages and find your schedule page. If you don’t have a schedule page, just
create a new page and call it schedule.

 

Now, we need to add the shortcode to the page

The short code is just a line of text that tells the page where to get the schedule.
Copy and Paste the text below into your page.

[iframe src="" width="100%" height="600px" scrolling="yes"]

Now, we need to get the src link.
Go log in to DanceStudio-Pro and go to the main Classes page, click the Class Options dropdown and select Add live schedule to your website.

 

 

Copy the entire string of text and place it between the quotes in the src shortcode.
Example: Yours should look similar to this.

[iframe src="http://dancestudiopro.com/apps/api_classes.php?id=zaqlxajd29jd253628867a60d80d9jasdklj21dx53
628867a6156" width="100%" height="600px" scrolling="yes"]

Enter the shortcode into WordPress and click the Update button when you are done.

 

You can now go to your website to see your live schedule.

 

Option 2: Basic HTML Installation

 

We allow you to use standard HTML iframes to embed the schedule in your website. Follow the same process as option 1 to get the code.

 

<iframe src="http://dancestudiopro.com/apps/api_classes.php?id=zaqlxajd29jd253628867acd91d09jasdklj21dx53
628867ac992" width="100%" height="600px" scrolling="yes"
frameborder="0"></iframe>

 

Option 3: CURL

If you are a developer, you know what to do. Get the URL and away you go. We return static well-formed HTML. Feel free to parse and apply your own CSS