URL Webflow Code Snippets
6 URL Webflow Javascript, HTML & CSS Code Snippets to supercharge your sites.
Hide/show Items based on URL Parameter
Show or hide divs or elements based on the parameter within a URL in Webflow. This Javascript code allows you to make your Webflow site even more dynamic by allowing you to customize elements on the page based on the URL parameter provided.
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.
Open Lightbox on Pageload
Automatically open Webflow's native lightbox on page load via this Javascript code snippet. Adding a parameter to your website URL allows for the lightbox to automatically be shown on page load.
Click Item Based on Element ID
Click on an object based on an element ID in Webflow. This is great to simulate a click, for example click on next slide button, link or object via a simple Javascript code.
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.