Skip to main content
Four ClinikEHR pages can live inside your own website instead of being linked from it. You copy a snippet from the settings tab and paste it into your site; nothing else is required.

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 StyleFloating 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.
On every one of these, the hosted link works on all plans. Embedding is about where the page lives, not whether you have the page. See Change your 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

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.
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.
Your plan does not include that embed. The contact form needs Essential; the store and membership page need Team.
Style, position, button text and theme are Team-plan options. On Essential the contact form embeds with defaults.
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.
No — booking is a linked page, not an embedded one. Give it a custom domain and link to it.
No. The portal is where patients see their own records and is only ever reached by signing in at its own address.

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.