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?
TL;DR
- Add a hidden input field to your Webflow form and name it (e.g.,
current-page-url). - Embed the provided JavaScript in the Before
</body>tag section to populate the hidden field withwindow.location.href. - Publish the site, test the form on a live page, and verify the captured URL in Webflow Forms submissions.
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.