Skip to main content
A
Anonymous
December 30, 2013
Question

Passing URL parameters to a visibile Marketo form field

  • December 30, 2013
  • 3 replies
  • 2272 views
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
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

A
Anonymous
December 31, 2013
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


A
Anonymous
December 31, 2013
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.
 
 
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
Robb_Barrett
Level 10
July 1, 2014
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?
Robb Barrett
Terms & ConditionsAccessibility statement

Loading footer...