Add your Enrichment.kids registration form directly to your website. Customers can browse sessions and add items to their cart without leaving your page.
How It Works
The embed displays your sessions inside a frame on your website, as the same session cards your listing page shows. Customers can:
The form automatically adjusts its height based on your content.
Getting the Embed Code
- Sign in to your provider dashboard
- Go to Listings and select the listing you want to embed
- Click Embed code in the left navigation menu
- Click Save colors and copy code to copy the code to your clipboard
Adding the Code to Your Website
WordPress
- Edit the page where you want the form to appear
- Add a Custom HTML block (in the block editor) or switch to Text mode (in the classic editor)
- Paste the embed code
- Save or publish the page
Squarespace
- Edit your page and click Add Block
- Select Code from the block options
- Paste the embed code
- Click Apply and save the page
Wix
- In the Wix Editor, click Add (+) on the left menu
- Select Embed Code → Embed HTML
- Click Enter Code and paste the embed code
- Position and resize the element as needed
- Publish your site
If your website builder supports custom HTML, look for options labeled:
- Custom HTML
- Embed Code
- HTML Block
- Code Injection
Paste the embed code in the appropriate field.
Previewing Your Embed
Before adding the code to your live site, you can preview how it looks:
- Go to the Embed code page in your dashboard
- The Preview appears beside the code. Switch between Desktop and Mobile to check both sizes
- The preview shows exactly what customers will see on your website
What customers see
When customers visit your website with the embedded form:
- They see a card for each session, with its days and times, name, ages, dates and price, and tags for what else it offers, such as "3 price options" or "Drop-ins $35.00/day"
- For a session with nothing to choose, they pick a quantity with Qty where more than one spot can be added, and click Add to cart
- For a session with choices, they click Choose options, or anywhere on the card. The choices open inside the card, with Hide options to close them. They make their choices, set Qty and click Add to cart. One card is open at a time.
- After adding, the card closes and its button reads In cart
- A Review & checkout button appears at the top (green, unless you have set your own button color)
- Clicking the button opens Enrichment.kids in a new tab with their cart ready
- They complete checkout on Enrichment.kids (creating an account if needed)
- Sessions that start on the same day sit under a line naming that day, for example "Starts Mon, Jun 14".
- Where they help, Any age and Any day above the sessions let customers narrow a long list.
- A full session shows Join waitlist, and a session that takes applications shows Apply to join, which opens the application on Enrichment.kids in a new tab.
- Before your open date, each session shows when registration opens, for example "Opens Oct 5, 9am". At the open time it switches to Add to cart on its own, without the visitor reloading.
- If you close registration before each session starts, a session shows a clock and "Closes" with the day as that time nears, and "Registration closed" once it has passed.
If You Have No Sessions
If your listing doesn't have any active sessions, the embed displays:
No sessions currently available
There are no upcoming sessions available for registration at this time.
Once you add sessions to your listing, the embed automatically displays them.
Troubleshooting
The embed doesn't appear
- Confirm your website builder supports custom HTML
- Check that you pasted the complete code (it starts with
<!-- Enrichment.kids and ends with </script>) - Some website builders require you to publish or preview to see embedded content
The embed code includes JavaScript that automatically adjusts the height. If the form appears cut off:
- Make sure the entire code snippet was pasted, including the
<script> section at the end - Check if your website has restrictions on JavaScript execution
Customers say they can't check out
When customers click Review & checkout, the cart opens in a new tab on Enrichment.kids. If they report issues:
- Confirm they allowed pop-ups for your website
- They may need to sign in or create an account on Enrichment.kids to complete checkout
The sessions shown are outdated
The embed displays your current active sessions from Enrichment.kids. If sessions appear outdated:
- Verify the sessions are still active in your dashboard
- Check that session dates haven't passed
Frequently Asked Questions
Can I embed multiple listings on one page?
Yes. Each embed code is unique to a specific listing. You can add multiple embed codes to the same page.
Do I need to update the code when I add new sessions?
No. The embed automatically displays your current sessions. When you add, edit, or remove sessions in your dashboard, the changes appear in the embed.
Can I customize the appearance?
Yes, you can change three colors. On the Embed code page, under Colors, set the Page background, the Form background, and Buttons & links, which also colors the price option, day or other choice a customer has picked and the In cart button. Check the preview, then click Save colors and copy code. Saved colors apply to every embedded form for your organization, including ones already on your website. Text colors adjust on their own so they stay easy to read. Error messages, deadlines and notices keep their standard colors. If your button color is too close to your form background, a warning says buttons may be hard to see; you can still save. Reset to default brings back the standard colors.
How does a customer know a session was added?
The session's button changes to In cart, and the Review & checkout button appears at the top of the form.
Will I know when registrations come from my website?
Registrations from the embed are processed the same as any other registration. You'll receive your standard confirmation notifications.
Does this work on mobile?
Yes. The embed is responsive and adjusts to mobile screen sizes.