Getting started
Things you need to know before getting set up:
What an iframe is: An iFrame is a piece of code that can be implemented into your website - it can be set up to show a part of your public booking page which gives parents and carers the option to book on to a class through your own website.
This can be handy if you are transitioning over from booking on your own website to ClassForKids because customers will be used to going onto your website.
ClassForKids do not have an integration directly with Squarespace, we can just advise on how to integrate the site manually.
You don't have to be a developer to do this (as confusing as it may originally seem), there is lots of support and guides available to advise on how to do this if you get stuck.
iframe for Public Booking Page
You can find your Public Booking page URL at the bottom of your 'Dashboard' -
Once you have a note of this link, you will need to insert it into the code below -
<iframe src="https://your-club-name.class4kids.io"width="100%" height="500" loading="lazy"></iframe>
For example, the above club would be:
<iframe src="https://classforkidstutorial.classforkids.io"width="100%" height="500" loading="lazy"></iframe>
iframe for a Term
To create an iframe for a specific term, you first need to get the URL for the term.
You can find this on the 'Schedule' page by clicking 'Public Page' -
This will take you to the booking page for this term.
From there, copy the URL of the page and paste this into the iframe -
This iframe will look more like this:
<iframe src="https://classforkidstutorial.classforkids.io/term/12"width="100%" height="500" loading="lazy"></iframe>
iframe for a Class
To create an iframe for a specific class, you first need to get the URL for the class.
You can find this by clicking onto the 'Schedule Page' > class register > 'Get Class Link' -
This will take you to the booking page for this class.
From there, copy the URL of the page and paste this into the iframe -
This iframe will look more like this:
<iframe src="https://classforkidstutorial.classforkids.io/info/13"width="100%" height="500" loading="lazy"></iframe>
How to Embed the iframe into WordPress
You can't add an iframe to a WordPress site without using the Wordpress.com business plan. Upgrade on the 'Plan' page below if you need to.
The best way to do this using WordPress is using a custom HTML widget, which this guide runs through step by step - https://en.support.wordpress.com/widgets/custom-html-widget/
WordPress Support Channels
If you are struggling to add the IFrame with the information provided above, you can search for help from here - https://en.support.wordpress.com/
WordPress doesn't have a direct point of live support. However, you can post in live forums where other users and experienced individuals can help you -https://wordpress.com/help/contact