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 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 Weebly
Go to your Weebly website 'Build' page. Click to show all elements in the menu and select the embed option.
Drag the embed block to where you would like to embed the iframe. Click the box and paste the iframe code.
Then your iframe will be on the site! You may need to edit the width and height to suit your site and its dimensions - the default is 100%x500.
Weebly Customer Support
ClassForKids have limited ability to support you when using another platform. For anything we are unable to help with, you can find help guides by Weebly here - https://www.weebly.com/app/help/us/en
They also offer call, email or live chat support 7 days a week. Their office hours are:
Monday - Friday: 14 - 02 BST
Saturday - Sunday: 16 - 01 BST
Contact them directly by scrolling to the bottom of the page linked above and click 'Contact us'
