Linking to Specific Tab from another Link or Button

I’m trying to implement this as well, but I’m not that great with Javascript.

You’ve used the example:
/contact?tab=target-tab-link for a ‘contact’ page

does this assume that the contact page is contact.html and target-tab-link is the class name of the tab we’re linking too?

sorry if that sounds like a dumb question!! Just trying to wrap my head around it :slight_smile:

@Karl_M yep, you got it! Give it a try and let us know if you have any problems.

Hello Everyone,

I am also trying this method where I want to link to a tab from a different page but I am having issues. I added the script to the actual page in wordpress. This is the link I am trying to use:

http://sidmedia.org/portfolio/tv-series?tab=tab-2

But, as soon as I hit enter it gets changed to:

http://sidmedia.org/portfolio/tv-series/?tab=tab-2

Any ideas on what to do now? Any help would be appreciated. Thank you.

Hi @KMN, thanks for your post. Try the links using the .html extension as thus:

http://sidmedia.org/portfolio/tv-series.html?tab=tab-2

Can you try that and see if it helps?

Cheers, Dave

Thanks @cyberdave The site is built on Wordpress not html, which is probably why things are acting so funny. I unlocked the site so it is public so you can view it again. Any other suggestions you have is appreciated. thank you.

Hi @KMN, sorry you are right, that link won’t work like that in Wordpress. Have you included the webfont.js file to your wordpress template? This custom code for changing links is dependent on the webflow.js file being included/linked to your site for the original code to work. p.s. I am not a Wordpress expert, so I can’t really comment if there is something special how Wordpress handles the links so on that part, don’t take my word for it :wink: Cheers, Dave

Hi @cyberdave, I have included those files in wordpress. Thanks so much for your help. Hopefully someone who knows can also help.

Hi guys, I seem to be having trouble trying to acheive a button linking to a tab on another page.

Here is the site: https://webflow.com/website/Citrea
Would really appreciate any help…

Thanks

I’ve used both the above scripts before, though the first doesn’t add the href to the URL and the second script reloads the page. Be great to have a way to link to a tab on the same page in the same way that we can currently link to a section – this way browser navigation would be maintained.

Could this be added to Webflow natively?

can you just add this please to webflow - the whole point of using webflow is so you dont have to mess about playing with custom code and JS.

Tabs should not have been added until they were tested fully and links are pretty basic stuff. Come on Guys - especially since this thread is a year old!!!

1 Like

Hi @macman, thanks for the post. You are absolutely right, the vision of Webflow is to produce great sites without having to code. As improvements to features are identified, we take that into the planning for future updates.

The custom code is useful now as a workaround until we have the requested behaviors updated into the tool :smile:

Cheers,
Dave

1 Like

I moved 2 posts to a new topic: Trouble with linking to a specific tab

Hi Danro,

I know you’ve probably got this question alot but would it be possible to help me implement this code into my site I having trouble with the example you provided.

Thanks in advance

2 posts were split to a new topic: Trouble with linking to tabs on site

Hi @cyberdave and @danro,

Is there any updates on this feature? Would like to have an idea as if this would be arriving anytime soon or not. Want to know if I should wait for it or use another solution.

Thanks in advance.

Cheers.

Can someone explain how to use the code above to link to a tab but also an id? Right now the code works fine but the form i’m using it on is large (why its split into tabs), so when you click through it takes you to the tab as expected just to the same point on the page and I need it to go to the top of the form.

You can see the from here, http://staging.nuraven.com/frachtanfrage

Hi there,

I’ve been using this technique and it’s so useful on many of my sites.

What I’d like to do now is have a link in my Nav Bar take me to a Section on my page and open a specific tab in a Tab Menu also.

I’ve tried linking it with the anchor #contact?tab=nurses-tab

But it’s not worked. Any suggestions?

BS"D
Hi. I’m trying to implement by following the thread, and I seem to have worked most of it out.
I have a link (currently at the top of the index page for test purposes) that I takes me to the Artist page and it actually goes to the right tab, yet instead of going to the tabs element (which is down the page) it goes to the top of the page. How can I have the link take me directly to the tabs section of the Artist page?
Thanks
Yoram

Share Site:
https://preview.webflow.com/preview/dritamarraz?preview=667f7f2d7b1708255b5bf73789359675

Hey everyone,

So I’ve got the code before the </body> but it doesn’t seem to be working.

http://lifepoints-fresh-site.webflow.io/

The only button I’ve tried this on so far is the ‘Learn More’ under the ‘Experience’ section.

Seems to just be linked to the ‘About’ page and not to the ‘Experience’ tab on the About page.

Don’t know what I’m doing wrong.

Thanks to anyone who’ll help me out!
Nicco

@cyberdave @brryant
Can’t you guys at Webflow make this “small great feature”?
It seems its not a lot of work for you guys, but for a lot of us…
its to difficult to code i am totaly not a code man…
The time that i could make this… would properly be the same time as one of your team member makes this!

3 Likes