Your button is showing a 404 error likely because it's linked incorrectly or pointing to a non-existent page or section. Here's how to troubleshoot it in Webflow.
1. Check Link Type (Page vs. Section Link)
- If the button is meant to scroll to a section on the same page, ensure it's a section link, not a URL.
- Go to the button element, and in the Element Settings panel (gear icon), check the Link Settings.
- If you're linking to a section, use the “Section” option and select the correct section ID from the dropdown list.
2. Confirm Target Section Exists
- Verify that the target section actually exists on the page.
- Click on the section you want to link to and make sure it has an ID set in the Settings panel (e.g., “job”).
- The ID is case-sensitive and must match exactly what the button link references.
3. Avoid Using Page Links with Anchors Incorrectly
- If your button is using a URL link like
/jobs
, Webflow treats it as a separate page. If there’s no page named jobs
, it returns a 404 error. - If you meant to link to a section called “jobs” on the same page, use #jobs as the link — or better yet, use the section dropdown in the Link Settings.
4. Test on Published Site
- Changes to links in Webflow sometimes don’t work as expected in the Designer preview.
- Click Publish, then test the button on the live site to confirm proper function.
5. Check for Dynamic Link Errors (CMS)
- If the button is inside a Collection List, ensure that the link isn’t trying to pull a non-existent URL field.
- Go to the Collection Item, and check the link binding in the button settings.
Summary
A 404 error from a button click usually means the link is pointing to a missing section or non-existent page. Use the section linking option with a valid section ID, confirm that the target exists on your page, and test the behavior on the published site for accuracy.