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?

To link names in your Upcoming Events section to their corresponding bios in the About section, you'll use anchor links that point to unique element IDs in the About section.

1. Assign Unique IDs to Each Bio in the About Section

• Go to the About section of your Webflow page.
• Select the bio element for each person (usually a Div or Section).
• In the Element Settings panel (D), find the “ID” field under “Element settings.”
• Assign each person a unique ID, such as john-doe, jane-smith, etc. (Use lowercase and hyphens; avoid spaces or special characters).

2. Convert Each Name in the Events Section into a Link

• In the Upcoming Events section, select the name text element (e.g., within a Paragraph or Rich Text Block).
• Highlight the person's name, then click the "Link" icon in the text editor toolbar.
• Choose “Page section” as the link type.
• Select the same page and enter the ID you assigned—preceded by a hash (#), like #john-doe.

3. Test the In-Page Anchor Link

• Preview the site in Webflow.
• Click the linked name in the event listing.
• The page should scroll directly to the person’s bio in the About section.

4. Optional: Smooth Scrolling or Page Navigation Considerations

• If the About section is on a different page, link to it using /about#john-doe instead of just #john-doe.
• To enable smooth scrolling for in-page anchors, Webflow handles this automatically unless customized differently with custom code.

Summary

Assign a unique ID to each bio block in the About section, then link names in the Upcoming Events section using anchor links pointing to those IDs. This creates smooth in-page navigation between your event entries and related bios.