Custom Text Field on check out

Store Design
1

Is there a way to add a custom text field to the checkout? I don’t want it on the products, just the checkout itself.

Thanks!

2

Hi @rubenaamaro

There are a few ways to add custom text fields to the Shopify checkout, but the options depend on your Shopify plan:

  1. If you are on the Shopify Plus plan, you can directly edit the checkout.liquid file to add custom fields to the checkout page. This allows full customization of the checkout.

  2. For non-Plus Shopify plans (the most likely case), you have a few options:

a) Use a third-party Shopify app to add custom fields. Some apps mentioned include Custom Fields, Infinite Options, UpsellPlus. These allow adding fields without coding.

b) Add an optional “order notes” text box on the cart page before checkout. This collects extra info but on the cart page, not directly in checkout.

c) Use JavaScript/jQuery to inject custom fields into the checkout page. However, this is hacky and not officially supported by Shopify.

  1. Another option is to collect the custom field data on the product page itself, so it carries through to checkout as a line item property. But this shows on the product, not just checkout.

  2. Shopify has announced upcoming “Checkout Extensions” which will allow approved apps to officially add custom fields to checkout for all plans. But this is still in development.

In summary, the simplest supported way for non-Plus stores is to use an app to add custom fields to the cart page. Directly editing checkout requires Shopify Plus currently. An alternative is adding the field to the product page to pass data through to checkout.

3

Hi @rubenaamaro :raising_hands:

How about adding a message field directly on your product page so customers can enter their notes there?

If that sounds good, you can easily set this up using the free Easify Product Options app with the Text Area option type—it only takes a few minutes to configure.

I’ve created a similar demo to help you better visualize how it works:

  • This is the result:

image
image1832×1200 135 KB

  • This is the app setup:

image
image2048×1031 187 KB

The app is very easy to use with an intuitive interface, so you can get everything up and running quickly without any technical hassle.:smiling_face_with_three_hearts:

4

Hi Rubenaamaro

Shopify doesn’t really let you add custom fields directly to the checkout unless you’re on Shopify Plus.

On regular plans, the checkout is locked down, so you can’t just drop in a custom text field there. The only built-in workaround is the “Order notes” field (in cart settings), which shows up before checkout and lets customers leave a message.

If you specifically need something at checkout, your options are:

  1. Use a cart attribute (via theme customization) before checkout
  2. Enable order notes in the cart
  3. Use an app that collects extra info before the checkout step

If you are on Shopify Plus, then you can customize checkout using checkout extensions and add custom fields properly.

Thanks.
Parampreet Singh.

5

Hi @rubenaamaro
You can easily offer personalized engravings, custom text fields, or special gift messages right on your storefront using Misk Smart Product Options.

You can add a custom text box feature to a single product page, apply it globally across all products, or target only specific, selected products

image
image1896×774 77.2 KB