Set URL From Tab Change

Set URL From Tab Change

When clicking a tab in Webflow, add the name as a hash in the URL in order to also allow people to use that unique URL to load the page with that tab selected.

​

Set each tab name in the element settings panel for the tabs to what you want the name to be in the URL when linking to each specific tab.

​

The URL will use a # parameter, so it will be something like “http://example.com/#tabName%E2%80%9D where “tabName” is the name set on your tab you want open on page load.

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
3.5.21

Similar items

Items
2777
Search

Set Referrer URL as Hidden Input

3.28.22

Set Text From URL Parameters

2.19.22

Set Hidden Input Value From URL Parameters

8.25.21

Randomize Button Text on Click

1.12.23

Get Image Size w/ Airtable Script

10.10.22

Restock

View Restock

Simple Countdown to Date/Time

10.6.22

Update Page Title When Navigating Away

3.30.22

Get UTM Parameter Source From URL

3.28.22

Setting Cookies

8.25.21

Hide/show Based on URL Parameter

8.16.21

Set Reading Time on Blog/Article Page

3.24.21

Set Equal Heights Based on Tallest

1.11.21

Click Something Based on ID in URL

8.27.20

Click to Copy to Clipboard

3.25.20

Set Text to Today's Date

2.3.20

Image to ASCII Effect

2.26.25

GSAP Animation for Webflow

12.4.24

Scroll to accordion on open

6.25.24

Custom Tag Form Spam Prevention

1.16.24

Show a Preloader Only Once Per Day

1.3.24

Email Address Input Validation

12.15.23

Lightbox Inside Webflow Rich Text

12.4.23

Create canonical tags for Webflow native pagination

10.5.23

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe