--- title: "Appointment Booking Forms" url: https://coolformkit.com/elementor-forms/appointment-booking-forms/ date: 2025-07-24 modified: 2026-02-17 author: "cpsatinder" description: "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. Get Plugin Book..." word_count: 1296 --- # Appointment Booking Forms 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. [ Get Plugin ](/pricing/) ##### 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:** - [**Country Code Dropdown**](https://coolformkit.com/features/country-code-for-elementor-form/) for phone number- **Range Slider** for selecting age- **Conditional Logic** to show extra fields based on department (e.g., Test Type for Lab Test)- **Styled Radio Buttons** for improved visual style- **[Conditional Email on form submission](https://coolformkit.com/features/conditional-emails-on-form-submission/)** to send booking confirmation to the user ##### 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**](https://coolformkit.com/features/image-radio-for-elementor-form/) to showcase service options with visuals- [**Calculator for Elementor**](https://coolformkit.com/features/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](https://coolformkit.com/features/wysiwyg-field-for-elementor-form/)** for rich-text project descriptions- [**Currency Field**](https://coolformkit.com/features/currency-field-for-elementor-form/) to capture budget input with automatic formatting- Conditional Logic to show follow-up questions based on user response- **[Rating Field](https://coolformkit.com/features/rating-field-for-elementor-form/)** 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. [ Get Plugin ](https://coolformkit.com/pricing/) [ View Example Forms ](https://coolformkit.com/elementor-forms/) ### Frequently Asked Questions How is the country code added to the phone number field? The country code is added using the [**Country Code Dropdown**](https://coolformkit.com/features/country-code-for-elementor-form/) field, which places a dropdown next to the phone input so users can select their country code easily. What field type is used for selecting services with images? The **[Image Radio Field](https://coolformkit.com/features/image-radio-for-elementor-form/)** 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. How to Create Advanced Appointment Booking Forms in Elementor? 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**](https://coolformkit.com/features/wysiwyg-field-for-elementor-form/) – 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**](https://coolformkit.com/features/currency-field-for-elementor-form/) – for collecting budget inputs with proper formatting How to set up Conditional Logic in Cool FormKit for appointment forms? [**Conditional Logic**](https://coolformkit.com/features/conditional-logic-for-elementor-form/) 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. How is the total service cost calculated in Cool FormKit forms? The total service cost is calculated using the [**Calculator Field**](https://coolformkit.com/features/calculator-for-elementor/) 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 How can I send confirmation emails after form submission? Cool FormKit supports [**Conditional Email** **on form submission**](https://coolformkit.com/features/conditional-emails-on-form-submission/), allowing you to send a confirmation email with all submitted data instantly to the user’s email after form submission. Is any coding knowledge required to build these appointment forms? No coding is needed at all. All these interactive appointment forms were built entirely in Elementor and the Cool FormKit. What is your refund policy? 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](https://my.coolplugins.net/terms/refund-policy/). How to Get Plugin Updates and Support After Purchase? 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 ](https://coolplugins.net/support/)when needed. The country code is added using the [**Country Code Dropdown**](https://coolformkit.com/features/country-code-for-elementor-form/) field, which places a dropdown next to the phone input so users can select their country code easily. The **[Image Radio Field](https://coolformkit.com/features/image-radio-for-elementor-form/)** 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**](https://coolformkit.com/features/wysiwyg-field-for-elementor-form/) – 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**](https://coolformkit.com/features/currency-field-for-elementor-form/) – for collecting budget inputs with proper formatting[**Conditional Logic**](https://coolformkit.com/features/conditional-logic-for-elementor-form/) 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**](https://coolformkit.com/features/calculator-for-elementor/) 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**](https://coolformkit.com/features/conditional-emails-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](https://my.coolplugins.net/terms/refund-policy/). 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 ](https://coolplugins.net/support/)when needed.