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.
2. If Bios Are on the Same Page (Anchor Links)
- 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.