Skip to main content
How to customize the checkout form

Learn how to customize your online checkout form to collect all the extra customer information your store requires.

Igor avatar
Written by Igor
Updated over a month ago

The checkout form allows you to edit and customize the form displayed on the online checkout of your website, and will create the information fields your customers must complete before proceeding to their order payment.

Follow along with this article below to learn what the checkout form is, and it can be customized to meet your unique rental business requirements.

How it works

If you are familiar with Booqable, you will know that you can already add information fields for your customers to fill out to the online checkout, through the use of custom checkout fields.

You will still need to add a custom field as normal to add a date, drop down menu, single line text, multiline text, address, or phone number checkout field to your online checkout.

Checkout forms simply offer an extra option to also add custom checkout fields, heading, text, text with background, and images to your online checkout as well.

1. Add checkout items

When viewing your checkout form in your Booqable settings, you will see that two checkout form items are already included in the form by default; the customer's name, and e-mail address field.

To add more checkout items, follow the steps below.

1. In your Booqable account, go to Settings > Online reservations > Checkout > Checkout form.

2. Click "Add item" and select the item from a dropdown list.

If you wish to add a custom field you created earlier, select the "field" option.

3. Fill out the necessary fields depending on the type of the checkout item

4. Hit Save, and you're done. The checkout item will now be displayed on your checkout!

2. Organize the order of display

3. To re-order your list of checkout items on the online checkout, drag the hamburger icon up or down in the Checkout form list.

FAQ

Is it possible to move or change the "Personal details" heading?

This heading cannot be moved or changed.

Did this answer your question?