Secure an Exclusive 20% Discount on Lifetime Access - Limited Time Offer. Use code: LIFETIME20


Estimated reading: 3 minutes 151 views
  • 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc


Or copy link

Scroll to Top