How can I connect the job position the user is inquiring about from the Job detail description page to the form submission page on Webflow?
- Add the job title as a URL parameter to the apply button link using Webflow’s CMS (e.g., /apply?job=[Job Title]).
- On the form page, use JavaScript to extract the job parameter and populate a text or hidden field with ID "job-position".
- Ensure the form field is configured in Webflow to match the ID, and use the captured value in submissions or workflows.
To pass the job position from a Job detail page to a form submission page, you’ll need to use URL parameters and dynamically insert them into your form.
1. Add Job Position as a URL Parameter
- On your Job detail template page, set the apply button or link to go to your form page with the job title as a URL parameter.
- Example: If your form page is
/apply, then the button link should be/apply?job=Marketing-Manager. - To dynamically insert the job title, use Webflow’s CMS dynamic field:
/apply?job=[Job Title]
2. Read the URL Parameter on the Form Page
On the form submission page, you need to extract the
jobparameter from the URL using custom JavaScript.Add an Embed element anywhere on the Form page and include this inline reference:
This script gets the
jobparameter and fills it into a hidden or visible form field:const urlParams = new URLSearchParams(window.location.search); const job = urlParams.get("job"); if(job) { document.getElementById("job-position").value = job; }Make sure your Job Position input field has an ID of
job-position. It can be a regular text field or a hidden input.
3. Configure the Form Field in Webflow
- Go to your form in Webflow and add a Text Field (or Hidden Field) for the job title.
- Set the Field ID to
job-positionso that the script can target it. - If you want the user to see the job they're applying for, leave it visible and read-only. If not, use a hidden field.
4. Use the Captured Field in Notifications or Submission Logic
- Once the form is submitted, the job title passed via the URL will appear in form submissions.
- You can use it in Webflow email notifications, Zapier workflows, or other integrations.
Summary
To link the job position from a Job detail page to a Webflow form, pass the job title via a URL parameter, use custom JavaScript to capture it, and insert it into a form field. This allows you to track and process job applications correctly.