How To Embed Your Punchpass Class Schedule On A Wordpress.org Site

Here are instructions on how to embed your Punchpass class schedule on your Wordpress.org website. (Note - this is for Wordpress.org sites. Right now you cannot embed our content on Wordpress sites hosted on Wordpress.com Contact us if you aren't sure!)

Step 1 - Install the iframe plugin

Punchpass uses something called an iframe to let you put your schedule on your own website. Think of an iframe like a web based picture frame that can show content from another website. In order to use one on Wordpress you need to install the iframe plugin.

Open your Wordpress admin console, and click on the Plugins link on the left side. Search for 'iframe'

The iframe plugin should be the first one to come up - the arrow is pointing to the correct one to install.

Click Install Now. You'll then need to Activate the plugin, and may also be asked to empty the page cache. (There will be a button to click to clear it if asked.)

Step 2 - Install the embed code

Now open the page where you are going to embed your schedule. We recommend putting your schedule on a page, not a post, as that puts the schedule in a fixed location that will appear on your navigation bar.

The code looks like this: 

        [iframe src="https://app.punchpass.net/org/1/classes?embed=true" height="700" width="100%"]
      

IMPORTANT - to make the above code display your schedule you should log in to Punchpass, click on Manage Account, and find your custom reservation page link. Replace the 1 in the example code above with the number in your code.

PLEASE NOTE - You will need to change the < to [ around your iframe code for Wordpress to read it correctly!

That's it! Let us know if you have any problems with the embed process.

Did this answer your question?