I am looking into building a Shopify extension to meet the following business requirement: after adding a product to the cart, but before checking out, the customer needs to fill in a custom form. This is not for product customisation, but several questions with personal information. A use case is …

It doesn’t look like we have any available tutorials for building custom forms that collect data and associate it with orders unfortunately - but there are some apps that already do this on the Shopify app store here .

Hi Michaljaworski, To achieve this, you would need to create a checkout UI extension and make use of custom fields , and metafields. Shopify allows developers to create custom fields during checkout that customers can use to provide additional information. You can learn how to create a Checkout UI …

Thank you Liam, Is there a way to show an existing form? In an iframe, or redirect to the form from the checkout and back. Our forms are complex. They’re generated by an existing backend, they include Javascript which collects the input and submits it in a specific format.

For example - can we change the action on the “add to cart” button for a prodcut, so that it redirects to a form on our site, and passes some kind of token, which would allow us to redirect back to Shopify checkout on form completion?

You could possibly build your own custom form on a product or cart page which saves the information to your own custom database/ or metafields, and is associated with the order later on when it’s created?

A custom form needs to be filled before placing an order

Retired Boards Appdev Extensions

michaljaworski December 19, 2023, 3:33pm 6

Any links or pointer as to how I can do this? Thank you!

Topic		Replies	Views
Use shopify custom form in customer account UI extention Extensions Setting-Up	0	20	April 29, 2024
Integrating regular Shopify store with a custom Storefront Custom Storefronts	6	100	July 4, 2023
Integrate custom order form with Shopify Checkout Custom Storefronts Setting-Up	2	44	September 25, 2023
Require long form submission before checkout on embedded Shopify products Ask & Offer design , customizations , troubleshooting , html , product-page	2	90	October 3, 2025
Removing checkout and adding a custom form Shopify Discussion apps	4	139	May 17, 2022

A custom form needs to be filled before placing an order

Related topics