Clara developer
Getting startedVersioningAvailable componentsPolyfill

Getting started

We provide widgets for use on third party websites, implemented using Web Components.

This allows for a deeper integration in your site than for example an iframe might give you.

There are separate scripts for each component located at<component-name>.js. For example, the clara-quick-book component would be loaded like so:

<script src=""></script>


You can pin to a specific version if you like, by putting the version string in before the script name:

<script src=""></script>

We try to stick to semver for version numbering.

Using the versioned URL might be useful if you need to work round specific caching issues.

Available components

  • clara-quick-book — allows customers to book appointments through your website


All the main browsers support Web Components now, but you should load the polyfill script in your head tag if you want to support older browsers. The script is very lightweight and will automatically determine what parts of the polyfill to load based on what your browser already supports.

<script src="^2/webcomponents-loader.js"></script>