Back to contents

How to create a booking form layout

 

From this tutorial you will learn how to create and customize a booking form layout with JetEngine plugin for the page in Elementor.

With JetEngine plugin creating a booking form is simple and easy. You can start your own basic booking form template and add this form template to your website, customize it and have guests book your services online. So let’s dive into the process of creating a booking form layout.

Creating a booking form layout

1 Step – Proceed to the JetEngine > Forms tab in your WP Dashboard and click the Add New button.

jetengine-forms-block

2 Step – Set the title for this booking form.

3 Step – The Field Settings block provides you with an opportunity to add different fields that will be displayed in the booking form. Here you can also manage the structure of these fields via drag&drop way.

4 Step – In order to add more fields, click the Add Field or the Add Submit Button buttons.

add-new-form

5 Step – Below the Fields Settings block you will find the Notifications Settings section where you can specify the type and the number of notifications. Depending on the type of notification you will get different areas to fill up.

6 Step – In the Messages Settings block there are sample messages that the user will receive whether the booking form is filled successfully or not.

7 Step – Don’t forget to click the Apply Changes button every time you make changes in order to save progress.

8 Step – Finally, click the Publish button to save a new booking form.

9 Step – Afterward, you can go to the page where you want to add a newly created booking form and open the page with Elementor editor.

10 Step – Drag and drop the Order Form widget to the canvas of the page and select the booking form you have just created from the Content > Select form directory.

booking-form-widget

Feel free to use different settings to customize the appearance of the order form according to your needs.

Form editing

Step 11 – In the end, click the Update button and that’s it.

Now you can allow your customers to register an appointment right from your site.