Forms

• Navigate to WordPress Admin Dashboard → Forms → Forms.

• Now you’re on the Forms page.

• Click on the Add New button to add a new form.

• A popup will appear with all the templates available.

• You can also navigate to WordPress Admin Dashboard → Forms → New Form.

• A popup will appear with all the templates available.
• Choose any template according to your requirement.
• Click on the Blank Form option.

• Enter the Form Title and the Form Description.
• Once done, click on the Create Blank Form button.

• Now you’re on the Edit Form page.
• Go to the Add Fields section located on the right side of the screen.
• Expand Advanced Fields and drag and drop the following fields in the form.
• Drag and drop the Name field.
• Drag and drop the Phone field.
• Drag and drop the Email field.

• On the right-hand side of the page, click on the GFB Field section.

• Drag and drop the GFB Calendar field on the form.

• Edit the GFB Calendar field according to your requirements.

• Make sure to add the Total field from the Pricing Fields section.

• Once done, click on the Save Form button.

• Now, click on Settings on the top left side, next to the form label.
• Select GFB Settings from the Settings.

• Select First Name from drop-down
• Select Last Name from drop-down
• Select Email from drop-down
• Select Phone from drop-down
• Click on update button.

• Now navigate back to WordPress Admin Dashboard → Forms → Forms.
• We can see the form we created will now appear on the Forms page.

• Navigate to WordPress Admin Dashboard → Pages → Add New.

• A new page would open.
• Add the Title of the page.

• Click on the sign ➕ to add blocks.
• Select the Gravity Forms element.

• Now select the form from the dropdown menu.

• Once done, click on the Publish button.

• Once done, click on the Publish button.

Front-End Impact

• Navigate to the website.
• Go to the Bookings Form page.

• 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.

• Once the Booking is successful, a message will appear on the form page.