- Navigate to WordPress Admin Dashboard → Forms → Forms.
![](https://gravitymore.com/wp-content/uploads/2023/03/image134.png)
- Now you’re on the Forms page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image211.png)
- Click on the Add New button to add a new form.
![](https://gravitymore.com/wp-content/uploads/2023/03/image116.png)
- A popup will appear with all the templates available.
![](https://gravitymore.com/wp-content/uploads/2023/03/image140.png)
- You can also navigate to WordPress Admin Dashboard → Forms → New Form.
![](https://gravitymore.com/wp-content/uploads/2023/03/image255.png)
- A popup will appear with all the templates available.
- Choose any template according to your requirement.
- Click on the Blank Form option.
![](https://gravitymore.com/wp-content/uploads/2023/03/image140.png)
- Enter the Form Title and the Form Description.
- Once done, click on the Create Blank Form button.
![](https://gravitymore.com/wp-content/uploads/2023/03/image221.png)
- Now you’re on the Edit Form page.
- On the right-hand side of the page, click on the GFB Field section.
![](https://gravitymore.com/wp-content/uploads/2023/03/image307.png)
- Drag and drop the GFB Calendar field on the form.
![](https://gravitymore.com/wp-content/uploads/2023/03/image136.png)
- Edit the GFB Calendar field according to your requirement.
![](https://gravitymore.com/wp-content/uploads/2023/03/image165.png)
- Make sure to add the Total field from the Pricing Fields section.
- Once done, click on the Save Form button.
![](https://gravitymore.com/wp-content/uploads/2023/03/image245.png)
- Now navigate back to WordPress Admin Dashboard → Forms → Forms.
- We can see the form we created will now appear on the Forms page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image18.png)
- Navigate to WordPress Admin Dashboard → Pages → Add New.
![](https://gravitymore.com/wp-content/uploads/2023/03/image214.png)
- A new page would open.
- Add the Title of the page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image219.png)
- Click on the sign ➕ to add blocks.
- Select the Gravity Forms element.
![](https://gravitymore.com/wp-content/uploads/2023/03/image147.gif)
- Now select the form from the dropdown menu.
![](https://gravitymore.com/wp-content/uploads/2023/03/image276.gif)
- Once done, click on the Publish button.
![](https://gravitymore.com/wp-content/uploads/2023/03/image330.png)
- Once done, click on the Publish button.
![](https://gravitymore.com/wp-content/uploads/2023/03/image133.png)
Front-End Impact
- Navigate to the website.
- Go to the Bookings Form page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image133.png)
- Select the Location, Service, and Staff according to the configuration mentioned above.
- Now, a calendar will appear. Select the date on the calendar accordingly.
- Now select the slot on that specific date.
- The total amount will appear in the Total section.
- Once done, click on the Submit button.
![](https://gravitymore.com/wp-content/uploads/2023/03/image57.png)
- Once the Booking is successful, a message will appear on the form page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image29.png)