Adding an embedded form or tour booking to your website lets families submit their information or schedule a tour without leaving the page, making the process seamless. Each submission automatically creates a new lead in your CRM, so you can easily follow up. Forms and tour bookings sync instantly, ensuring no inquiries are missed.
Copy the Embed Code
In order to embed your form/booking into your website, you will first need to copy the embed code. Don't worry, we provide this embed code in your Playground CRM; no coding experience is required!
For Forms
From your Playground CRM dashboard, navigate to Forms on the left sidebar.
Click on the three dots next to the form you would like to embed.
Select Embed form.
This will open the Form Embed Code box. You do not need to alter this code in any way. Click Copy Code or Copy, and all of the code will be copied to your clipboard.
Click the Advanced dropdown to reveal and copy the Analytics script. Copy and paste this code on the same page as the embed to report form submissions and tour bookings to Google Tag Manager, or to your own listener for any other analytics tool.
Follow the instructions here if you would like to set up a custom theme.
For Tour Bookings/Meeting Types
From your Playground CRM dashboard, navigate to Meetings -> Meeting types on the left sidebar.
Click on the three dots next to the meeting type you would like to embed.
Click Embed booking page.
This will open the Form Embed Code box. You do not need to alter this code in any way. Click Copy Code or Copy, and all of the code will be copied to your clipboard.
Click the Advanced dropdown to reveal and copy the Analytics script. Copy and paste this code on the same page as the embed to report form submissions and tour bookings to Google Tag Manager, or to your own listener for any other analytics tool.
Follow the instructions here if you would like to set up a custom theme.
Custom Theme
You can also customize how the form looks on your website before copying the embed code. Toggle on Custom theme in the Embed form window to access branding controls.
Under Theme, choose from two preset styles:
Playground: the default theme with a professional and friendly look
Minimal: a clean and neutral look that can fit any website
Under Color, select an accent color that matches your branding.
Under Font, select Balanced, Professional, or Friendly.
Click Upload logo to upload your logo.
Toggle Show form name to either hide or show the form name on the embedded version.
Click View preview to open a new tab and see exactly how your form will look to families before copying the embed code. The preview reflects your selected theme, color, and font in real time.
💡 These branding options only affect the embedded version of the form. They won't change how the form looks inside Playground.
Paste (Embed) the Code into your Website
After copying the embed code from Playground, you'll need to add it to your website. If you're using a Content Management System (CMS), the process may vary by platform, but the general steps are similar across most systems.
Embedding the Code into a WordPress Website
Embedding the Code into a WordPress Website
These directions are for using the WordPress "Visual editor".
Log into WordPress and navigate to the page or post where you want to embed the form.
Click the “+” (Add Block) button where you want the form to appear.
Select the Custom HTML block (if it is not easily findable, you may need to search for it).
Paste the embed code into the block.
Click Preview to see how it looks!
Click “Update” or “Publish” to save your changes.
Embedding the Code into a Wix Website
Embedding the Code into a Wix Website
Log into Wix and navigate to the page or post where you want to embed the form.
Click on Edit Site to open the Wix Editor.
In the Wix Editor, click on the Add (+) button from the left-hand side. Select Embed Code > Popular Embeds (under the Custom header) > Embed HTML.
An HTML code box will appear. Paste the embed code into the box.
Click Update.
After embedding the form, you can drag and resize the code box to fit your desired area on the page. Use the blue resize handles to adjust the width and height. You can also move the box around by clicking and dragging it to any part of the page.
Preview your site if desired. Then click Publish in the top right to have the form go-live on your website!
