Building a Tesla-Inspired Product Configurator in Webflow | Part 2

[@agha.webflow]

You guys are great. Very Helpful tutorial love this. Need more tutorials like this.❤

[@davidprioul]

Is it possible to add options to the basic product ($250 here) for example wheels A (+$50), Color B (+$100) = TOTAL $400 and create a different “checkout session” depending on the configuration chosen by the user? Thanks for your work @HarshitAgrawalOfficial !

[@HarshitAgrawalOfficial]

Heyyy David! Yes you can do that. 1. First create all the add-ons inside Stripe and get their price ids. 2. Create the same add-ons Inside Webflow as check-boxes or radios, then pass the price ids as a custom attribute like data-stripe-id. 3. Now create a new hidden input field, using JS when someone checks an add-ons, fill the hidden input with URL encoded format that stripe needs line_items[1][price]=price_id&line_items[0][quantity]=1 ask chat gpt to generate this code for you. 4. Now when the form is submitted pass this hidden input directly as the post url inside make automation. This is you can have as many add-ons you want to add!