Skip to content

Instantly share code, notes, and snippets.

@smeranda
Forked from axiak/form-redirect-params.js
Last active November 14, 2017 16:07
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smeranda/5b76c2523339ea330e936f384a7e1f7c to your computer and use it in GitHub Desktop.
Save smeranda/5b76c2523339ea330e936f384a7e1f7c to your computer and use it in GitHub Desktop.
/**
* Append the form data from a HubSpot form automatically
* to the redirect URL query parameters. These values can
* then be used on the form to modify the user experience
* of the Thank You page
*
* LICENSE
* Form redirect
* Written in 2015 by Mike Axiak <maxiak@hubspot.com>
* Updated in 2016 by Seth Meranda <seth.meranda@cune.edu>
* To the extent possible under law, the author(s) have dedicated all copyright and related and neighboring rights to this software to the public domain worldwide. This software is distributed without any warranty.
* You should have received a copy of the CC0 Public Domain Dedication along with this software. If not, see <http://creativecommons.org/publicdomain/zero/1.0/>.
*/
function appendFormData (form) {
var appendFields = function (url, values) {
var data = {};
$.each(values, function (i, item) {
if (item.name !== "hs_context") {
data[item.name] = item.value;
}
});
if (url.match(/\?/)) {
return url + "&" + $.param(data);
} else {
return url + "?" + $.param(data);
}
};
var $hsContext = form.find("input[name='hs_context']");
var hsContext = JSON.parse($hsContext.val());
hsContext.redirectUrl = appendFields(hsContext.redirectUrl, form.serializeArray());
$hsContext.val(JSON.stringify(hsContext));
}
/**
* add this to the embed form onFormSubmit callback
* http://developers.hubspot.com/docs/methods/forms/advanced_form_options
**/
onFormSubmit : function($form, ctx) {
appendFormData($form);
}
@fanomena-private
Copy link

Extended this to also make the redirect work with hubspot calendar. There, you have to transform the "firstname" attribute to "firstName":

function appendFormData (form) {

        var appendFields = function (url, values) {
          var data = {};
          $.each(values, function (i, item) {
            if (item.name !== "hs_context") {

              if (item.name == "firstname") {
                data["firstName"] = item.value;
              }
              else {
                data[item.name] = item.value;
              }
            }
          });
          if (url.match(/\?/)) {
            return url + "&" + $.param(data);
          } else {
            return url + "?" + $.param(data);
          }
        };

        var $hsContext = form.find("input[name='hs_context']");
        var hsContext = JSON.parse($hsContext.val());
        hsContext.redirectUrl = appendFields(hsContext.redirectUrl, form.serializeArray());
        $hsContext.val(JSON.stringify(hsContext));
      }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment