Elementor Form

Appointment Booking Forms for Elementor

Create smart and interactive appointment booking forms in Elementor using Cool FormKit. Effortlessly gather user details and show results instantly.
Book Doctor Appointment

Doctor Appointment Booking Form

Create a smart doctor appointment form in Elementor using Cool FormKit. Let users select a department (Lab Test, Dental, General Physician) and instantly view related options with conditional logic. They can choose a date, enter details, and receive an email confirmation with all their info.

Features Used:

Book Your Salon Appointment

Beauty Salon Appointment Form

Create a user-friendly salon booking form in Elementor using Cool FormKit. Let people choose services with images, see the price update automatically, and pick their appointment date, time, and payment method, all in one form.

Features Used:

  • Country Code Dropdown for mobile number field
  • Image Radio Buttons to showcase service options with visuals
  • Calculator for Elementor to auto-calculate service price based on selected option
  • Conditional Logic to show payment fields when “Pay Online” is selected
Request Your Service Quote

Online Service Appointment Form

Create a fully interactive Online Service Inquiry Form in Elementor using Cool FormKit. Ideal for freelancers and agencies, this form allows potential clients to submit detailed project requests, select their budget, and share past experience.

Features Used:

  • Country Code Dropdown for the phone number field
  • WYSIWYG Field for rich-text project descriptions
  • Currency Field to capture budget input with automatic formatting
  • Conditional Logic to show follow-up questions based on user response
  • Rating Field to collect feedback from returning clients
  • Styled Radio Buttons & Checkboxes for a modern, user-friendly look
  • Label Styler to show clean and well-aligned labels throughout the form

Start Creating Advanced Forms in Elementor Today

Cool FormKit makes it easy to build powerful, feature-rich forms in minutes.

Frequently Asked Questions

How is the country code added to the phone number field?

The country code is added using the Country Code Dropdown field, which places a dropdown next to the phone input so users can select their country code easily.

The Image Radio Field is used for this purpose. It allows you to display services (e.g., Haircut, Facial, etc.) visually instead of using plain text radio buttons, making your forms more engaging.

If you are looking to build powerful and user-friendly appointment booking forms in Elementor, Cool FormKit offers advanced features that enhance both functionality and user experience. Here’s a quick overview of the key features used in these forms:

  • Conditional Logic – for dynamic field display based on user choices
  • WYSIWYG Field – to allow rich-text project descriptions
  • Image Radio Buttons – to select services visually (e.g., salon services)
  • Calculator Fields – to auto-calculate service pricing
  • Country Code Dropdown – for accurate mobile number entry
  • Currency Field – for collecting budget inputs with proper formatting

Conditional Logic lets you show or hide form fields based on user choices. This helps create smart and personalized forms. Here’s how to set it up in Cool FormKit:

  • Set the Department field ID to department with options like General Consultation, Dental, Lab Test.
  • Set the Test Type field ID to test_type.
  • In the Conditional Logic settings of test_type, add this rule:
  • Show this field if department equals Lab Test.
  • Now, the Test Type field will appear only when a user selects Lab Test in the form.

The total service cost is calculated using the Calculator Field in Cool FormKit. First, you create a service selection field using the Image Radio field and assign a price to each option. Then, you give this field a unique ID, such as service. After that, you add a Calculator Field and set its formula to [service]. When a user selects a service, the Calculator Field automatically displays the corresponding price, allowing you to show the total payable amount instantly

Cool FormKit supports Conditional Email on form submission, allowing you to send a confirmation email with all submitted data instantly to the user’s email after form submission.

No coding is needed at all. All these interactive appointment forms were built entirely in Elementor and the Cool FormKit.

We offer a 14-day refund policy. If you are not satisfied with the plugin for any reason, you can request a refund within 14 days of your purchase. For full details, visit our Refund Policy Page.

After purchasing the plugin, you will receive a license key. Simply activate this license in your WordPress dashboard to start receiving automatic plugin updates directly within your WP admin area. You will also be eligible for premium support and regular updates as long as your license remains active—just contact our support team when needed.

Thanks for trying the demo!
Ready to build forms like this in Elementor?
Special Discount Available