If your buttons on the home page are not linking to the correct internal pages, it likely means their link settings are incorrect or outdated within the Webflow Designer.
- Open Webflow Designer and go to your Home page.
- Select each button that’s not working correctly.
- In the Element Settings panel (click the gear icon), locate the button's link settings.
- Confirm that:
- The link type is set to “Page” (if linking to another page in your Webflow project).
- The correct internal page is selected from the dropdown.
- If linking to a Section ID on the same or different page, verify that:
- The URL uses the correct syntax (e.g., “/about#team” for linking to a section with the ID
team
on the About page).
2. Avoid Absolute URLs for Internal Links
- Ensure you're using relative links (e.g., “/contact”) rather than full URLs like “https://yourdomain.com/contact”.
- This helps maintain link integrity if you update your domain or staging settings.
3. Publish Your Site
- After making all corrections, click “Publish” to push the updated links to your live site.
- Test the buttons on the published version of your site, not just within the Designer.
4. Check for Symbol or CMS Usage
- If the buttons are part of a Symbol, update the link settings inside the Symbol so changes reflect everywhere.
- If the buttons are in a CMS Collection List, make sure the button’s dynamic link field is connected to the correct page slug in your CMS settings.
Summary
To fix buttons not linking correctly on your home page, open Webflow Designer, select each button, and verify their link settings point to the right internal page or section using relative links, not full URLs. Publish your site and test to confirm everything is working as expected.