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

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

  1. 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").
  1. 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:

  1. Identify the ID of your "Works-grid" element.
  2. 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:

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