Skip to main content

Embedding Your Online Scheduling Widget

How to embed the Kalix's online scheduling widget onto your practice's website.

Updated today

Kalix Online Scheduling feature allows you to add a widget to your practice's website and accept bookings 24/7. All bookings will sync with your Kalix appointment calendar, client files, billing, and automated appointment messages. Kalix's online scheduling is supported on PCs, Macs, tablets, and smartphones. 

This document will go through the process of embedding the widget onto your website. For step-by-step instructions about setting up the scheduling widget, please click here.
​ 


Contents of this Article


 

Embedding the Online Scheduling Widget

1) Navigate to the Online Scheduling page under the Appointments tab, and choose the Preview section as shown below:

2) There will be a rectangle containing code. Copy this code to your clipboard by pressing the copy icon.
​  

3) Paste the code into your website, and add it to the page and location where you wish the scheduler to appear. You may want to create a new Appointments page.
​  


Direct Link

Kalix also provides the option to generate a URL or web address for your scheduler. This is useful if you do not have a practice website. The direct link can be shared with clients for online scheduling.

Advanced options can generate links for specific appointment types, locations, and clinicians (see below for details).


Advanced Options

You can also create specific codes or links for a particular appointment type, location, and clinician by enabling the Show Advanced feature and applying the filters.


Adding the Widget to Example Websites

Wix

An example of the process of adding the widget to a Wix website is shown below:

  1. Click Add on the left side of the Editor.

  2. Click More.

  3. Click HTML iframe.

  4. Click Enter Code.

  5. A gray rectangle that will become your scheduler will appear. Drag out this rectangle to fit the size you would like the widget to be. 

  6. Select the Enter Code/Enter Web Address button at the top of this rectangle.

  7. The HTM settings pop-up window will appear. 

  8. Make sure you have code selected as the option you want to add.

  9. Paste the code for Kalix into the Add your code field.

  10. Click apply.


Squarespace

You can either embed Kalix’s scheduling widget directly into your Squarespace page or link directly to your online booking page using buttons or text. Both options make it easy for clients to schedule appointments from your site.

⚠️ Important: Squarespace Plan Compatibility

The Code Block needed to embed the Kalix widget is only available on certain Squarespace plans:

  • Business, Commerce, and newer Core/Plus/Advanced plans support full code block functionality — including HTML, JavaScript, and iframes (which Kalix uses).

  • 🚫 Personal plans do not support JavaScript or iframe-based widgets in Code Blocks. If you're using this plan, the Kalix widget may not work properly.

If you're on the Personal plan, we recommend:

  • Using the direct booking link option (see below), or

  • Upgrading to a supported plan for full widget functionality.

Option 1: Embed the Kalix Scheduling Widget

  1. Copy the Widget Code from Kalix.

  2. Open your Squarespace Site and log in. Choose your site and navigate to the page where you'd like to add the widget.

  3. Click Edit on the desired page.

  4. Click the "+" to add a new block.

  5. Choose "Code".

  6. Paste the Kalix widget code.

  7. Ensure you select HTML is selected on the top right corner.

  8. Make sure Display Source is off.

  9. Click Apply, then Save the page.

Option 2: Add a Direct Booking Link to a Button or Text

If you prefer not to embed the widget, you can link directly to your Kalix booking page from a button, text, or navigation menu.

Step 1: Get Your Kalix Booking Link

  1. In Kalix, go to Appointments > Online Scheduling.

  2. Click the Direct Link to copy it.

Step 2: Add a Button with the Link

  1. In Squarespace, edit the page where you want to add the button.

  2. Click "+" and select Button.

  3. Enter a label like “Book Now” or “Schedule Appointment”.

  4. Paste your Kalix booking link into the URL field.

  5. Choose whether to open in a new tab or the same page.

  6. Save your changes.

Or Add the Link to Text

  1. Highlight any text (e.g., “Click here to book an appointment”).

  2. Click the link icon in the toolbar.

  3. Paste in your Kalix booking link.

  4. Save the page.


WordPress

  1. In the WordPress editor, either edit an existing website page or create a new page for your scheduler. 

  2. In the page's text editor, choose to view Text and paste the code from Kalix. 

  3. To view a preview of the widget, click the Preview Changes button. 

  4. When you are ready to publish, click Update. 

An example of the process of adding the widget to a WordPress site is shown below:


Weebly

  1. Within the Weebly website editor, under Build, click on Embed Code. 

  2. Drag and drop the element on your web page where you would like the widget to appear. 

  3. Click inside the Embed Code element and select Edit Custom HTML.

  4.  Paste the code. 

  


GoDaddy

  1. Within the Go Daddy Website builder, select Pages and Sections. 

  2. Select the page to which you would like to add the scheduler or use the Add Page button to create a new page.

  3. Click on the Add Section button on your selected page and select HTML. 

  4. Click on the Add button.

  5. Within the custom code field, paste the code from Kalix.

Did this answer your question?