Embed playground

Generate and preview widget script

Use this route to tune embed script options before adding the snippet to your site.

Script settings

UsernameEvent slugTimezonedata-widthdata-heightdata-radiusdata-shadow (optional)data-title

Script URL

https://api.opencalendly.com/v0/embed/widget.js?username=demo&eventSlug=intro-call&timezone=UTC&theme=dark

HTML snippet

<script
  src="https://api.opencalendly.com/v0/embed/widget.js?username=demo&eventSlug=intro-call&timezone=UTC&theme=dark"
  data-width="100%"
  data-height="760px"
  data-radius="14px"
  data-title="OpenCalendly booking widget"
></script>

Open script URL

Live preview

Ensure API worker is running locally at https://api.opencalendly.com.