Register to unlock

This video is for pro members.

Membership Benefits
As a member of NoCodeDevs, you'll be able to access exclusive tutorials, save your favorite tutorials, follow creators, and save tools.
Community Support
You'll also get access to our amazing community, receiving Newsletters that feature the latest no-code tools, tips, and tricks to help accelerate your learning.
Register to unlock

This video is for pro members.

Membership Benefits
As a member of NoCodeDevs, you'll be able to access exclusive tutorials, save your favorite tutorials, follow creators, and save tools.
Community Support
You'll also get access to our amazing community, receiving Newsletters that feature the latest no-code tools, tips, and tricks to help accelerate your learning.

#42 - Use checkbox to create a pricing calculator

In Webflow Hack #42, we learn how to create a pricing calculator with checkboxes. We'll be putting checkboxes in our for
In Webflow Hack #42, we learn how to create a pricing calculator with checkboxes. We'll be putting checkboxes in our form, we'll assign values to the checkboxes; and when somebody checks or unchecks the checkbox, we will show the total value, and then submit that total value with the form. TIMESTAMPS: 00:08 - Intro 00:29 - Live Example 01:09 - Structure 05:17 - Code Breakdown 12:15 - Thank You F'IN SWEET WEBFLOW HACKS: A custom-code focused video-tutorial series for Webflow websites. Learn how to use jQuery and javascript to extend the functionality of your Webflow project. Built by @Finsweet for the @Webflow Community. See all videos from the playlist: https://www.youtube.com/playlist?list=PLpjTM82q4Gu5KczhQiMN9HkG9KbNbaSIP Check out all videos from the Pricing Calculator series: https://www.youtube.com/playlist?list=PLpjTM82q4Gu4KKw\_KRgXpdQdQL9t8UnIh ----------------------------------------------- // RESOURCES FROM THE VIDEO F'in sweet Webflow Hacks: https://hacks.finsweet.com/42 Webflow cloneable: https://finsweet.com/hacks-clonable-template Request a new hack: https://finsweet.com/hacks-request Stay updated with new hack releases: https://hacks.finsweet.com/#cta-block Get FREE help with implementation: https://sweetjs.finsweet.com/ Subscribe to Finsweet: https://www.youtube.com/c/Finsweet?sub\_confirmation=1 ----------------------------------------------- // ABOUT US We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. 💪 We are taking Webflow to a new level and sharing everything with you!! 🙌 Join our community at https://finsweet.com/subscribe to supercharge your Webflow skills! 🔥 ----------------------------------------------- // SOCIAL Facebook: https://www.facebook.com/thatsfinsweet/ Twitter: https://twitter.com/thatsfinsweet Instagram: https://www.instagram.com/thatsfinsweet/ Dribbble: https://dribbble.com/thatsfinsweet Behance: https://www.behance.net/thatsfinsweet/ Webflow: https://webflow.com/team/Finsweet/ ----------------------------------------------- // TAGS #webflow #jquery #hack42 ----------------------------------------------- Thanks for your support! 🤟
custom code
Using VS Code and GitHub with Webflow
custom code
Forms
Update forms & prefilled in fields
Forms