What is the correct way to use JavaScript to dynamically change the URL after "?redirect=" to match the current visiting URL in Webflow?

You want to use JavaScript to dynamically update a query parameter like ?redirect= so that it reflects the current page's full URL in Webflow.

​

1. Understand the Use Case

​

• You might have a link like example.com/login?redirect= and want the value after redirect= to dynamically match the current page's URL, e.g., example.com/pricing.
• This is common for custom login flows using services like Memberstack, Firebase Auth, or OAuth.

​

2. Insert Custom Code to Update the redirect= Parameter

​

• Add custom JavaScript to your Webflow project using the Page Settings > Before </body> tag section or in an Embed element.
• Use this JavaScript to find links with a redirect parameter and set its value to the current location.

​

Example JS logic (description only):

​

• Select all links that include ?redirect= or &redirect=.
• For each, replace the value after redirect= with window.location.href.

​

3. Recommended JavaScript Logic

​

Use this description to implement in your custom code section:

​

• Get the current full URL using window.location.href.
• Use URLSearchParams or .split() methods to manipulate existing links.
• Update the href attributes of your target links, injecting the current URL after redirect=.

​

For example:

​

• Select anchor tags with a specific class or attribute.
• Update their href so that redirect= is followed by encodeURIComponent(window.location.href).

​

4. Example Usage

​

If you have a login link like:

​

• https://example.com/login?redirect=

​

You change it dynamically via JavaScript so that it becomes:

​

• https://example.com/login?redirect=https%3A%2F%2Fexample.com%2Fpricing

​

Assuming the current page is /pricing.

​

Summary

​

To dynamically insert the current URL into a ?redirect= parameter in Webflow:

​

• Use custom JavaScript added to the page’s body or an Embed element.
• Read window.location.href to get the current page URL.
• Update each link's redirect= value using encodeURIComponent(...) to ensure the full URL is safely encoded.
• This ensures users are redirected back to the original page after login or other processes.