How can I allow Webflow Forms to capture the current article's URL so that I can receive emails with that URL and better follow-up on inquiries related to each specific article on my site?

To capture the current article's URL in Webflow Forms, you need to use a hidden field and custom JavaScript to populate it dynamically. This ensures that when a user submits a form, the URL of the page they were on is included in the submission.

1. Add a Hidden Input Field

• Open your Webflow project and go to the page where the form is located.
• Inside the Form Block, add a new input field.
• Set the Type to Hidden.
• Give it a name (e.g., current-page-url).

2. Embed Custom JavaScript

• Go to Page Settings for your template or the page where the form appears.

• Scroll down to the Before tag custom code section.

• Paste the following script:

  ```javascript

  ```

• Save the changes and publish the site.

3. Test the Form Submission

• Open a live page (not Webflow’s preview mode).
• Fill out and submit the form.
• Check your Webflow Forms submissions in Project Settings > Forms to confirm that the current-page-url field captures the correct URL.

Summary

By adding a hidden field and a JavaScript snippet, your Webflow Form will automatically capture the current article’s URL upon submission. This helps you track which page a user was on when they submitted the form, making follow-ups more effective.