Webflow sync, pageviews & more.
NEW

How can I link the names of two people mentioned in the upcoming events section of my website to their respective personal bios in the about section using Webflow?

TL;DR
  • Use anchor links with unique IDs if bios are on the same page by assigning IDs to bio elements and linking names to those IDs.
  • Use internal page links if bios are on separate pages by linking each name in Upcoming Events to the correct page URL in the Designer.

You want to link names in the Upcoming Events section of your Webflow site to the bios in the About section. This can be done using anchor links if the bios are on the same page, or internal page links if they are on a separate page.

1. Identify Where the Bios Are

  • If the bios are part of the same page, you can use anchor links.
  • If the bios are each on individual pages, use Webflow’s internal page linking feature.
  • Go to the About section in the Designer.
  • Select the element that begins each person’s bio (like their name or image).
  • In the Element Settings panel, set a Unique ID (e.g., person-name-john).
  • Now, go to the Upcoming Events section.
  • Highlight the person’s name, click the link icon, and choose Page Section.
  • Select the appropriate anchor (e.g., #person-name-john) from the dropdown or enter it manually by choosing “URL” and typing #person-name-john.

3. If Each Bio Has Its Own Page

  • Go to the About page and open each person’s bio page.
  • Copy the page slug or note the URL (e.g., /about/john-doe).
  • In the Designer, go to the Upcoming Events section.
  • Highlight the name and click the link icon.
  • Choose Page if it's another static page, or choose URL and type in the path (e.g., /about/john-doe).

4. Optional: Open in New Tab

  • When setting the link, you can choose Open in new tab in the link settings if desired.

Summary

To link names from the Upcoming Events section to bios in the About section, use anchor links with unique IDs if bios are on the same page, or use internal page URL links if bios are on separate pages. Both methods are simple to set up directly in the Webflow Designer.

Rate this answer

Other Webflow Questions