If you offer online pass purchases via Punchpass/Stripe, you can payments online right on your website -- just like you can with your online schedule. So your customers can purchase passes from you without ever leaving your site.

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 buy a pass and/or see your schedule.  One button handles both your schedule and your pass purchases, so it's easy peasy for you to set up & for your customers to navigate.

To find your custom url, just go to Manage Settings > Public Schedule.

An Advanced Approach: Embedding Your Pass Purchase Page

Typically, you'd embed pass purchases on a different web page from your schedule.

Custom code for your pass purchase embed is available by going to Manage Settings > Embedding Punchpass.

Find your custom code under "Your Passes for Purchase":

It works just like embedding the online schedule - here are a couple of example pages:

Embedded on Weebly.com

Pass Purchase page on an example Wix.com website

Wordpress - See our Wordpress Embed Article

We have written a support article specific for Wordpress (see the article list above.) You are able to embed your pass purchase page 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!


The trick with Squarespace is you want to add a Code block (NOT an Embed block.)  So find the spot on your site in the Squarespace admin where you want to have the pass purchases and add a code block.  Then paste your custom embed code (From Manage Settings > Embedding Punchpass) there.

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://app.punchpass.net/embed/1/passes" height="700" width="100%" frameborder="0"></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.


Allowing Pass Purchases from Your Embedded Schedule

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:

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.

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

No website? No problem!

We also provide Punchpass hosted online schedule & payments pages with your logo.  You can direct your customers to this page from your Facebook page, from a button on your website....or even from an email!  You can find it by going to Manage Settings > Public Schedule.  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?