How can I add user input to the end of the redirect URL in Webflow?

To append user input to the end of a redirect URL in Webflow, you can use JavaScript and window.location.href. Here's how to do it:

1. Add an Input Field and Button

• Place a form element on your Webflow page.
• Include an input field where users can enter their value.
• Add a button to trigger the redirect.

2. Add a Custom JavaScript Code Block

• Go to Page Settings in Webflow.
• Scroll down to the Custom Code section and insert this script inside the Before tag:

Example JavaScript for Redirecting:

document.getElementById("redirectBtn").addEventListener("click", function() {    let userInput = document.getElementById("userInput").value;    if (userInput) {        window.location.href = "https://example.com/page?query=" + encodeURIComponent(userInput);    }});

3. Update Element IDs

• Ensure that your input field has an ID of userInput.
• Make sure your button has an ID of redirectBtn.

4. Test the Redirect

• Publish your site and open it in a browser.
• Enter some text in the input field and click the button.
• The script will append the input as a query parameter (?query=value) to the redirect URL.

Summary

By adding an input field, a button, and a JavaScript script in Webflow, you can capture user input and append it to a redirect URL dynamically.