If buttons on your Webflow home page aren't linking correctly, it’s likely due to incorrect link settings or broken internal paths. Here’s how to fix them:
- Select each button on your home page in the Webflow Designer.
- In the Element Settings panel (cog icon), look under the Link Settings section.
- If it’s a Page Link, make sure the correct internal page is selected from the dropdown.
- If it’s a URL, ensure it starts with a forward slash ( / ) for internal links (e.g., use
/about
instead of www.yourdomain.com/about
).
2. Use Relative Internal Links
- Make sure you're using relative links for internal navigation to avoid issues across staging and custom domains.
- Example: set the link to
/services
instead of a full URL like https://yourdomain.webflow.io/services
.
3. Check for Renamed or Deleted Pages
- Go to Pages panel and confirm the destination page exists.
- If you’ve renamed a page slug, buttons using the old path will break. Update the button’s link to match the new page slug.
4. Test in Published Mode
- After making changes, publish your site using the Publish button (top-right corner).
- Check the button behavior on the live site—not just in preview mode—to confirm the links now work properly.
5. Review Redirect Settings (if applicable)
- Go to Project Settings > Hosting > 301 Redirects.
- Ensure there are no misconfigured redirects affecting the broken paths.
Summary
Verify that each button uses the correct internal page link, uses relative paths (like /contact
), and is pointing to an existing, correctly slugged page. Then republish your site to apply changes.