Button to Link tab to the next tab

Hello,

I really would like if someone would help me with this. I can’t figure out, how to make a link-button to another tab pane. I would like such button in, to go to the next tab.

I tried the tips in other forumtopics, but that didn’t work out, unfortenally.

Tabs are in the “over”/ “about” page.

https://preview.webflow.com/preview/?preview=0b3221e94f0e50b587c7e5af76e78a9c

website

Many thanks in forward, grtzz Corine

Hello @Corine,
If i understand correct you already tried to use advice from this topic: Linking to Specific Tab from another Link or Button - General - Forum | Webflow

Could you say how your links looks like? There could be problem because of the names of tabs, you are using “!” character there.

Regards,
Anna

Hello @sabanna,

Thanks for your reply, I almost skipped the tab-link-button, but on mobile it is important to have one.

Since I’m not a native english speaker and not a webdesigner (code is like witchcraft to me), it was difficult for me to figure out you’re linked topic. I did a trie, but it didn’t work out, the instructions where to messy for me, sry, for that.

Can you help me with a easy instruction, at the level for Dummies (don’t know if this an english word, but It means for someone who has no clue of the material). I would really appreciate that, but I understand if that’s takes to much time from you :-). Let me know, I don’t mind :smile:

Thanks again, grtzz Corine

Ok, lets try :smiley:

First put this code to the </body> code section:

<script>
var Webflow = Webflow || [];
Webflow.push(function () {
  var tabName = getParam('tab');
  if (!tabName) return;

  $('.' + tabName).triggerHandler('click');

  function getParam(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
      results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  }
});
</script>

Hi! Is this in the page there where is : before bodytag ? I did put it there in

Here

ok, I did that … …

Ok, now I would recommend to change tab names here to something which is 1 word only, without any special characters and no capital letters


For example:
1)curacao
2)limburg
…etc

1 Like

Done that …

Well, now buttons, which you want to bring user to this tabs will have to have links:

https://www.divaliziamagazine.com/about?tab=cura
https://www.divaliziamagazine.com/about?tab=limb
https://www.divaliziamagazine.com/about?tab=insp
https://www.divaliziamagazine.com/about?tab=crea
https://www.divaliziamagazine.com/about?tab=gevo

But it will work
only on published site

Try it

Where is that links, which has to bring user to tabs?

umm… maybe there is the problem :frowning: I am not so good in all this redirecting stuff

ok, but the reroute is from the .nl, strange, my provider fixed that…

But is the button link alright now (if it should pop-up in google?) Then I got the picture and manage it on my own!

Is this problem with google a topic for the forum, or shall I ask to the support?

I will already thank you very much…

Tthis links? they didn’t clickable to me :confused:

I’ve got a serieus problem with the security of google, I post it in a new topic.

1 Like

owww… ok, now I see that, try use “http” instead of “https”

ok, than there’s no google blocking, pffff, but when I click, I go to first section of “over” page, not to the next tab, unfortenally

ok , here is some other option, probably you have to use “.html” in links, so links will look like
https://www.divaliziamagazine.com/about.html?tab=gevo

Btw, I can’t open your site now

Hi Sabanna! You’re right about the google blokking: it is happening when I use https://

You’re link in previeus answer doesn’t work, than google is blokking it. Is that a normal thing?

I trie you’re code for the tab-link

The code doen’t work either, I now got the 404.

Can’t you open my website? I don’t get it anymore, sry…

I removed all new code and published again,