What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Custom field at checkout

How can I add a mandatory custom field at checkout for monthly reporting?

Andre10
Visitor
1 0 0

I need to add a custom field at checkout that is a requirement to continue with there order. i will also need to use the content of this field for monthly reporting i.e. export order then sort by the content filled into this field by customers

Replies 22 (22)

Nick
Shopify Staff (Retired)
4531 434 1029

Hi Andre, 

Nick here from Shopify. 

There is a way to add a custom field at checkout and make it a requirement to continue with an order. Shopify actually has an advanced tutorial on how to do this which you can see by clicking here. Just to note, this is an advanced tutorial which is not supported by Shopify and would be for someone who has very high developer skills. If this is something you don't feel comfortable with, your best bet would be to reach out to a Shopify Expert directly to implement this as a small task. 

Regarding the reporting side of things. The ability to add a custom report is available from the Shopify advanced plan or above, but adding a new custom field is something which is not possible at this time. I will definitely let our team know about this and add it as a feature request on your behalf. 

All the best. Nick

To learn more visit the Shopify Help Center or the Community Blog.

EliMash
Visitor
2 0 8

But the tutorial you pointed out is for adding a field to the cart not to the checkout page.

Is there a way to add a field to the checkout-page?

gina-gregory
Shopify Partner
742 51 213

@EliMash There is, but only if your shop is on Plus and has access to the checkout.liquid file.

komalk
Visitor
1 0 0

Yes, i have Shopify plus account and have access to checkut.liquid But in  my theme, checkout file is named with : elevar-checkout-end.liquid PLease let me know next steps how I can add 3 radio buttons on checkout. And Final selected radio button value will be visible somewhere to admin. Please help.
 

lunsay
Excursionist
20 0 1

BEST SOLUTION!

lunsay
Excursionist
20 0 1

@Nick wrote:

Hi Andre, 

Nick here from Shopify. 

There is a way to add a custom field at checkout and make it a requirement to continue with an order. Shopify actually has an advanced tutorial on how to do this which you can see by clicking here. Just to note, this is an advanced tutorial which is not supported by Shopify and would be for someone who has very high developer skills. If this is something you don't feel comfortable with, your best bet would be to reach out to a Shopify Expert directly to implement this as a small task. 

Regarding the reporting side of things. The ability to add a custom report is available from the Shopify advanced plan or above, but adding a new custom field is something which is not possible at this time. I will definitely let our team know about this and add it as a feature request on your behalf. 

All the best. Nick


BEST SOLUTION

KristinL
Visitor
2 0 1

Hi there,

is there any solution anything i can do, when I am not Shopify Plus yet.

I know liquid file option is only possible with plus.

Any app or other solution, when I am required to have a field or check box for tax ID (necessary for B2B).

Thanks in advance!

Kristin 

smartmall
Tourist
24 0 0

Hi Their !

 

I would recommend you request the developers of your theme to make the necessary changes. That's what I did , they charged about $30 for a few small fields that I needed to be added. 

 

Regards

Yusuf

ToledoX82
Shopify Partner
44 1 17

Hi @KristinL 

I can do it for you, I sent you a private message.

 

 

Shopify Expert, Designer, Frontend Developer and SEO Specialist @ Toledo Interactive
Was my answer helpful? Click Like or Accept Solution and you can buy me a coffee
[PT] Minha resposta foi útil? Clique em Curtir ou Aceitar Solução e se quiser aceito um café 😃
Site: marciotoledo.com
KristinL
Visitor
2 0 1

Hi there. We were waiting too long to get help for this job. Before we did also not get proper answers as well. We will for sure need hlep in the future. But for the described topic we are done and I will delete that job. Have a good day!

katherinecabell
Visitor
2 0 1

Hey there

I need to add a custom field to my Shopify cart 

I run a spirit store for my son's private school and it would make my life so much easier if the parent was REQUIRED to add their Childs name and classroom to their order for checkout. Is that something you could help me with? 

I have Shopify basic but I think I need to upgrade which is fine too - just want to make sure I upgrade to the right plan

ToledoX82
Shopify Partner
44 1 17

Hi @katherinecabell ,

You don't need to upgrade Shopify Plan just for this feature, you have some options:

1) Add field to product using some app
2) Add field to checkout using some app 
3) Use some unused field, make required and replace the Label to match with your needs (cheap mode).

If you still need help, we have Shopify Custom and Support service.
Please feel free to reach out.

Cheers,

Shopify Expert, Designer, Frontend Developer and SEO Specialist @ Toledo Interactive
Was my answer helpful? Click Like or Accept Solution and you can buy me a coffee
[PT] Minha resposta foi útil? Clique em Curtir ou Aceitar Solução e se quiser aceito um café 😃
Site: marciotoledo.com
katherinecabell
Visitor
2 0 1
Thank you
I tried to figure the cheap mode option myself and ended up getting frustrated.
I would happily pay to get some help if you have the bandwidth!
ToledoX82
Shopify Partner
44 1 17

@katherinecabell yes, we can help
Please feel free to reach out. This link have my contacts.

Shopify Expert, Designer, Frontend Developer and SEO Specialist @ Toledo Interactive
Was my answer helpful? Click Like or Accept Solution and you can buy me a coffee
[PT] Minha resposta foi útil? Clique em Curtir ou Aceitar Solução e se quiser aceito um café 😃
Site: marciotoledo.com

Jonathan-HA
Shopify Partner
336 26 107

Hi Andre,

For the reporting part, our app EZ Exporter can help with this.  The custom fields at checkout are normally captured in Cart Attributes (also known as "Note Attributes") or Line Item Properties.

Our app supports exporiting of both Cart Attirubtes and Line Item Properties.  Each custom cart attribute or line item property can be placed in a separate column in the CSV generated by our app.

Please feel free to reach out if you have any questions on this.

Co-Founder / Developer at Highview Apps
Our Shopify Apps: EZ Exporter | EZ Inventory | EZ Importer | EZ Notify | EZ Fulfill

smartmall
Tourist
24 0 0

Hi Andre 

Hope you are well 

 

Just would like to know if you have managed to find a solution to this issue regarding additional fields at checkout.

I also require exactly the same. Will appreciate any assistance.

 

ahxan07
Tourist
5 0 1

Hi @smartmall 
Hope you received this is good health.

just want to know that have you find a solution for this or not. Stucked with the same problem!
Any help will be appreciated!

smartmall
Tourist
24 0 0

Hi 

 

I bought a new theme that can be customized for about $50.00 . And the developers are adding custom fields at the cart section . So when a customer adds a particular type of product to the cart, At that stage they will be prompted to complete the relevant fields . Or else they cant continue with the purchase.

Still busy with it though. 

 

Thanks

Yusuf 

 

TakiPets
Visitor
2 0 0

HI, 

 

for those who are looking to looking for a sort of work around to this solution, one way is to tweak the flow of your customer's experience. 

 

This solution work for all tiers and do not require any additional add on or cost, just some basic tweaks to the codes. So if you have a basic understanding of how to edit the theme codes, here's what I did. 

 

First set up your form in the cart.

Depending on the theme you're using, the easiest way is to

  1. open up theme editor
  2. use Shopify's code generator
  3. create the fields you need
  4. locate main-cart-items.liquid or cart.liquid file
    1. This file should have the following </form>
    2. click within the code editing box and use CTRL F to look for it
  5. copy and paste the codes generated right before </form>
  6. save and preview

Next, we need to remove the steps where the customers might skip the cart and go straight into check out

  1. Remove dynamic check out button
    1. Once again, this depends on whether you're using a 2.0 theme or not. 
    2. For 2.0 themes
      1. go to online store
      2. customize
      3. select product page from the middle drop down menu found right at the top of the page
      4. in the left panel open up product information, look for buy button, uncheck dynamic checkout button.
      5. TakiPets_0-1644388201488.png

         

    3. Legacy theme
      1. go to online store
      2. customize
      3. select Product pages in the drop-down page menu, slightly left, to the top of the page. 

      4.  

        scroll to Sections > Product > Dynamic Checkout Button

      5. uncheck the "Show dynamic checkout button"

Editing the pop up cart menu

if your theme have a pop up/slide cart menu here what you need to do.

  1. in your theme editor locate either cart-notification or cart-drawer
  2. use ctrl F to locate checkout
  3. copy the class attributes here
  4. remove the sections between <form> & </form>
  5. replace the CC Class of routes.cart_url to "button button--primary button--full-width" or the one you copied earlier
  6. open up component-cart-notification.css
  7. locate .cart-notification__links
    1. change text-align:centre to text-align:left

tomharry2211
Visitor
3 0 0

Here's an example of how you can export orders and sort them based on the content filled into this custom field:

  1. Go to your Shopify admin dashboard and click on the "Orders" tab.
  2. Select the desired time period for your monthly reporting.
  3. Click on the "Export" button to download the orders in a CSV file format.
  4. Open the exported CSV file using spreadsheet software like Microsoft Excel or Google Sheets.
  5. Locate the column corresponding to the custom field you added at checkout.
  6. Sort the orders based on the content filled into this custom field by using the sorting functionality of your spreadsheet software.

Now, you can analyze the data and generate monthly reports based on the information provided by your customers in the custom field.

tomharry2211
Visitor
3 0 0

Hopefully your problem is solved, if not visit this shopify page .