Adding a required textbox on my checkout

lichakamatar
Visitor
1 0 0

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?

Replies 3 (3)

WhiteWater_Web
Shopify Expert
456 17 42

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

Cheers.

 

WhiteWater Web

A certified Shopify Partner and Expert, WhiteWater Web (WWW) is a premium digital solutions company specializing in advanced Shopify Dev, Usability/Design, and Online Strategy. WWW has been working with the Shopify platform since 2006.
info@whitewatersolutions.com

Holly
Shopify Staff (Retired)
687 74 152

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,

Holly | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

tobebuilds
Shopify Partner
212 12 67

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.