Skip to main content

Checkout Field Editor

Add your own custom fields to the checkout

Stefan Hekman avatar
Written by Stefan Hekman
Updated over a week ago

How to Use Checkout Field Editor

The Checkout Field Editor allows you to customize the fields displayed during checkout in RepairPlugin. You can reorder default fields, enable or disable specific fields, and add new custom fields to collect additional information from customers.

All changes apply directly to the checkout step of the booking flow.

Where to Find Checkout Field Editor

To access this feature:

  1. Go to RepairPlugin → Settings → Checkout & Discount

  2. Scroll down to the Checkout Field Editor

Default Checkout Fields

By default, RepairPlugin includes standard checkout fields such as:

  • Name

  • Phone

  • Business Name

  • Email

  • Address Fields (based on service method)

  • Notes

These fields can be reordered or toggled on and off depending on your needs.

Reordering Checkout Fields

You can change the order in which fields appear:

  1. Use the drag handles next to each field

  2. Move fields up or down to your preferred order

  3. Save your changes

The checkout form will reflect the new order immediately.

Enabling or Disabling Fields

Some fields include a toggle:

  • Toggle ON to show the field at checkout

  • Toggle OFF to hide the field

For example:

  • Address fields may only be enabled for certain service methods

  • Notes can be enabled or disabled based on preference

Adding a New Custom Field

To add a custom field:

  1. Click Add New +

  2. Configure the field details

  3. Save the field

Custom fields allow you to collect additional information specific to your repair process.


Field Types Explained

When adding a new custom field in the Checkout Field Editor, you can choose from different field types depending on the kind of information you want to collect from customers.


Text

A single-line text input. This is best used for short answers such as names, references, passcodes, or identifiers.

Email

Validates email addresses automatically. Useful when you need to collect an additional contact email.

Number

Accepts numeric values only. Ideal for quantities, numeric codes, or reference numbers.

Textarea

A multi-line text field. Best for longer messages, notes, or additional instructions.

Dropdown

Displays a list of predefined options where the customer selects one. Useful for structured choices such as device condition or repair type.

Checkbox

Allows customers to select one or multiple options. Commonly used for confirmations, multiple selections, or acknowledgements.


Radio

Allows customers to select only one option from a list. Ideal when a single choice is required, such as selecting between a passcode or pattern.


Pattern

Used to enforce a specific input format. Helpful for structured inputs such as serial numbers or formatted codes.

Field Options (Dropdown, Checkbox, Radio)

For Dropdown, Checkbox, and Radio fields, you can define selectable options.

To add options:

  • Click Add New under the Options section

  • Enter the label for each option

  • Reorder options using the drag handles

The options will appear on the checkout exactly as configured.


Conditional Fields

Conditional fields allow you to show or hide a field based on a customer’s previous selection.


Important notes:

  • Conditional logic only works with Checkbox, Radio, and Dropdown fields

  • Conditions cannot be applied to plain text fields

How Conditional Fields Work

  1. Create a Checkbox, Radio, or Dropdown field

  2. Add selectable options to that field

  3. Create another field

  4. Under Condition for showing this field, choose:

    • The field to depend on

    • The option that triggers visibility

Example:
If a customer selects “Pattern” in a Radio field, a new text field can appear asking for the pattern details. This keeps the checkout form clean and only shows relevant fields.

Field Styling and Layout

Each custom field includes layout options to control how it appears on the checkout.

Width

  • 100% displays the field across the full row

  • Smaller widths allow multiple fields on the same row


Options Display

For Checkbox and Radio fields, options can be displayed:

  • Inline (side by side)

  • Stacked (vertical)

This helps improve readability depending on the number of options.

Service Method Visibility

Custom fields can be limited to specific service methods:

  • Come by our store

  • Ship device

  • Pickup service

  • Repair on your location

Only customers using the selected service methods will see the field. This is useful for location-specific or delivery-related information.

Preview Your Changes

After saving your fields:

  • Visit the checkout page on the front end

  • Test different service methods

  • Test conditional fields to confirm visibility

All changes apply immediately.

Using Checkout Fields in Notifications and Webhooks

You can also validate the fields and use this information in your webhooks and notifications.

Did this answer your question?