Need help on adding custom input fields to the Webflow checkout form and integrating a form for each product with the ability to collect multiple files

Design help Ecommerce
1

Hello everyone,

I’m currently working on enhancing the functionality of my checkout page in Webflow, and I’m seeking advice on two specific aspects:

  1. Custom Input Fields in Checkout Form: I’m looking to incorporate custom input fields within the Webflow checkout form that are not standard in the platform. These fields will be essential for gathering additional information from users during the checkout process. Can anyone provide guidance on how to add custom input fields to the Webflow checkout form effectively?
  2. Form Integration for Each Product on Checkout Page: Additionally, I aim to include a separate form for each product on the checkout page. I require these forms to have the capability to collect multiple files associated with each product. Does anyone have experience or suggestions on how to integrate such product-specific forms within the Webflow checkout page while ensuring they can gather multiple files?

Here is the result I want

Checkout
Checkout1440×2367 126 KB

Any insights, tips, or recommended resources would be immensely helpful.

Thank you in advance for your assistance!

Here is my site Read-Only: Webflow - Draw Your Projects

1 Like
2

Hey @V3L1CK0V1C :wave:,

Patrick from Monto here!

We are designing an app right now that will add custom input integration for Webflow!
Its not ready to test yet, but we’ll definitely reply back here when it is.

We’d love to get your input on the app and ensure it will work for your use case. Could you email us at hello@monto.io and we can chat further?

Thanks!

3

Hi @V3L1CK0V1C.
Josh with Foxy here. If you don’t get what you need with Webflow Ecommerce + Monto, you might consider our seamless Webflow integration: https://foxy.io/webflow

Manage products with Webflow Ecommerce or CMS. Collect custom info at both the product level (add to cart form) and checkout page. In addition, custom fields can be conditionally shown/hidden based on the product.

Using Uploadcare or similar services, you can collect file uploads at both the product and checkout level.

Please don’t hesitate to reach out if you have any questions or need help getting started with our unlimited free trial: hello@foxy.io

Thanks,
Josh

1 Like
4

One of our customers had a similar question so we wrote a script that allows you to easily turn anything into a file input.

Here is a link to a tutorial that walks you through the question, and then the solution from start to finish.

If you have any questions please feel free to tag me!

Happy Thursday!