How can I add a required textbox on my checkout page?

Technical Q&A
, ,
1

Hello,

I would require a textbox to be inserted at the check-out page that will be required to be filled in prior to making the purchaase.

Could you help me with the required coding on that?

2

Hi there, unless you are on Shopify Plus this would have to be done on the /cart page.

Cheers.

WhiteWater Web

3

Hi, @lichakamatar !

Can you let me know what is the purpose of the textbox? If you are requiring some kind of product customization or information relating to a purchase before a customer checks out, there are ways to have it become a requirement before even entering the checkout window.

For instance, you can look into the Textbox ‑ Textfield by Textify app as it allows you to add a mandatory field on the product page. You can enable this to be a requirement otherwise the customer won’t be able to add to cart.

It would be a great alternative to a Cart Note since that can easily be overlooked.

Please let me know if you have any questions.

Best,

4

If you specifically want the textbox to appear on the checkout page, you’ll need a checkout UI extension: https://shopify.dev/docs/api/checkout-ui-extensions

You have a couple of options to make this happen:

  1. Code your own checkout UI extension. If you choose this, reply with any questions and I can help guide you on coding this.
  2. Find an existing checkout UI app in the App Store.
  3. Find a developer to build a custom checkout app for you. I’m currently doing research into potentially building a new public app for this, so let me know if that’s something you’re interested in.

Note that all of the options listed above require you to have Shopify Plus. If you’re not on Plus, then I suggest looking for options to do this on the cart page, or on product pages (for example, using a product options app).

Let me know if you have any questions.

1 Like