Your booking page and website widget

Students find and register for your classes in two places: a hosted booking page that CertClass runs for you, and a widget you paste into your own website. Both show the same classes and use the same settings. This guide walks through what students see, how registration and the waitlist work, the Widget page in your dashboard, and direct links for private classes.

1. Your hosted booking page

Every account gets a public page at certclass.io/classes/your-business. It needs no website and no setup. Find the exact link on the Widget page under Hosted Classes Page, where Copy URL copies it and View Page opens it. Put the link in emails, social posts, flyers, and your Google Business profile.

The page shows:

  • Your logo, business name, and the contact email and phone from your company information.
  • A List / Calendar toggle. You choose which one visitors see first (see the Default View setting below); they can switch at any time.
  • One card per upcoming public class with the title, price, date, time, and location, a Register Now button, and an arrow to the class detail page. If you collect deposits, the card also shows the deposit due at registration and the remaining balance.
  • An optional spots-left badge on each card. Once four or more classes are listed, sort buttons appear, and category filter buttons appear when those classes span more than one category.
A hosted booking page in list view showing two class cards with prices, dates, locations, and Register Now buttons
The hosted booking page in list view.

In calendar view each class sits on its date in a month grid. Visitors move between months, jump back with Today, and click a class to open its detail page. Multi-session classes appear on every session date.

The same booking page in calendar view showing September with a class pill on the 24th
Calendar view. The month shows every upcoming class, not just the first few.

Only public, scheduled classes appear here. Unlisted classes never do, and a class disappears from the page automatically once it is inside the enrollment cutoff window you set (see section 5).

Students can also save the booking page to their phone's home screen, where it gets your logo as the icon and your business name as the label and opens like an app. The taps for iPhone and Android are in adding CertClass to a phone's home screen.

2. The class detail page

Clicking a class title or the arrow on a card opens its detail page at certclass.io/classes/your-business/class-id. It shows the full description, date and time, location, the session schedule for multi-session classes, and any prerequisites, materials included, certification details, and cancellation policy you entered on the class form. Instructor profiles appear when the Show Instructors setting is on. A card on the right shows the price, the deposit if there is one, and the Register Now button, with your contact details underneath.

A class detail page for a BLS Provider evening class with description, date and time, location, certification details, a price card with Register Now, and a Training Provider card
The class detail page. Everything you filled in on the class form is shown here.

3. What registering looks like

Register Now opens the registration page for that class. From the booking page and the widget it opens in a new tab, so a visitor never loses your website.

  1. The top of the page repeats the class name, date, time, location, and price, with the deposit line if you collect deposits.
  2. The Register for Class form asks for first name, last name, and email (required), plus phone, an SMS opt-in checkbox, date of birth, emergency contact, and notes (all optional). If the class has registration questions, they appear here as required Yes / No choices, and if you added terms and conditions, the student must accept them before continuing.
  3. The student clicks Register Now. For a class with a price and online payments turned on, a card payment step follows for the full price or the deposit. Free classes and organization-billed classes skip payment entirely.
  4. An Enrollment Complete! message confirms the class and date, and a confirmation email is sent to the student.
The registration page showing the class summary with a deposit line and the Register for Class form with name, email, phone, SMS opt-in, date of birth, and emergency contact fields
The registration page. Only name and email are required.

Terms and conditions. To require students to accept your terms (liability, cancellation, and refund policies, for example), open Settings, scroll to Terms & Conditions Management, paste your terms, and save. The registration form then shows a checkbox the student must tick. Saving new wording creates a new version, and every registration from then on uses the latest version.

How the deposit and balance are collected is covered in deposits and paying up front. The confirmation email and reminders are covered in email and SMS communication.

4. When a class is full

When enrollment reaches the class's maximum, the Register Now button turns into Join Waitlist on the booking page, the detail page, the registration page, and the widget. The student enters a name, email, and optional phone number, sees a confirmation, and receives a waitlist email. One email address can join a class's waitlist once.

The Join the Waitlist form with first name, last name, email, and optional phone fields and a Join Waitlist button
The waitlist form. It replaces registration as soon as the class is full.

A waitlist entry does not hold a seat. When a spot opens, because you refunded or removed a student or raised the class maximum, CertClass emails the people at the front of the waitlist a link to register, one email per open seat, and the first to register gets it. You can see and remove waitlist entries on the class page in your dashboard. Working the waitlist is covered in managing students and rosters.

5. The Widget page: settings and preview

Widget in the left-hand menu opens Widget Integration. Most settings here apply to both the widget and your hosted booking page, so you set them once. Theme, Max Classes, and Show Company Title change the embedded widget only. Your hosted page always uses the light layout with your logo and business name. The page has three cards across the top and a live preview underneath.

The Widget Integration page with a Widget & Hosted Page Settings card, a Hosted Classes Page card with Copy URL and View Page, and an HTML Embed Code card
The Widget page. Settings on the left, your hosted page link in the middle, the embed code on the right.

Widget & Hosted Page Settings:

  • Theme: Light or Dark, to match the page the widget sits on.
  • Max Classes: 3, 5, 10, or 20 classes. This caps the list view of the embedded widget only. The calendar, and your hosted page, always show every upcoming class.
  • Default View: List or Calendar. What visitors see first; they can switch.
  • Primary Color: the color of buttons, prices, and icons. Use the swatch or type a hex value such as #8e181d.
  • Show Company Title: adds an “Available Classes by Your Business” header above the widget.
  • Show Spots Left: shows a spots-left badge on each card. Turn it off if you would rather not advertise a slow class.
  • Show Sort & Filter Controls: lets students sort by soonest or A to Z and filter by category. The sort buttons appear once four or more classes are listed; the category filter also needs more than one category in use.
  • Show Instructors: shows instructor profiles on the class detail page.
  • Close Enrollment Before Class: hides a class from public pages a set number of days before it starts, from no automatic cutoff up to two weeks.

Click Save Settings; the page reloads with the new settings applied to the preview. Reset to Defaults puts every setting back.

The Widget & Hosted Page Settings card with Theme, Max Classes, Default View, Primary Color, four toggles, the Close Enrollment Before Class menu, and Save Settings and Reset to Defaults buttons
The settings card. Apart from Theme, Max Classes, and Show Company Title, everything here applies to the widget and the hosted page together.

The Live Preview at the bottom of the page is the real widget, loaded from your real classes with your saved settings. Try the List / Calendar toggle there to see both views. Open Full Preview opens the same widget on a blank page in a new tab, which is handy for checking it on a phone.

The Live Preview card on the Widget page showing the widget in calendar view with a class on September 24 and a View all classes link
The live preview, switched to calendar view.

6. Putting the widget on your website

The HTML Embed Code card holds a short snippet. Paste it into your site wherever you want the classes to appear, for example on a Classes or Schedule page.

  1. Click Copy Embed Code.
  2. In your website editor, add a custom HTML or code block on the page and paste the snippet. Most website builders have one; if you are not sure where it is, send the snippet to whoever manages your site.
  3. Publish the page and open it to check that your classes load.
  4. Back on the Widget page, click I've Embedded the Widget to tick that step off your Getting Started checklist.
The HTML Embed Code card showing the snippet, a Copy Embed Code button, and an I've Embedded the Widget button
The embed code. Paste it once; you never need to update it when classes change.

On your site, the widget:

  • Loads your current public classes every time the page opens, so new classes show up without touching your website again, and full classes switch to Join Waitlist on their own.
  • Uses the theme, color, and other settings you saved on the Widget page. Change a setting there and the widget on your site follows.
  • Opens the registration page, the class detail page, and the View all classes link in a new tab, so your visitor stays on your site. Payment always happens on the CertClass page, never inside your site's code.
  • Fits the width it is given, from a full-page column down to a phone screen.
The widget embedded on a sample website viewed on a phone, in calendar view with September 24 selected and the class listed below the grid
The widget on a sample website, on a phone. The calendar collapses to single-letter weekdays and lists the selected day's classes below the grid.

Hosted page or widget? Use both

Share the hosted page link anywhere a link works: emails, texts, social media, QR codes on flyers. Embed the widget on your own site so visitors who are already there can register without leaving. They show the same classes and use the same settings.

Questions this guide did not answer? Email support@certclass.io or book a demo.