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

Store Design
1

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

2

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

3

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.

4

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?

6 Likes
5

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

6

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.

7

BEST SOLUTION!

8

BEST SOLUTION

9

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.

10

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!

1 Like
11

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

12

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

1 Like
13

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

14

Best solutions

https://shopify.dev/tutorials/customize-theme-ask-how-customers-heard-about-your-store

https://ui-elements-generator.myshopify.com/pages/cart-attribute

15

Hi @KristinL

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

16

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!

17

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
    2. click within the code editing box and use CTRL F to look for it

  5. copy and paste the codes generated right before

  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
        TakiPets_0-1644388201488.png2691Ă—1593 569 KB

    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 &

  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
18

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.

19

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

20

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,