Help center

Learn how to sell online with Checkout Page

Adding a shipping address

Adding a shipping address

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

Your customer's shipping address

Adding custom fields to your one page checkout makes it easy to capture your customer’s shipping address.

There are two options for adding a shipping address to your checkout:

  1. Adding custom fields and assigning data types (recommended)
  2. Adding custom fields only

Data types

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

image-28f5.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.

Adding a shipping address with custom fields and assigning data types

You can add a shipping address with multiple custom fields or a single custom field:

  • Multiple custom fields, each with the appropriate shipping address data type assigned to them (recommended)
  • A single custom field with the Shipping address data type assigned to it

The advantage of using multiple custom fields is that your customer’s shipping address data will have more structure and will be easier to use.

Multiple custom fields

  1. Under the Fields tab, click Add custom field

image-1357.png 2. Select a Text field from the dropdown

image-2ef7.png 3. Add Label text

image-f0cb.png 4. Add Placeholder text

image-b92a.png 5. Select the appropriate data type for the purpose of this field

image-62da.png 6. Check This field is required if a response is required

image-0120.png 7. Click Save 8. Repeat for every shipping address field you wish to add

Example

  • Name: Customer name
  • Email: Customer email address
  • Shipping address 1: Shipping address
  • Shipping address 2: Shipping address line 2
  • City: Shipping address city
  • Postcode: Shipping address postal code

Single custom field

  1. Under the Fields tab, click Add custom field

image-1357.png 2. Select a text or textarea field from the dropdown

image-2ef7.png 3. Add Label text

image-f0cb.png 4. Add Placeholder text

image-b92a.png 5. Select the Shipping address data type

image-a579.png 6. Check This field is required if a response is required

image-0120.png 7. Click Save 8. Now you’ve added a shipping address to your checkout!

Example

  • Name: Customer name
  • Email: Customer email address
  • Shipping address: Shipping address

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.

Learn more about adding custom fields

Adding a shipping address with custom fields only

It’s not required that you assign data types to your custom fields.

Follow the multiple custom fields or single custom field examples above without assigning data types.


Have a question about
Checkout Page?

Start selling in minutes with our no-code checkout page builder.

Create branded, custom checkout pages and increase revenue with one-click upsells and order bumps.

Whether on your website or in your sales funnel, our simple checkout process boosts sales.

Use cases

2024 © Checkout Page LLC. All rights reserved.

8 The Green, Ste R, Dover, DE 19901