Set Webflow Code Snippets
16 Set Webflow Javascript, HTML & CSS Code Snippets to supercharge your sites.
Reading Time Blog/Article Page
Display the reading time associated with a blog or article on your Webflow site with this Javascript code. With this code you'll be able to easily add a reading time to all of your blogs or articles on your Webflow site.
Set referring URL as hidden input
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.
Set URL from Tab Change
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.
Click to Copy to Clipboard
Add a click to copy to clipboard to your Webflow site using a Javascript snippet. This copy to clipboard functionality allows you to designate the class and text that you'll allow your users to copy.
Force Links to Inherit Parent Font Color
Force your Webflow site links to inherit the parent font color with this simple CSS code snippet. This makes it easier for you to manage your link color on Webflow.
Setting & Manipulating Cookies
Set, modify and manipulate cookies on your Webflow site via this Javascript code. This allows you to set a cookie, get a cookie, modify a cookie, check a cookie and delete a cookie on your Webflow site.
Automatically Apply Coupon Code
.png){kind=avatar}
Automatically apply a coupon code during checkout on your Webflow Memberstack website.
Dynamic Copyright Year
Quite manually updating your Webflow sites copyright year with this Javascript code snippet. This Javascript code snippet will automatically display the current year for copyright years in footers and other elements in which you want to show the current year.
Effect all siblings on mouse hover with CSS
When you over over a child class the other children's opacity is set to 10% using CSS. An easy way to utilize CSS vs Interactions to control children elements.
Set hidden input form value from URL parameters
Set hidden form input values from URL parameters on your Webflow site. This Javascript code allows you to utilize Webflow's native form input and add hidden values based on URL parameters. This is great for paid advertising campaigns, internal link tracking and a variety of other options.
Mark Demo as Complete
Mark a demo as complete on your Webflow site that uses Memberstack. A great way to track progress of your users learning course and progress throughout the campaign.
Track Clicks or Limit Member Actions
Track clicks or limit member actions using Javascript on your Webflow Memberstack site. Here is a method to count the number of clicks on an element and then save that number to a members profile.
Update browser page title on tab change
A simple way to dynamically update the browsers page title on tab change in Webflow. A great way to add a dynamic element and user friendly method of updating page title on native Webflow tab change.
Set Div to Today's Date
Dynamically add today's date to a div on your Webflow site. A perfect way to easily display the current date on your site without any headaches.
Equal Heights Based on Tallest Item
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.
Track Member Logins
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.