How can we help?

Asking for extra information during checkout

What are custom fields?

The VaocherApp checkout only asks for what's absolutely needed to fulfill a gift voucher order. It typically asks for the purchaser's name and email address and that of the recipient also. Along with a couple of extra things like what the message is to the recipient or what postal address to send it to.

If you need to capture a little more information from the purchaser you can add custom fields to the checkout flow by heading to Custom Fields Settings in your VaocherApp dashboard.

Asking for extra information during checkout

How to create custom field

Log in to your VaocherApp dashboard and navigate to Settings → System Preferences → Checkout form, scroll down to the "Ask for extra info" section, and then click on "Add new field" button (or simply just click here).

How to create custom field

A typical example is collecting phone number. Following the example below to create a custom field to collect guest's phone number during checkout:

Collect guest phone number during checkout
Collect phone number example

💡 When deciding how to label your extra fields, please be careful and ask for the correct information. For example "Phone number" is a little vague, the purchaser might be thinking "My phone number, or that of the recipient?" It is better to be clear.

And we would ask for this information during checkout:

Phone number field during checkout
Phone number field in checkout

Custom field type

Selecting the correct custom field type not only help you to collect the right information, but also improve your guest's checkout experience.

There are 5 different types of custom fields:

  1. Single-line text: can be used to capture anything, from alphabetical (a-z) and numeric (0-9) letters, to spacial chars (e.g. @#$%^...) or event emojis (😍 🤗 🤠 👋 🎉 ...)
  2. Multi-line text: similar to single-line text field, but support line break
  3. Number: only numbers (from 0 to 9)
  4. Checkbox: useful to capture guest's acknowledgement such as terms & conditions, vaccinated against COVID 19...
  5. Dropdown list: lets your guests select from the options you defined
  6. Date: for birthday, schedule a date in future...
    Date custom field
    Date custom field on checkout form
  7. Time: select specific time (e.g. 1:30pm)
    Time custom field
    Time custom field on checkout form
  8. Date & time: collect both date & time, useful for appointment

And here is how they look in the checkout form:

Custom field types
Custom fields in checkout

Visibility of the captured data

By default, we will capture and store this extra information when you are viewing the gift voucher in the dashboard:

Custom fields visibility in voucher detail
Custom fields visibility in voucher detail

Required custom fields

By default, all custom fields are optional. That means your guests don't have to fill in those inputs to complete the order. You can make a custom field compulsory by selecting "Yes" in the "Is this required?" section when creating or editing a custom field.

When a custom field is required, your guests must fill in data in order to continue during checkout. Otherwise, an error message will show if a required field is left blank:

Custom field validation error message
Custom field validation error message
⚠️ Note: Avoid abusing compulsory custom fields in order to have a seamless checkout experience for your guests. Some people may not feel comfortable when being asked too many info and they tend to leave, which leads to loss of potential customers and revenue.

Conditional custom fields

By default, custom fields will be showed in the checkout form when your customers are buying any items. You can control whether or not to show a custom field based on the selected menu item.

To do so, when creating or editing a custom field, in the When to ask for this section, select the appropriate options.

When customers buy from selected items
When customers buy from selected items

Visibility of custom fields

By default, custom fields will be showed in your checkout form and dashboard. If you don't want a specific custom field to show in your checkout form, you can control that by ticking on the Hidden on checkout form checkbox.

Hide custom field on checkout form
Hide custom field on checkout form

Doing this, your custom field will NOT show on your checkout form, regardless of the showing condition.

For example: Your staffs are issuing gift vouchers in VaocherApp dashboard. For reporting purpose, you want to know who issues the vouchers and when. Then you can create 2 custom fields: 1 to collect the staff name, 1 to collect the date & time. More likely that you don't want to show these 2 custom fields to your customers when they are buying via checkout form. In order to achieve that, you can tick Hidden on back of house checkbox.