Help center

Learn how to sell online with Checkout Page

How to add custom fields

How to add custom fields

In this help article, we’ll cover adding custom fields to your checkout.

How to add custom fields

Adding custom fields to your one page checkout makes it easy to capture customer information and checkout preferences.

  1. Create a checkout
  2. Add your Product name
  3. Add your Price
  4. Click Create checkout to continue
  5. Under the Fields tab, click Add custom field

image-ab99.png 6. Select a field type from the dropdown 7. Add Label text 8. Add Placeholder text 9. Select a data type (optional) 10. Check This field is required (optional) 11. Click Save 12. Now you’ve added a custom field to your checkout!

You can drag and drop custom fields to sort how they appear in your checkout.

There is no limit to the number of custom fields you can add to your checkout.

Field

Select your field type from the drop-down list.

image-bcf2.png

  • Text: single-line response
  • Textarea: multi-line response
  • Email: email addresses only
  • Checkbox: yes or no response
  • Select: select from a list of options (not a variant)
  • Quantity: choose the quantity of an item

Label

Label your field with a name that your customers will easily understand.

image-990d.png

Please note, to edit the label text for the Discount code and Card fields, navigate to Design and then Custom labels.

Placeholder

Add Placeholder text that helps your customer complete the field.

image-4b1e.png

If left blank, your field will automatically use your label as a placeholder.

Data type

Data types are used to store custom field data (your customer responses) in a structured manner.

image-8934.png

For example, if you wanted to capture your customer's name, assigning the data type of Customer name means we can structure this data appropriately.

This is especially useful when connecting Checkout Page with other apps using our Zapier integration.

Please note that you must add (and make required) custom fields that use the Customer name and Shipping address data types if you wish to use any of the other shipping address data types.

This field is required

Check to make completing a field required before checkout.

image-a7ad.png

Reference

Under Additional settings, you can add a reference code to identify your field in integrations.

image-e144.png

If left blank, after saving, a unique reference code will automatically be generated for you.

Example reference code

“9184ead7-99ab-420a-8352-17d23139b10f”

Viewing custom field data

After successful checkout, you can find your customer’s responses to your custom fields in two different places:

  • You will receive a checkout confirmation email that contains a breakdown of the payment and your customer’s responses
  • Under Payments, every payment has its own payment page that contains a breakdown of the payment and your customer’s responses

image-abb9.png

The difference between a form select and a product variant

There is some crossover here but we recommend the following rules:

  • Use Variants when your customer is making a choice about what they will purchase.
  • Use a Form select when your customer is making a choice unrelated to what they will purchase.

Form select example

  • How do you hear about us?

  • Google

  • Instagram

  • Other

Variant example

  • T-shirt size

  • Small

  • Medium

  • Large

Learn more about selling variants

Integrating Checkout Page with your CRM, email marketing, or other apps

Using our Zapier integration, you can connect Checkout Page with hundreds of popular apps.

Integration examples

  • Update your CRM with custom field data after a successful checkout
  • Update your email marketing app with custom field data after a successful checkout

Have a question about
Checkout Page?