All Collections
Customize the Appearance of your Schedule
How do I embed my Punchpass schedule on a Wordpress website?
How do I embed my Punchpass schedule on a Wordpress website?

If your website was built on Wordpress, this is how you'll add your Punchpass schedule to it.

Chris avatar
Written by Chris
Updated over a week ago

Here are instructions on how to embed your Punchpass class schedule on your Wordpress website.
โ€‹

Note: This is for Wordpress.org sites; websites that use Wordpress through a website hosting provider.

Right now you cannot embed Punchpass on websites hosted on Wordpress.com. Contact us if you aren't sure!

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.)

Paste 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 embed code for your Punchpass schedule can be found under Manage > Settings > Embedding Punchpass. You can choose your preferred view, we've given you the code for both a list and calendar version):

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

Paste your preferred embed code on your Wordpress page and save!

Did this answer your question?