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!
From your Playground CRM dashboard, navigate to Forms on the left sidebar.
Click on the three dots icon of the form you would like to add to your website.
Select Copy embed code.
This will open the Form Embed Code box. You do not need to alter this code in any way. Click Copy Code and all of the code will be copied to your "clipboard".
If you would like to embed a meeting/tour booking instead, you can follow this same process but by navigating to Meetings on the left sidebar then Meeting Types.
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!
