Embedding Your Online Scheduling Widget

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

Updated over a week ago

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 to 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 generated 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.

Links for specific appointment types, locations and clinicians can be generated using Advanced options (see below for details).


Advanced Options

You are also able to create specific codes or links for a particular appointment types, locations and clinicians 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.

  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?