Appointment Booking Widget

Create Your Own Appointment Booking Widget in Seconds for Your Website

Build a self-service booking flow with service cards, date and time selection, customer details, confirmation messaging, and brand styling.

How to embed Appointment Booking Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Add appointment types with service names, descriptions, durations, and pricing text so visitors understand exactly what they are booking.

Useful for:

ConsultationsSalonsClinicsClassesHome services

Set weekly working hours, unavailable dates, booking increments, required notice, future booking limits, and time zone labels.

Availability options:

Weekly hoursBlackout datesTime incrementsMinimum noticeTime zone

Use customizable name, email, phone, and notes labels to collect the information your team needs before following up.

Form fields:

NameEmailPhoneNotesCustom labels

Show client and owner notification notes, calendar sync messaging, custom confirmation copy, and colors that match your website.

Customization:

Confirmation copyCalendar noteAccent colorsCustom CSSBranding