Get startedInstall

Install

One script tag, then a recipe for your framework of choice.

The widget installs as a single CDN script tag — no build step, no npm dependency. Start with the install-method page, then jump to the framework recipe that matches your stack.

The framework recipes below all use MedosBooking, but the pattern is the same for every widget: load the script, wait for the global, call init() once. Swap the URL and the global name from the Widgets table to embed the patient portal, enquiry form, or package purchase widget instead.

Install method

Framework guides

Each guide shows the smallest working integration for that framework — loading the script, calling MedosBooking.init(), and mounting either modal or inline.

Single-page apps: load once, init once

On a server-rendered page a plain <script> tag is enough. In a SPA, two things bite: the bundle may not have finished loading when your component mounts, and remounting calls init() again — which mounts a second widget into the same container. The React, Next.js, Vue, Angular, Svelte, and Gatsby guides all handle both.

On this page