How Can I Create a Multi-Function Button on Form

Design help Ecommerce
1

I am designing a product page in Webflow that includes a form for customers to ask questions about bookings and allergies. Upon submitting the form, I want the process to automatically redirect users to the checkout page.

To achieve this, I need the button to perform three actions simultaneously:

  1. Submit the form.
  2. Add a product to the cart.
  3. Redirect the user to the checkout page.

These three functions should work seamlessly together upon a single click.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @Oscarblynk.
Josh with Foxy here. What you’re after may prove pretty difficult with Webflow forms and Webflow Ecommerce.

That said, what you’re after is possible with Foxy and a more robust form builder like Jotform: https://www.foxy.io/blog/use-jotform-to-visually-build-your-foxy-purchase-forms/

Collect whatever info you need in the form. On submit, take customer to Foxy checkout with pre-defined (or dynamically generated based on form info) product(s) in cart.

Happy to help you navigate through things. Please don’t hesitate to reach out: hello@foxy.io

Thanks,
Josh