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
- Check if the button links to a section anchor (e.g.,
#jobs) or a page URL (e.g.,/careers) and verify the spelling. - Confirm the target section has a matching case-sensitive ID or the target page has the correct slug and is published.
The 404 error when clicking a button linked to your job section suggests the URL or page anchor is incorrect or the section/page doesn't exist. Here's how to troubleshoot and fix it.
1. Confirm If the Link Is a Page URL or Section Anchor
- Button links in Webflow can either go to an external URL, a page within the project, or a section on the current page using an anchor (e.g.,
#jobs). - Go to the button settings and check the link type:
- If it’s a URL, make sure it’s spelled correctly and leads to an existing page (e.g.,
/careers, not/career). - If it’s an anchor link, ensure it looks like
#jobsand that this ID exists on the current page.
2. Check for a Valid Section ID
- Go to the target section on your page (where the jobs content is).
- With the section selected, look in the Element Settings panel (D).
- Check the ID field — it must exactly match the anchor in the button link (e.g., if your button links to
#jobs, the section ID must bejobs). - IDs are case-sensitive and must not have spaces.
3. Verify the Page Exists (If Linking to a Page)
- If the link uses a path like
/jobsor/careers, go to the Pages panel in Webflow and confirm the slug. - Ensure that the correct page exists and is published.
- Preview or publish your site and test the path directly in the browser.
4. Check for Typos or Extra Characters
- A common cause of 404s is incorrect slugs or misspelled section IDs (e.g.,
#jobssvs#jobs). - Also confirm that there are no extra slashes (like
//jobs), spaces (/ jobs), or other characters in the URL.
5. Ensure the Page/Section Is Published
- If you made recent changes, make sure you've Published your site from Webflow.
- The live site won’t reflect preview changes unless published.
Summary
A 404 error usually means the button is linking to a missing or incorrect URL or anchor ID. Make sure the target page or section exists, has the correct slug or ID, and that your link exactly matches it. Also confirm that the site is fully published after making any updates.
