We're in beta! Don't mind the bugs.

Helpful resources

Need more help?

Check out the Webflow community.

Free Webflow templates

The best free Webflow templates.

Hire a Webflow expert

Partner with a certified expert.

Rate this answer

Share

How can I link my "Work" button to my "Works-grid" on the home page of my Webflow site, so that it can be accessed from any page?

Published on

September 22, 2023

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To link your "Work" button to your "Works-grid" on the home page of your Webflow site, you can follow these steps:

Identify the ID of your "Works-grid" element:

Open your Webflow project and navigate to the home page.
Select the "Works-grid" element that you want to link to.
In the right-hand sidebar, under the "Settings" tab, scroll down to the "ID Attribute" section.
Add an ID to your element (e.g., "works-grid").

Add a link to your "Work" button:

Go to the page where your "Work" button is located.
Select the button element.
In the right-hand sidebar, under the "Settings" tab, scroll down to the "Link Settings" section.
Click on the "Open menu" icon (three dots) next to the "Link" field.
Choose "Page" from the dropdown menu.
In the "Pages" dropdown, select the home page or the page where your "Works-grid" is located.
In the "Section" dropdown, select the section where your "Works-grid" is located.
In the "Element" dropdown, select the element with the ID you set earlier (e.g., "works-grid").
Fill in the rest of the link settings as desired (e.g., "Open in current tab" or "Open in a new tab").
Save your changes.

Now, when users click on your "Work" button, they will be redirected to the specified page and scroll to the "Works-grid" section.

Optimized for search engines:

To link a "Work" button to a "Works-grid" on your Webflow site, follow these steps:

Identify the ID of your "Works-grid" element.
Add a link to your "Work" button.

Select your button element.
Set the link destination to the page where the "Works-grid" is located.
Choose the section where the "Works-grid" is located.
Specify the element ID of the "Works-grid" you identified earlier.
Save your changes.

By linking your "Work" button to your "Works-grid" section, you ensure easy accessibility from any page of your Webflow site.

Additional Questions:

How do I create an ID attribute for an element in Webflow?
Can I link to a specific section on a different page in Webflow?
What other ways can I improve navigation on my Webflow site?

How can I resolve the error message I am receiving in Webflow Logic Beta when trying to use a quote request form and it says "something is wrong with the flow trigger, either the form no longer exists, or there are type errors"?

How can I force the 5th slide in the home section of my Webflow site to adjust to the "real view" bottom on mobile Safari browser?

How can I create a video player in Webflow that only includes a mute/unmute button and hides all other controls on different browsers and devices?

Does anyone have any tips or examples of how to achieve a hover effect over a pie using custom code in Webflow?

Question: How easy is it to add Twig or Blade syntax into the Webflow code to output content and/or variables in the View when using a PHP framework like Laravel or Symfony?

Where can I find code or a solution to add a 'view' counter for each person clicking on the tiles on my Webflow website?

Why is the Contact Form the only one that is working while the other seven forms are displaying an error message when submitting data?

Is there a simpler way to remove the linking from link blocks in Webflow or do I have to delete and recreate them as a different block type?

Is there a way to allow users to select a font type for a specific section of a website using Webflow?

What are some possible solutions for the error message "Oops! Something went wrong while submitting the form" when submitting the "Collection Description" field with 150 or more characters on the Webflow NFT Marketplace form?