Webflow sync, pageviews & more.
NEW

Can conditional fields be set up in the checkout process in Webflow? For instance, showing additional fields based on the quantity of a product being purchased. For example, requesting personal details for each participant if purchasing multiple tickets for a trip.

TL;DR
  • Webflow's native checkout lacks support for conditional fields based on quantity.
  • Use a post-checkout form, custom pre-checkout flow with third-party payments, or embed dynamic forms (e.g., Typeform, Jotform) to collect participant info.

Webflow’s native checkout does not support conditional fields based on product quantity (e.g., showing multiple sets of participant info fields). Its built-in ecommerce features are basic and don’t include advanced form logic within the checkout.

1. Limitations of Webflow’s Native Checkout

  • The Webflow checkout page uses a fixed structure and does not support dynamic or conditional form fields.
  • You cannot natively add multi-participant forms or dynamically duplicate input fields based on a product’s quantity.
  • Conditional visibility in Webflow CMS works for static pages/forms, but not within the ecommerce checkout logic.

2. Workaround Options

To achieve dynamic fields based on quantity selected, consider the following alternatives:

  • Post-Purchase Form Flow:

  • Let the customer complete checkout first.

  • After the order, redirect them to a custom form page where they enter participant details.

  • Use query parameters (e.g., ?qty=3) or reference the order ID to match the submission with the purchase.

  • Tools like Zapier, Integromat (Make), or Webflow Logic (beta) can help automate this.

  • Pre-Purchase Custom Form:

  • Build a custom form page where a user selects the number of tickets and submits personal data.

  • Use a custom payment integration (e.g., Stripe Checkout, using Udesly or Memberstack) to process the payment.

  • This gives you full control over forms and conditional logic but bypasses Webflow’s ecommerce engine.

3. Third-Party Form Builders

Consider embedding a form from a third-party tool that supports dynamic fields:

  • Typeform, Jotform, or Tally.so offer:
  • Logic-based fields
  • Repeatable groups
  • Easy embedding into Webflow pages
  • Use these for participant info collection, then link it with payment flow using Stripe or PayPal.

Summary

Webflow’s checkout doesn’t support conditional fields based on product quantity. To request participant info for multiple tickets, use a post-checkout form, a custom payment flow, or a third-party dynamic form solution.

Rate this answer

Other Webflow Questions