UI Elements

We see our customers build similar UI elements to deliver scheduling solutions on top of the Cronofy APIs. So we decided to save you the work and build them for you.

UI Elements are javascript components that are designed to be embedded within your web application. Several use cases are supported. Here's an example of embedding the Agenda element.

<div id="cronofy-agenda"></div>
<script src="https://elements.cronofy.com/js/CronofyElements.v0.7.2.js"></script>
<script>
    CronofyElements.Agenda({
        token: "{{ ELEMENT_TOKEN }}",
        target: "cronofy-agenda"
    });
</script>

More information in the UI Elements documentation.