The Standard Website Embed uses iframe technology to show Cademy courses directly on your website. It is free, quick to set up, and works with WordPress, Wix, Squarespace, and most other websites that accept custom embed code.
Why use the Standard Website Embed?
Works with WordPress, Wix, Squarespace, and most other website builders
Free to use
Quick to add without installing a website plugin
Shows Multiple Courses, A Collection, or A Single Course
Includes several layouts, including Calendar
Lets customers view courses and complete checkout without leaving your website
Provides a live Desktop and Mobile preview before you add it to your website
Uses your Cademy brand colour
Updates automatically when you change course information in Cademy
Using WordPress? The Standard Website Embed works with WordPress and remains a good free option. If you want separate course pages inside your WordPress theme, stronger course-level SEO, and course listings that are part of your WordPress page, compare it with Cademy for WordPress.
Before you start
You need access to edit your website and add custom embed code.
If this is your first time using Embeds, go to Apps, open Embeds, and click Install.
Create a Standard Website Embed
In your Cademy dashboard, go to Apps > Embeds.
Under What would you like to embed?, choose Multiple Courses or A Single Course.
Use Content, Layout, Collections Row, and Options to configure the embed. The sections shown depend on your choices.
Check the live preview on the right. Use Desktop and Mobile to preview different screen sizes.
Click Get Code.
In Add This Embed to Your Website, choose General, WordPress, Wix, or Squarespace under Your Platform.
Follow the Steps shown for your platform and copy the Embed Code, or the Embed Address for Wix.
Add the code under Helper Script - Once Per Site in the location shown. Add it only once on each website, even if the website has several Cademy embeds.
Configure Multiple Courses
Content
All Published Courses - show all courses currently published in Cademy.
A Collection - show courses from one selected collection.
Layout
Grid
Rows
Dates List
Date Cards
Calendar
Collections Row
Collections Row is available when All Published Courses is selected and the layout is not Calendar. Choose Auto, Grid, Carousel, or Hidden.
Options
Only show courses that have future dates scheduled - available for every layout except Calendar.
Open checkout when a customer clicks a date - available only with Dates List and Date Cards.
Configure A Single Course
Under Content, select the course you want to show. Under Layout, choose:
Date Rows
Date Cards
Dates Table
Dates Carousel
Date Ticket Cards
Full Course Page
Feature Card
Price Card
Date layouts are not shown for on-demand or on-request courses because those courses do not have scheduled dates.
Add the embed to your website
General
Copy the Embed Code and paste it into the HTML of the page where the embed should appear.
Add Helper Script - Once Per Site just before your website's closing
</body>tag.
WordPress
Log in to WordPress as an administrator and edit the page where the embed should appear.
Add a Custom HTML block and paste in the Embed Code.
Add Helper Script - Once Per Site to the website's Footer, where third-party scripts are normally added.
These steps add the Standard Website Embed to WordPress. They do not install Cademy for WordPress.
Wix
In the Wix editor, open the page where the embed should appear.
Click Add, find Embed a widget under Embed > Custom Embeds, and add it to the page.
Open its settings, choose Website Address, and paste the Embed Address into What's the web address?.
Add Helper Script - Once Per Site under Settings > Custom Code. Set it to All pages and place it in the Footer.
Squarespace
Log in to Squarespace as an administrator and edit the page where the embed should appear.
Add a blank section, then add a Custom Code block.
Paste in the Embed Code and publish the page.
Add Helper Script - Once Per Site under Settings > Advanced > Code Injection, in the Footer section.
Frequently asked questions
Do I need to know how to code?
No. Cademy creates the code for you. Choose your website platform under Your Platform and follow the Steps shown.
Which platform should I choose?
Choose WordPress, Wix, or Squarespace if you use that platform. Choose General for other websites.
What is Helper Script - Once Per Site?
It is a small extra piece of code that makes embeds resize automatically and keeps checkout working. Add it in the location shown under Steps. Add it only once on each website.
Can I add more than one embed to my website?
Yes. You can add as many embeds as you need. Helper Script - Once Per Site still only needs to be added once.
Why can I not see Collections Row or one of the Options?
Collections Row is shown only for All Published Courses and is hidden for Calendar. Options is hidden for Calendar. Open checkout when a customer clicks a date is shown only for Dates List and Date Cards.
Will customers leave my website to complete checkout?
No. Checkout opens as part of the Standard Website Embed on your website. Make sure Helper Script - Once Per Site has been added so checkout works correctly.
Will course changes appear automatically?
Yes. Changes to course information in Cademy appear in the embed automatically.
How do I change the content or layout after adding the embed?
Return to Apps > Embeds, create the updated version, click Get Code, and replace the existing embed code on your website.
Is the Standard Website Embed free?
Yes. It is free to use.
Need help?
Message us using the chat in your Cademy dashboard or email support@cademy.io.