Passing URL parameters to a visibile Marketo form field

[Anonymous]

Hi all,

I am trying to figure out the JavaScript needed to pass a URL parameter into a visibile marketo form field on the page. For example, http://company.com/test.html?code=123 would pass 123 into the Code form field on that page. Any ideas? I found one post on it, but the link to the solution doesn't work! Any advice would be greatly appreciated.

Thanks Katie

[Anonymous]

You don't need any extra JS for this if you use a hidden field - is there a reason why you want to make this field visible?  Perhaps, you could capture two values - one in a hidden field and another one which is from the visible field/user input.  


Just follow the instructions in the section titled "Set a Hidden Form Field from a URL Parameter" at https://community.marketo.com/MarketoArticle?id=kA050000000KyqoCAC

[Anonymous]

There are circumstances visible fields make sense. 

You can use a short jQuery to gather URL parameters and populate any field, no matter it is visible or not.

http://community.marketo.com/MarketoResource?id=kA650000000GtpJCAS

View the page source to find the field ID for each getQueryString. It just requires one variable to read the URL parameter and one instruction to set the field value.
 

[Robb_Barrett]

Bumping.

I'm trying to do the same thing.  I'm making a double-opt in based off of an email.  

• The recipient gets the email and clicks a link.  
• The link has two parameters: CPSRefSiteEmail and CPSRefSiteName.
• They get to a page with a form that will display the values and ask them to hit Submit to verify they made a correct selection.

I've made a form with the two fields on it.  I've made a Landing Page with the form embedded.  I've added a Custom HTML box with the following script:

<script language="Javascript" src="/js/public/jquery-latest.min.js" type="text/javascript"></script>

<script src="/js/public/jQueryString-2.0.2-Min.js" type="text/javascript" ></script>

<script>

  // to set cookies.  Uses noConflict just in case

  var $jQ = jQuery.noConflict();

  var pCPSRefSiteName = $jQ.getQueryString({ ID: "CPSRefSiteName" });

document.getElementById("CPSRefSiteName").setAttribute("value", pCPSRefSiteName);

</script>

<script language="Javascript" src="/js/public/jquery-latest.min.js" type="text/javascript"></script>

<script src="/js/public/jQueryString-2.0.2-Min.js" type="text/javascript" ></script>

<script>

  // to set cookies.  Uses noConflict just in case

  var $jQ = jQuery.noConflict();

  var pCPSRefSiteEmail = $jQ.getQueryString({ ID: "CPSRefSiteEmail" });

document.getElementById("CPSRefSiteEmail").setAttribute("value", pCPSRefSiteEmail);

</script>

When I enter the URL along with one of the parameters and a value, I get nothing in the boxes.  What am I doing wrong?  I've also tried replacing the ID: with the integer instead of the field name and nothing worked.

Can I get a more complete explanation?