toHome;
Webflow.hacks};
Clone.(project)
Hack #42
#42
Use checkbox to create a pricing calculator on a Webflow form
WALKTHROUGH ON
Service 1
$200
Service 2
$325
Service 3
$800
Service 4
$1,374
$
0
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Before tag
Copy code
Copy code
Hey! This project has been
rebuilt as Hacks in TypeScript
.
Check out the new and improved code snippets
>> here <<
X
//All_hacks
#1
Show a custom success message in a Webflow Form default Success state
#2
Show a custom success message in a Webflow Form when using a url redirect within your site
#3
Count and display the amount of items in a Webflow Collection List
#4
Create dynamic Webflow CMS generated anchor links
#5
Customize CMS item filtering parameters with Webflow CMS text fields
#6
Use a GIF as a page preloader AND only show it once per day
#7
Customize Favicon for a specific page
#8
Create a 404 instant redirect to homepage
#9
Use 100% custom slider dots for Webflow Slider component
#1O
Use Interactions and cookies to only play your loading animation once per day
#11
Dynamically submit page url through a Webflow web form submission
#12
Run a function on button click with javascript and jquery
#13
Create a back button with href javascript or jquery click function
#14
Automatically show current year in footer with span and js
#15
Remove anchor link id tag and # on urls within the same page
#16
Remove anchor link id tag and # on urls when loading a page
#17
Use a plus minus counter on your Webflow form
#18
Reject gmail and other non-business emails from form submission
#19
Submit checkboxes, radios, and select as text fields in Mailchimp
#2O
Create sub bullet lists inside a Rich Text element
#21
Create an age gate to confirm the user's age
#22
Show and format the current date
#23
Show and format the current time
#24
Detect the user's browser and run a function
#25
Detect the user's mobile OS and run a function
#26
Run different functions on desktop vs mobile
#27
Run different scripts on desktop vs mobile
#28
Put input field text into a text block for fun personalization
#29
Show user's name in a Webflow Form success message
#3O
Remove static title of a CMS Dynamic List when there are no items in the list
#31
MemberStack - Add classes based on logged in state
#32
MemberStack - Allow users to like or save items
#33
MemberStack - Insert user's name to a text block
#34
MemberStack - Password confirm validation with Webflow Interactions
#35
MemberStack - Set and save user profile avatars
#36
MemberStack - Redirect to same page after signup or login
#37
Open the last tab the user had open when they revisit the page
#38
Run a Webflow Interaction after successful form submission
#39
Copy a link query from a third party link and add it to links on your site
#40
As the user is typing in an input, show the input text in a text block
#41
Add active dot to active anchor section link
#42
Use checkbox to create a pricing calculator on a Webflow form
#43
Use radio to create a pricing calculator on a Webflow form
#44
Use select to create a pricing calculator on a Webflow form
#45
Use checkbox, radio and select to create a pricing calculator on a Webflow form
#46
Create a profit margin calculator with a Webflow form
#47
Pricing Calculator: Manual text input - Addition
#48
Pricing Calculator: Manual text input - Subtraction
#49
Pricing Calculator: Manual text input - Multiplication
#50
Pricing Calculator: Range slider
#51
Pricing Calculator: CMS - Addition
#52
Load Webflow Interactions per user session
#53
Dynamically change the content of a landing page based on the URL parameter
#54
CMS checkbox boxes with dynamic name and ID
#55
Custom slider dots for CMS Library Slider component
#56
Internet Explorer browser check pop-up modal
#57
Time stamps for videos in Webflow CMS
#58
Time stamps for videos on Webflow