Webflow sync, pageviews & more.
NEW

Why doesn't the link to the job section on our Webflow page work? It's connected to a button, but when clicked, it shows a 404 error. Can anyone assist?

TL;DR
  • Ensure the button uses section linking, not a URL, and select the correct section ID in Link Settings.
  • Verify the target section exists and has a matching, case-sensitive ID.
  • Avoid incorrect use of page URLs with anchors; use "#section-id" or the section dropdown.
  • Publish and test changes on the live site to confirm functionality.
  • For CMS buttons, check dynamic link bindings to avoid referencing missing URLs.

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.

  • 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.
  • 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.
  • 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.

Rate this answer

Other Webflow Questions