Punchpass lets you keep your class schedule organized in one place and share it with your customers online.  So you only have one place to set up and manage your class list!  This makes it very easy for your customers to see your upcoming classes & click right through your schedule to make a reservation if your Punchpass plan supports them.

No website? No problem! Share your schedule via Facebook or email.

It’s easy to integrate your schedule on your website.  You can also embed your pass purchases pages. Here's how:

The Simplest Approach: Add a Button

We recommend adding a Button on your site, and linking it to your custom URL. That way your customers can just click the button to see your schedule.  

To find your custom URL, just go to Manage Settings > Public Web Pages.

An Advanced Approach: Embedding Your Schedule

You have multiple schedule views to choose from: the class list, class calendar, or a list of your appointments. Choose the one that works best for your needs, the list view is mobile friendly.

List View Sample

Calendar View Sample

Appointments View Sample

Customizing your Embedded Schedule

Adjust the colors


Did you know you can adjust the colors of your Punchpass schedule? When customizing the appearance of your class schedule, your colors selections will carry through to your embedded timetable too! Learn more about customizing the appearance of your schedule here.

Custom code for each of the views is available by going to Manage Settings > Embedding Punchpass.

Add a welcome message and edit the name of your Appointment schedule

You can change the text that appears above your schedule by going to Manage Settings > Public Schedule.  

To add a welcome message to your schedule, just add the text you want to display here:

You can also edit the name of your Appointments schedule.

Add Buttons at the Top of Your Embedded Schedule

If you offer online pass purchases via Punchpass/Stripe, you might typically choose to embed pass purchases on a different web page from your schedule. But if you would prefer to allow pass purchases right from your embedded schedule, you can add buttons to the top of your schedule. This will allow you to create a single web page where your customers can access the schedule AND purchase passes. Here is an example page.

Depending on what features you offer, these additional buttons will automatically show: Schedule, Calendar, Purchase a Pass, Appointments, Sign In, Create Account.

To add these buttons, you will place additional embed code ABOVE the schedule embed code. Your custom embed code for these buttons is shown on Manage Settings > Embedding Punchpass.

Here is how to get started with embedding:

Wix

If you are using Wix.com to host/build your website*, we have created a demo site to show you what Punchpass schedules and calendars look and act like when embedded on the platforms.

Please check out the demo below and you'll find instructions as well as an example embedded schedule.

http://punchpexampleass.wix.com/punchpass-example

*Looking for an easy to use service for your website? We definitely recommend trying Wix.com We hadn't used it before setting up the demo site, and it's an impressive service. Very easy to use. They have some nice free fitness themes that you can then modify.

Wordpress

We have written a support article specific to Wordpress (see the article list above.) You are able to embed your schedule on Wordpress.org websites - if you use Wordpress.com then there is no way to embed the schedule. Contact us if you aren't sure!

See our Wordpress Embed Article

Squarespace

The trick with Squarespace is you want to add a Code block (NOT an Embed block.) After identifying where you'd like to add your schedule to your web page, select the code block option to add it to your page. You'll then paste your custom embed code into the block settings.

Other Sites

Every web host is a little different - some will make it easy, some won't. In general, you are going to be adding an iframe to your site. Think of that like a little box that can display content from another website. The code looks like this:

<iframe name="frame2" src="https://yourstudioname.punchpass.com/calendar?embed=true" height="700" width="100%" frameborder="0" allowfullscreen></iframe>

IMPORTANT - Log in to Punchpass, click on Manage -> Settings > Embedding Punchpass to find your custom page link. The iFrame code shown above is not your custom code.

What if I don't have a website or I can't embed on my website?

No website? No problem!

We also provide a standalone Punchpass-hosted online schedule page with your logo.  Here's a sample of what that looks like.

You can direct your customers to your own custom schedule from your Facebook page, from a button on your website....or even from an email!  

You can find your custom link by going to Manage Settings => Embedding Punchpass.  

If you offer online pass purchases via Punchpass/Stripe, navigation buttons are automatically shown to direct your customers between your schedule and pass purchase pages.

Click here to learn more about giving your customers access to Punchpass from your Facebook page.

Did this answer your question?