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 WIX
You can then head over to your WIX website builder and follow the steps below.
Click Add (+) on the left side of the Editor.
Click More.
Click Embed.
Click HTML iframe, or drag it to the relevant location on your page.
Click Enter Code.
Enter the HTTPS code.
The HTML app will load on your site as an iFrame. Any links in that frame automatically open in that same frame. To set the app to open in a new window, you can use the target="_blank" attribute.
Wix Support Channels
If you are having trouble inserting this code into your website you can follow the steps on the WIX help guide here.
You can also contact their support team by clicking this link: https://www.wix.com/contact/en