Embedded Form submission & redirect URL based on form parameters
SOLVE
4 Accepted solutions
.png "HubSpot Employee"){kind=icon}
Embedded Form submission & redirect URL based on form parameters
SOLVE
Many thanks for you help. Based on what you gave me and with help from a friend, I was able to get it to properly work. Here is the final working format that was successful for me.
For anyone else trying to do this, here's a quick "how-to".
Simply drop the code below into the source code (RichText/Advanced/Source Code) on a rich text block in the COS. Change out the portalId and formId to match your form. You can find both of these values by opening up your form and looking at the URL.
The short value after "forms" is your portal ID, and the longer value after "editor" is your FormID.
From there, change the input name to whatever field in your form you are refrencing. You'll change out "FieldID" to your form field. That would be "email" or "category" or whatever else you're asking in the form.
Where I have "http://websiteurl.com?email=" just change that to whatever you want in front of your passed field variable. When the redirected, it will read "http://websiteurl.com?email=FieldID" and the FieldID will be replaced with the variable from the form.
I am not sure what "emailWeb" do, but that seemed to make it work, so I am not going to change it on my end. Maybe @IsaacTakushi could speak more to that.
Thank you again @IsaacTakushi for your help.
The final code I used is as follows:
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script type="text/javascript" src="//js.hsforms.net/forms/v2.js" charset="utf-8"></script>
<script>
hbspt.forms.create({
portalId: 'xxxxxxx',
formId: 'xxxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
inlineMessage: 'You are being redirected to the Application...',
onFormSubmit: function($form){
var emailWeb = $form.find('input[name="FieldID"]').val();
setTimeout( function() {
window.location.href = "http://websiteurl.com?email=" + encodeURIComponent( emailWeb );
}, 500 ); // Redirects to url with query string data from form fields after 1/2 second.
}
});
</script>
Embedded Form submission & redirect URL based on form parameters
SOLVESo I've found a work around for this, create a custom module in Hubspot and use the following code. I don't know how to link the code without screen grabbing it on here. Inset this code into the custom module, then insert the module into the page you want. This will only redirect based upon the value of one field. you can replicate the ELSE IF section of the code if there are more than 3 options.
To change the code replace where I have put in Capital letters:
NAME1
NAME2
NAME3
OPTION
These 4 above are up to you to decide and are merely for referencing for the code to work so as long as they are the same above and below then that's all that matters
WEBSITE1
WEBSITE2
WEBSITE3
These are the web addresses you want the page to re-direct to depending on selection
NAME OF DEPENDENT FIELD
Go to you form and right click on it, click inspect and find out the true name of the value you want to redirect based upon. E.g How_Much_Is_Your_Budget?
Make sure this is copied exactly how it appears in the inspector.
FIELDVALUE1
FIELDVALUE2
FIELDVALUE3
Make sure these are copied exactly how it appears in your form for the values is the field we have named above, e.g £1-£2 include the spaces if you have any in the field so it might be £1 - £2
Obviously make sure you update your portal id and form id also at the top where the XXXXX are
Embedded Form submission & redirect URL based on form parameters
SOLVEHi, I'm trying this solution out now but I can't seem to pass the website URL straight into the redirect page link. Can someone assist, thank you so much!
Embedded Form submission & redirect URL based on form parameters
SOLVE
Embedded Form submission & redirect URL based on form parameters
SOLVEEmbedded Form submission & redirect URL based on form parameters
SOLVEEmbedded Form submission & redirect URL based on form parameters
SOLVEEmbedded Form submission & redirect URL based on form parameters
SOLVE
Many thanks for you help. Based on what you gave me and with help from a friend, I was able to get it to properly work. Here is the final working format that was successful for me.
For anyone else trying to do this, here's a quick "how-to".
Simply drop the code below into the source code (RichText/Advanced/Source Code) on a rich text block in the COS. Change out the portalId and formId to match your form. You can find both of these values by opening up your form and looking at the URL.
The short value after "forms" is your portal ID, and the longer value after "editor" is your FormID.
From there, change the input name to whatever field in your form you are refrencing. You'll change out "FieldID" to your form field. That would be "email" or "category" or whatever else you're asking in the form.
Where I have "http://websiteurl.com?email=" just change that to whatever you want in front of your passed field variable. When the redirected, it will read "http://websiteurl.com?email=FieldID" and the FieldID will be replaced with the variable from the form.
I am not sure what "emailWeb" do, but that seemed to make it work, so I am not going to change it on my end. Maybe @IsaacTakushi could speak more to that.
Thank you again @IsaacTakushi for your help.
The final code I used is as follows:
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script type="text/javascript" src="//js.hsforms.net/forms/v2.js" charset="utf-8"></script>
<script>
hbspt.forms.create({
portalId: 'xxxxxxx',
formId: 'xxxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
inlineMessage: 'You are being redirected to the Application...',
onFormSubmit: function($form){
var emailWeb = $form.find('input[name="FieldID"]').val();
setTimeout( function() {
window.location.href = "http://websiteurl.com?email=" + encodeURIComponent( emailWeb );
}, 500 ); // Redirects to url with query string data from form fields after 1/2 second.
}
});
</script>
