Hello! I’ve got kind of a tricky one here.
Using the InputFlow extension, I’ve created a step-by-step form that allows users to create a customized wedding film/photography package. I like form in its current state because it makes it impossible for users to make invalid selections or combinations.
You can try it out on this live webpage here. (Ignore the “I don’t need videography” buttons for now as they are not yet working as I intended)
Right now, the site doesn’t track how much the user’s selections are going to cost when added up. My goal is to change that.
So, each selection the user can make is an optional service. Every service has a monetary value. Basically, I’d like to see a live update in the navbar that states how much their package is going to cost, as well as a final statement at the end, before they hit “Submit.”
Is this possible? I’m hoping that attributes might be able to help me out here. For instance, maybe I can assign each selection/button (radio and checkbox) an attribute that labels it’s monetary value. And then somehow track those attributes and add them up in real time.
I’m open to making some compromises here, but ideally I would want the form to behave this way.
Here is the Read-Only Webflow Link