How do I add an extra field to my checkout page?

Shopify Plus
, ,
1

Hi All,

Creating a separate B2B store that is connected with our D2C store to be able to sync the inventories. We are using 3rd party app for the sync and order pushing between 2 stores.

However our accounting integrator is not seeing company details because they are only integrated with the D2C (our source store for the B2B) store. Now they are asking us to add a new field to the checkout page on the B2B side such as VAT number. So they can identify the Company.

Question is;

How do I add an extra field to my checkout page?

2

If you are on checkout extensibility then you can use this method - https://shopify.dev/docs/apps/checkout/custom/fields/add?extension=react

In case you are not on checkout extensibility then you have two options -

  • Since it’s B2B store, I am assuming you would have a sign up process, at the customer level you can store this data in metafield from customer profile page. When fetch orders into your store you’d need to query this customer level metafield using graphql API
  • Second option is to add it in the order notes or checkout properties when customer is placing the order

All three options will require some development. Let me know if you want someone to do it for you.