Skip to content

How to Embed the Class Schedule Widget on an External Site

Add a live class schedule to your existing website (WordPress, Squarespace, Wix, etc.) using Zipper's embed code.

Steps

Step 1: Get the embed code

  1. Navigate to: Website + App > Direct Links & Embedding. Existing embeds list a copyable <script> snippet.

The Direct Links & Embedding page with existing embeds and a Copy embed option

  1. Click New Page Embed, configure which calendar to show, and save.

The New Page Embed window

  1. Copy the embed code (a <script> snippet).

Step 2: Paste on your external site

The exact steps depend on your website platform:

WordPress:

  • Go to the page or post editor
  • Add an HTML block or Custom HTML widget
  • Paste the embed code

Squarespace:

  • Edit the page → add a Code block
  • Paste the embed code

Wix:

  • Add a HTML iFrame element
  • Paste the embed code

Other platforms:

  • Find an HTML or embed code block
  • Paste the iFrame code

Step 3: Save and preview

  • Save the page on your external site
  • Preview to confirm the schedule loads correctly

Customization Options

In the Embedding settings, you may be able to:

  • Filter by class type
  • Set the date range displayed
  • Choose a light or dark theme

Tips

  • Keep the embed updated: The schedule pulls live from Zipper — no need to update the embed when classes change.
  • Mobile responsive: The widget is designed to work on mobile screens.

Troubleshooting

The widget shows a blank or error state. Check: (1) you copied the complete embed code, (2) your external site allows iFrame embeds (some platforms block them), (3) your Zipper site is published.

Need a hand?

Email our team at support@joinzipper.com and we'll usually reply within a few hours.

Was this article helpful?