Skip to main content
All CollectionsOnline SchedulingThe Basics
Online Scheduling: Embed Your Schedule
Online Scheduling: Embed Your Schedule

Learn how to embed your Availability Schedules on a webpage

Aaron Burns-Forsythe avatar
Written by Aaron Burns-Forsythe
Updated over 2 months ago

You can embed one or more of your Availability Schedules on your website, so your clients can book appointments directly on the page. If you don't have any Availability Schedules yet, you can learn how to create them here.
​

STEPS TO EMBED

Open Your Availability Schedule

First, you'll need to edit the Availability Schedule you want to embed:

  1. Click Online Scheduling in the left menu, under Settings

  2. Click into the Availability tab

  3. Click the dropdown arrow next to the Schedule you'd like to embed, and choose "Edit" from the menu to open that Schedule's settings:

Embed Button

In the Schedule's settings, click the "Embed" button:

This will open a pop-up box which contains your customized iframe code.

From Embed Options, you can enable the Hide Service Description and/or transparent background.

Click "Copy", and paste the code into the HTML of a page on your website.

Wordpress, Squarespace, Wix

While Online Scheduling can be embed in any webpage, here is a bit more information on specific websites.

Wordpress: You will need to install an iframe widget to be able to use the code.

Squarespace: You will need to use a Code Block.

​

Did this answer your question?