Include form fields as redirect URL parameters on an embedded form
SOLVE
3 Accepted solutions
Include form fields as redirect URL parameters on an embedded form
SOLVEFor anyone searching for a solution where you can use the redirect settings from the form:
window.addEventListener('message', event => {
if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
const input = document.querySelector('select[name="input_name"]');
const context = document.querySelector('input[name="hs_context"]');
const contextObject = JSON.parse(context.value);
const redirectUrl = contextObject.redirectUrl; // Retrieve the redirectUrl from the form settings
if (input) {
if (input.value && redirectUrl) {
window.location.href = redirectUrl + `?input_name=${input.value}`;
}
}
}
});
✅ Did my answer solve your issue? Help the community by marking it as the solution.
Include form fields as redirect URL parameters on an embedded form
SOLVEFor anyone searching for a solution where you can use the redirect settings from the form:
window.addEventListener('message', event => {
if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
const input = document.querySelector('select[name="input_name"]');
const context = document.querySelector('input[name="hs_context"]');
const contextObject = JSON.parse(context.value);
const redirectUrl = contextObject.redirectUrl; // Retrieve the redirectUrl from the form settings
if (input) {
if (input.value && redirectUrl) {
window.location.href = redirectUrl + `?input_name=${input.value}`;
}
}
}
});
✅ Did my answer solve your issue? Help the community by marking it as the solution.
Include form fields as redirect URL parameters on an embedded form
SOLVE
Include form fields as redirect URL parameters on an embedded form
SOLVEInclude form fields as redirect URL parameters on an embedded form
SOLVE
Include form fields as redirect URL parameters on an embedded form
SOLVEInclude form fields as redirect URL parameters on an embedded form
SOLVE
Include form fields as redirect URL parameters on an embedded form
SOLVEHey, @derekcavaliero thanks for continuing to try to support this thread. You rock 🙌 — Jaycee
|
Include form fields as redirect URL parameters on an embedded form
SOLVE
Include form fields as redirect URL parameters on an embedded form
SOLVEInclude form fields as redirect URL parameters on an embedded form
SOLVEInclude form fields as redirect URL parameters on an embedded form
SOLVEHappy to help!
One thing I did not mention in my solution was to make 100% sure that you exclude any PII in the form data from being collected by Google Analytics.
Since we're talking about appending the data to the URL via a query string - GA will automatically capture that data inside its pageview reports. This means you'll likely need to add some custom logic around your tracking to make sure you adhere to the GA terms of use regarding collection of PII.
If you're using GTM (Google Tag Manager) to implement your web tracking (if you aren't I highly suggest you investigate) - this article is a great resource for understanding how to exclude data from being collected:
#GTMTips: Remove PII From Google Analytics Hits
Use customTask to automatically strip all personally identifiable information (PII) from requests sent to Google Analytics from your website.
