A method to pass the referring domain/URL as a hidden field in a form in Webflow. This is perfect to know who referred the person submitted the form, or a way to display the referring domain on the page on your Webflow site.
Add or remove form input fields with buttons on your Webflow site. This allows your users to add or remove form fields based on buttons on your Webflow site. A great way of adding dynamic form elements to your Webflow site.
Dynamically hide/show elements based on the <select> option in Webflow. A great way of showing various elements based on the dropdown selection. This could be used for changes views, changing images and much more.
A simple way of displaying the number of CMS items on a page in Webflow. If you ever wanted to add a CMS item count on a page this script will allow you to easily display the total number of items shown.
This allows you to show or hide items based on date or time in Webflow. This is great for event based information, you can display various elements based on if its prior to a time or after a specified time on your Webflow site.
Create a quick and easy printable div section for your Webflow site via this JS code snippet. This snippet allows you to designate which div will be printed when a user clicks on the print page button.
Link to specific tabs using URL parameters by setting tab URLs in Webflow. This script allows you to set the tab name in the elements panel for the tabs that you want the URL to include for each tab. The URL will use the # parameter, for example something like example.com#tabName where tabName is the element ID you set on the tab. This allows you to link to specific tabs from other pages and have more control over the tab experience.
Here's a way to create autoplaying tabs in Webflow using JS. Autoplaying tabs allow for tabs to automatically rotate between tabs based on a time of your choosing. Keep in mind that this method uses the click method and could cause problems if you are using forms or other interactions that rely on mouse click functionality.
This code snippet allows you to automatically remove https:// from all link URLs on absolute URL links (links without anchor text) on your Webflow site. This is a great way to cleanup links or pages of links on your Webflow site.
Load another pages content on your Webflow site via a simple jQuery script. This allows you to target an element on your page and then put the URL on the page that you want to load without using iFrames.
Automatically show a modal or div after X minutes once the window/element has been hidden/closed in Webflow. A great way of showing advertisements, alert messages and so forth based on a time interval between the last time it was viewed.
Utilize buttons to move between cards within an overflow: scroll wrapper to a specified card via each button in Webflow. This uses a simple JS code to allow seamless transitions between various cards of your choosing using an overflowed wrapper.
Add accessibility features to your Webflow site by allowing to skip links with the keyboard only. Skip links allows keyboard navigation or screen readers to jump past the site navigation quickly. This allows for better accessibility for your Webflow sites.
Track the number of times a user logins or logs out of their Webflow Memberstack account page. This script will allow you to update a Member field of your choosing based on the number of times they have logged into their account.
Set equal heights to items based on the tallest item in Webflow. This is perfect for tabs, grids and similar items that may have varying heights. This keeps all of the items uniformed in design by setting the heights to the tallest item.