Webflow sync, pageviews & more.
NEW
Answers

How can I link from a button on page 1 to a specific tab on page 2 in Webflow, which is located inside a section and needs to scroll down the page?

To link from a button on page 1 to a specific tab on page 2 in Webflow, you can follow these steps:

Step 1: Set up your tabs structure
On page 2, create a section that contains your tabs. Inside this section, create a div block for each tab. Assign a unique ID to each div block that represents the content of each tab.

Step 2: Add the tabs component
Drag and drop the "Tabs" component from the Add Panel onto the section you created in step 1. This will automatically generate the necessary structure and classes for the tabs.

Step 3: Create links from page 1
On page 1, create a button (or any other element) that will serve as the link to the specific tab on page 2. Give this button a unique class or ID to target it later.

Step 4: Set up the link
With the button selected, go to the Interactions panel. Click on the "+" icon next to "On click" to add a new click trigger interaction.

Step 5: Set up the click interaction
In the "New Interaction" panel, select the "Scroll to target" action. In the "Element" field, select the option to choose an element on the page.

Step 6: Choose the target tab
On the page preview, hover over the tab you want to link to and click on it. This will set the target element for the interaction.

Step 7: Adjust the scrolling offset
In the same interaction panel, you can adjust the scrolling offset if needed. This is useful if you want to offset the scrolling position to align the tab with a specific part of the page.

Step 8: Save and publish
Once you're done setting up the interaction, save your changes and publish your site for the changes to take effect.

Now, when you click on the button on page 1, it will scroll down to page 2 and directly open the targeted tab. Make sure to test it on different devices and browsers to ensure a smooth experience for your users.

Rate this answer

Other Webflow Questions