Webflow sync, pageviews & more.
NEW
Answers

Is there a simple way in Webflow to automatically include the current URL in a form, without having to edit each form separately and without compromising the ability to use the form as a symbol?

Yes, there is a way to automatically include the current URL in a form in Webflow without having to edit each form separately and without compromising the ability to use the form as a symbol. Here's how you can achieve it:

1. Navigate to the page where your form is located in the Webflow Designer.

2. Select the form element and go to the Settings panel on the right-hand side.

3. Under the "Form Settings" section, click on the "Add Field" button.

4. In the pop-up modal, choose the "Text" field type and give it a meaningful name like "Current URL".

5. Now, scroll down to the "Default value" section and click on the dynamic binding icon (looks like a little blue arrow).

6. In the dynamic binding panel that appears, select the "URL" category and choose the "Current URL" option.

7. Click on the "Insert" button to add the dynamic binding to the default value of the text field.

8. Finally, you can hide the "Current URL" field by giving it a class and setting its display property to "None" in the Style panel. This will ensure that the field doesn't actually show up on the form, but its value will still be submitted with the form data.

By following these steps, every form that uses the same symbol will automatically include the current URL as a hidden field when rendered on different pages. This way, you don't have to manually add the current URL to each form individually, and you can still use the form as a symbol throughout your project.

Remember to republish your site for the changes to take effect.

Rate this answer

Other Webflow Questions