How to embed CPR Enroll to your website

Modified on Thu, 11 Jun at 4:49 PM

You can embed your CPR Enroll+ class registration directly into your website so students can browse and sign up without leaving your site. CPR Enroll+ provides three embed codes you can place anywhere on your website.

Accessing the Embed Codes

On the Launchpad, click Share on the Share Registration card. In the modal, click the Class Registration tab, then click the Embed Code sub-tab.

Choosing Your Embed Type

Use the three toggles at the top of the Embed Code tab to configure the output:

Use Advance Widgets — when ON, switches to a modern web component embed with enhanced features and a cleaner design. When OFF, the output is a standard iframe.
Set iframe configuration — when ON, allows you to configure height mode (Fixed or Full) and other iframe settings for the standard embed.
Show Header — when ON, includes your business name and logo at the top of the embedded widget.

The Three Embed Codes

Embed Code	What It Embeds
Embed Code (All Classes & Group Training)	Full class schedule page with calendar, filters, and group training request form
Embed Code (Layout Based View)	Main class registration widget with all available classes, filters, and booking functionality
Embed Code (Calendar View)	Interactive calendar widget showing your complete class schedule

Adding the Embed to Your Website

Click the copy icon next to the embed code you want to use. Paste the HTML code into your website’s source code at the location where you want the widget to appear. Preview your page to confirm the widget displays correctly.

How to Implement — Three Steps

Copy the Code — click the copy button next to your desired embed code.
Paste in Your Website — paste the code into your website’s HTML where you want the registration widget to appear.
Test Your Integration — preview your webpage to ensure the widget displays correctly and functions as expected.

Tips

Use the Advanced Widget (Use Advance Widgets toggle ON) for a more modern, seamless look on websites with a clean design. Use the standard iframe for maximum compatibility with all website platforms. All embed codes are mobile-responsive and automatically adjust to container width. You can place multiple widgets on the same page for different purposes.