Components / Custom fields

Checkbox.

Checkbox in Ringers Western's checkout
Checkbox in Ghanda Clothing's checkout
Checkbox in Henne's checkout
Checkbox in Salomon Australia's checkout
Checkbox in The Body Shop's checkout

Collect an acknowledgement or a simple preference at checkout. Use checkboxes for terms, delivery permission, or instructions tied to selected products.

For Shopify Plus Checkout

In merchant checkouts

See it in checkout.

Checkbox in House's checkout
Checkbox in LEO LIN's checkout
More merchant examples (10)
Checkbox in Milano Wigs's checkout
Checkbox in MyHouse's checkout
Checkbox in Porsche Cars Australia's checkout
Checkbox in Robins Kitchen's checkout
Checkbox in TC Boxes's checkout
Checkbox in Thermomix's checkout
Checkbox in Thermomix's checkout
Checkbox in Thermomix's checkout
Checkbox in Vinnies Finds's checkout
Checkbox in ws-kirja's checkout
How it works

Configure your component.

01

Write the label and field key

Checkbox labels support links and text emphasis using markdown. Keep the customer-facing acknowledgement separate from the internal key used to save the response.

02

Choose required and default states

A required checkbox must be selected before the customer can continue. The separate precheck setting starts it selected, and customers can uncheck it. Choose the default deliberately for the information you are collecting.

03

Control its presentation

Place the checkbox inside a banner when it needs more prominence. Use component conditions to show it only for matching carts, products, or customer groups.

04

Choose where the response is saved

Save responses to an order attribute, a metafield, or an order note. Give each field a key that your fulfilment tools can recognise. Order note storage is available for a single field; use attributes or metafields when combining multiple fields.

Configure the acknowledgement itself, its starting state, and whether it must be selected to continue. A checkbox can stand alone, appear inside a banner, or form part of a group of inputs. Store the response with the order instead of relying on the visible label alone.

Checkbox configuration in Checkout Components, showing field labels and type-specific controls
Field settings in Checkout Components
Connected platform features

The tools behind your components.

Connect content, audience, and presentation controls. Available settings depend on the component and its version.

Write component content in multiple languages. Show the customer's language, with your default wording as a fallback.
Choose which Shopify Markets see each component, then tailor its language and conditions to the local audience.
Show components when cart, customer, shipping, or referral conditions match. Build and test rules before saving.
Adjust layouts, labels, borders, and behaviour in one editor, with starting points and a live preview.
See who changed what and when, roll back to an earlier component version, and view changes alongside checkout analytics.
Keep exploring

Good together.

A little more detail

Your questions, answered.

How is a custom checkbox different from Checkbox upsell?

A custom checkbox records a yes-or-no response or acknowledgement. Checkbox upsell adds a product-based extra to the cart. Choose the input when you need information rather than another purchase.

Can a required checkbox stop checkout until selected?

Yes. When the checkbox is required, the customer must select it before checkout can continue. Use clear wording about the acknowledgement you need.

Can a checkbox start selected?

Yes. Precheck this checkbox controls the initial selection and is separate from Required. Customers can uncheck a preselected field; choose the default deliberately for the information being collected.

Can I link to terms or highlight the checkbox?

Yes. Checkbox labels support Markdown links and emphasis, and the checkbox can appear inside a banner. Keep the linked information accessible before the customer makes a choice.

Can a checkbox reveal additional fields?

Yes. Optional input groups can sit behind a checkbox, such as Add a gift message. The extra fields stay hidden until the customer selects the option.

Where are custom field responses saved?

Choose an order attribute, a metafield, or an order note, and give each field a recognisable key. Order note storage is for a single field; use attributes or metafields for multiple fields. Confirm that your packing-slip or fulfilment app reads the chosen location.

How do I add a custom field to Shopify checkout?

Create and name the input component in Checkout Components. Add the Latest Custom Field block in Shopify's checkout editor and enter that component name in the block settings. Choose one of the placements Shopify makes available and preview it before publishing.

Can I show the component only to certain customers or carts?

Yes. Use display rules based on products, cart value or quantity, customer tags, markets, or delivery details. Combine conditions with all or any logic and test representative carts before publishing.

Do I need Shopify Plus, and which app plan includes this component?

Yes. Checkout Components is built for Shopify Plus stores. Starter includes one content or input component; Growth and above include unlimited content and input components. Translations and thank-you page content are included on Growth and above.

Bring the right detail into checkout.