All Collections
Let your patients book online
Getting started
Embed online bookings into your Wix website
Embed online bookings into your Wix website

How to embed your online bookings directly into your Wix site.

Dara avatar
Written by Dara
Updated over a week ago

If you're using the Wix platform to design your own website, you might want to have your online bookings "embedded" right into the site!

Image 2022-02-11 at 1.38.53 PM

This means that, rather than leaving your site to view the bookings in a new page, patients will remain on your site. This guide will walk you through how to set things up!


Copying your online booking "embed" code

There are going to be a couple of things you want to do! First up, copy the "embed" code from Cliniko. To do this, head to Settings, and then Online bookings: 

You can find the correct code to use under Code to embed in your website. It will look something like this:

Image 2022-02-11 at 1.47.47 PM

Clicking the "Copy code" button will allow you to copy that unique bit of code to your clipboard. 

Next, you'll want to add that code to your Wix website!


Adding the embed code to your Wix website

When using the Wix editor, click "Add" in the left-hand sidebar: 

Image 2022-02-11 at 12.34.29 PM

From here, choose the "Custom Embeds" option under the "Embed" section:
​ 

Image 2022-02-11 at 12.35.55 PM

You'll see a number of Custom Embeds options but you'll want to make sure you select "Embed a widget" from the list:

Image 2022-02-11 at 12.54.17 PM

Finally, move or adjust the Embed widget to the preferred location and size on your Wix site. You can then enter your Cliniko embed code by clicking "Enter code" and pasting your online booking code in the HTML Settings pop-up window:

Image 2022-02-11 at 12.59.10 PM

Once you click update, you'll now see a preview of embedded online bookings.


Preview and publish online bookings on a Wix site

Now that the Embed code has been added, you should see a preview of online bookings:

Image 2022-02-11 at 1.04.06 PM

To preview your site on desktop and mobile, you can change your view at the top by selecting the computer or mobile device icon:

Image 2022-02-11 at 1.32.17 PM

Make sure to move or adjust the Embed widget to the preferred location and size for both desktop and mobile and then Publish your changes:

Image 2022-02-11 at 1.35.36 PM

Final Result

Now that you've published all your changes, online bookings is now live on your Wix site 🎉!

Image 2022-02-11 at 1.38.53 PM

If you run into any problems adding an embed code into your website, reach out to your web designer, Wix, or the support team 💬

Did this answer your question?