Schedulista allows clients to book your services online based on the durations of your services, the appointment times you've set, and your availability. We provide a scheduling page with a URL unique to your business name that clients visit to see your list of services and schedule with you.

You might want clients to book right from your own website rather than going anywhere else. Embedding the scheduler on your WordPress site may help with this.

Note on embedding a scheduler

This is an advanced feature and requires editing your website's HTML. If you have a web designer, email them the HTML code for the scheduler widget and a link to these instructions.

Before you start, you should determine if embedding the scheduler is your best option.

As of June 2022, the WordPress platform offers three options for websites:

  • WordPress.com - a free website service hosted by WordPress

  • WordPress.com with a paid subscription plan - a website hosted by WordPress that offers more features and flexibility. The ability to add plugins and HTML to your site is available with the WordPress Pro paid subscription.

  • WordPress.org - a free website platform that provides the most flexibility to create and develop your own "self-hosted" website. WordPress.org websites require a third-party site hosting service like GoDaddy, Namecheap, Bluehost, etc.

Your scheduler can only be embedded on WordPress.com sites with the paid WordPress Pro (formerly Business or eCommerce plans) subscription or on WordPress.org sites. HTML code limitations prevent the scheduler widget code from working on sites on the WordPress Free plan (formerly Premium, Personal, or Free plans). Find out which option is best for what you need.

We also offer a WordPress plugin to add the scheduler to your site that can work with many different themes designed for WordPress.

Embedding the scheduler on your WordPress website with HTML

On a WordPress.com site (with a WordPress Pro subscription) or a WordPress.org site:

(1) Use the HTML text editor for the page where you'd like to embed the scheduler

(2) In Schedulista, on the web app: go to Settings > Add to your website

On the mobile app (version 7.3 and above): Tap on Add to your website under the Connect section on the Settings tab

(3) Scroll down to the Embed your scheduler in a website (as a widget) section

(4) Copy the HTML code to your clipboard

On the web app: Click on the code in the field to highlight the code, then either right-click and select Copy; or press Ctrl-C on PC or Cmd-C (Command-C) on Mac. On a tablet, you may need to press and hold to highlight the code, and an action menu should appear with an option to copy.

On the mobile app: Press and hold on the code in the field to highlight the code; your phone's action menu should appear with an option to copy

(5) Back on your WordPress site, paste the code into the page text editor where you want the widget to appear

(6) Save the page

Related articles:

keywords: Embed, embed scheduler, widget, add scheduler, website, site, WordPress, WordPress.com, WordPress.org, HTML, HTML code

Did this answer your question?