Checkout Custom forms and fields

Transform your Shopify checkout or thank you page with beautiful, fully responsive custom forms. Our intuitive editor lets you add, rearrange, and modify any fields in seconds, capturing vital data exactly where you need it. Build your own form with

  • Text Input
  • Dropdown Menus
  • Choice list (Checkboxes)
  • Radio Buttons
  • Text Area
  • Swatch Choices
  • Phone Number (with validation)
  • Date of Birth (with validation)
  • Date and Time Picker
  • Countdown Timer(coming soon)
image

Turn checkout into an info goldmine

Every field is designed for accuracy and ease, helping shoppers checkout with transparency while giving you actionable data for your business.

F&F
01

Drag-and-Drop Editor

Build advanced checkout forms visually, without writing code.

02

Conditional Logic

Show or hide fields automatically, simplifying the checkout process based on customer choices.

03

Flexible Data Routing

Store data in Order Attributes, Metafields, or Notes for smart backend integration.

04

Field Restrictions

Make any field required or optional, and enforce compliance for age verification or special workflows.

05

Form display control

Using our checkout condition engine, you can decide when to display the form. Example: Show it to B2B customers only

How it works

{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"Design a widget"}]}]}

Design a widget

Customize the form's appearance, define a data save target, and add a heading and description.

{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"Define form fields"}]}]}

Define form fields

Add necessary input fields and set up required field or conditional logic (optional) for a dynamic experience.

{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"Add extension"}]}]}

Add extension

Retrieve the Widget ID, add it to your Shopify Checkout Profile settings, and test the integration.

{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"Capture data"}]}]}

Capture data

Collect the submitted data and use it for business requirements like segmentation and analysis.

{"type":"root","children":[{"type":"p...

Our AI-powered upsell feature combined with progress bar goals increased our average order value by 20% within weeks. The option to pick our own products or rely on Shopify’s automatic suggestions makes it incredibly versatile and effective.

Frequently Asked Questions