Hack #8

Create a 404 instant redirect to homepage

When you click this link, you will be sent to a sample 404 page (webflowhacks.com/success/8). The redirect code on that page will redirect you to the Homepage of this site.

  • You will see the url webflowhacks.com/success/8 in your browser
  • Before any content loads, you will be redirected to the homepage
  • Navigate 'Back' in your browser to get back to this page.

With the method of redirect we are using, your browser won't recognize the 404 page as a page in your history. This is good! Nice!

Show a custom success message in a Webflow Form default Success state
Show a custom success message in a Webflow Form when using a url redirect within your site
Count and display the amount of items in a Webflow Collection List
Create dynamic Webflow CMS generated anchor links
Customize CMS item filtering parameters with Webflow CMS text fields
Use a GIF as a page preloader AND only show it once per day
Customize Favicon for a specific page
Create a 404 instant redirect to homepage
Use 100% custom slider dots for Webflow Slider component
Use Interactions and cookies to only play your loading animation once per day
Dynamically submit page url through a Webflow web form submission
Run a function on button click with javascript and jquery
Create a back button with href javascript or jquery click function
Automatically show current year in footer with span and js
Remove anchor link id tag and # on urls within the same page
Remove anchor link id tag and # on urls when loading a page
Use a plus minus counter on your Webflow form
Reject gmail and other non-business emails from form submission
Submit checkboxes, radios, and select as text fields in Mailchimp
Create sub bullet lists inside a Rich Text element
Create an age gate to confirm the user's age
Show and format the current date
Show and format the current time
Detect the user's browser and run a function
Detect the user's mobile OS and run a function
Run different functions on desktop vs mobile
Run different scripts on desktop vs mobile
Put input field text into a text block for fun personalization
Show user's name in a Webflow Form success message
Remove static title of a CMS Dynamic List when there are no items in the list
MemberStack - Add classes based on logged in state
MemberStack - Allow users to like or save items
MemberStack - Insert user's name to a text block
MemberStack - Password confirm validation with Webflow Interactions
MemberStack - Set and save user profile avatars
MemberStack - Redirect to same page after signup or login
Open the last tab the user had open when they revisit the page
Run a Webflow Interaction after successful form submission