What can be embedded
Booking pages are linked, not embedded. A booking flow needs the whole page, so it gets a custom domain instead — you point
book.yourclinic.com at it and link to that from your site.
Add an embed
1
Open the settings tab for that page
Scroll to the card headed Add to your website.
2
Set the widget options, if your plan offers them
On Team you choose a Style — Floating button or Inline on the page — and for a floating button, a Position (Bottom right or Bottom left), the Button text, and a Theme (Light, Dark or Match visitor’s device). On Essential the contact form embeds with sensible defaults and no options.
3
Save the settings tab
The embed reads your saved settings, not what is open in the editor. If you have unsaved changes the card warns you to save them so the embedded page reflects them.
4
Copy the snippet
Use the copy button rather than selecting the text by hand.
5
Paste it into your site's HTML, just before the closing body tag
That is the instruction the card itself gives: “Copy this snippet into your site’s HTML, just before
</body>.” Most website builders have a place for this — usually called custom code, a footer script, or a raw HTML block.6
Publish your site and load the page
A floating button appears in the corner you chose; an inline embed appears where you put the snippet.
The raw iframe
On the Team plan each embed card also has an Advanced — raw <iframe> (full control) section. Use it when the widget does not fit — you are placing the page inside your own grid, sizing it against a design system, or your site’s builder will not run a script. The trade-off is that the widget’s convenience goes with it: positioning, the floating button and the theme options are all things the widget does for you and the iframe leaves to you.Two things people ask about security
No patient data goes into an embed. These are the same public pages a visitor reaches by link — a contact form, a shop, a membership signup, a chat assistant. None of them show a record, and none of them can be made to. The embed runs in an isolated frame that resizes itself. Your site and the embedded page cannot read each other’s contents, and the frame grows and shrinks to fit the page inside it rather than showing its own scrollbar. You do not need to guess a height.Plan limits, stated plainly
- Contact form, Essential — “The Essential plan lets you drop your contact form right onto your own website. Upgrade to get the embed snippet.”
- Contact form, Team — “Upgrade to Team for inline mode, button position, theme, accent, and the raw iframe for full styling control.”
- Store, Team — “Embedding your storefront is a Team feature. Upgrade to add it to your website.”
- Membership page, Team — the same rule; the hosted link works on every plan.
Check it worked
- Load your site in a private browser window, signed out of ClinikEHR.
- The button or the inline block appears where you expected.
- Submit a test enquiry, or start a test order, and confirm it arrives in ClinikEHR — see Contacts or Your store.
- Check it on a phone. The frame resizes itself, but your own page’s layout around it might not.
If something goes wrong
Nothing appears on my site
Nothing appears on my site
Three usual causes: the snippet went into the page’s head instead of just before
</body>; your website builder stripped the script tag from a rich text block, which most of them do; or the page was not published after you pasted. Use the builder’s dedicated custom-code or footer-script field.It shows my old branding or old fields
It shows my old branding or old fields
The embed reads saved settings. Save the settings tab, then hard-refresh your site. The card warns you about this when you have unsaved changes.
I only see an upgrade message where the snippet should be
I only see an upgrade message where the snippet should be
Your plan does not include that embed. The contact form needs Essential; the store and membership page need Team.
The style options are not there
The style options are not there
Style, position, button text and theme are Team-plan options. On Essential the contact form embeds with defaults.
The embed is cut off or has its own scrollbar
The embed is cut off or has its own scrollbar
The frame sizes itself, so this is nearly always a fixed height or an
overflow rule in your own site’s CSS around the container. Remove the fixed height. If you need to control the box precisely, use the raw iframe instead.Can I embed the booking page?
Can I embed the booking page?
No — booking is a linked page, not an embedded one. Give it a custom domain and link to it.
Can I embed the patient portal?
Can I embed the patient portal?
No. The portal is where patients see their own records and is only ever reached by signing in at its own address.
Related
Use your own domain
Serving a whole page on an address you own.
Brand your public pages
Making the embedded page look like your site.
Contacts
Where enquiries from the embedded form arrive.
AI agents
Publishing an assistant, and embedding its chat.