Streaming live at 10am (PST)

Reduce number of fields required in checkout page?

Hi Webflow community!

I was wondering if it were possible to reduce the number of fields required on the checkout page. Right now, the Webflow default requires A LOT of fields to be filled out, which our team thinks could be a deterrent to conversion.

Many other sites only require:

  1. Credit / debit card number
  2. Expiry date
  3. CVC
  4. Full name
  5. Zip code

But there are a lot of extra fields required by Webflow, such as:

  1. Street address (billing address)
  2. City (billing address)
  3. State (billing address)
  4. Country (billing address)
    and then repeat for shipping address, which is another 5 more fields.

That’s 9 extra fields our customers have to fill out that are completely unnecessary! Any way around this? We sell a digital product (no shipping address needed), and we’re using Stripe as our payments processor.

Thanks!

WHat happens when you hide class the Shipping info, and test card input with Name Card Expy Date CV code?

Thanks for the reply @miekwave!

I tried checking out with Webflow’s “Billing Address” Block hidden (part of the Payment Info section, which contains the fields Full Name, Street Address, City, State, Zip, Country) and it didn’t work (so in this test, I only had exposed / filled out Email, Card Number, Expiry, and Security Code like you suggested). I also hid the Shipping Info class.

When I pressed the Place Order button, an error message didn’t even appear. I’m not sure what fields are absolutely required by Webflow since I can’t find documentation on it.

Previously, when we didn’t host our site on Webflow, I know Stripe only required: Name, Card Number, Expiry, CVC.

Hi Have to correct you.if you use Amex they Have address validation and the Fields are required

I have encounted a similar issue. I made Duplicate CMS items of PRODUCT just for FOXI.io authorize.net and/or stripe.

Then in Products have a custom Pill box if TRUE -> Reference Item => Products CMS

Then put custom redurect rule in custom code

ECommerce Product create a new text field called “Redirect Path” and leave BLANK by default - BUT if path exist then redirect

`<meta http-equiv="refresh" content="0;url=/cms-product-path/cms-product-page" />`

This way you can use both Webflow E-Commerce native AND external payment gateway providers

1 Like