{"id":206,"date":"2024-02-04T13:08:44","date_gmt":"2024-02-04T13:08:44","guid":{"rendered":"https:\/\/www.martech-magic.com\/?p=206"},"modified":"2024-02-09T20:07:49","modified_gmt":"2024-02-09T20:07:49","slug":"form-field-visibility-via-url-parameter","status":"publish","type":"post","link":"https:\/\/www.martech-magic.com\/index.php\/2024\/02\/04\/form-field-visibility-via-url-parameter\/","title":{"rendered":"Form Field Visibility via URL Parameter"},"content":{"rendered":"\n

So there’s a thing in Marketo that’s called “Form Field Visibility”. Marketo Docs<\/a> say it can “dynamically toggle the visibility of a form field”. Fine, let’s be a bit more specific.<\/p>\n\n\n\n

The standard example is “If Country = United States” display the field “State” with the picklist of all US states. If Country does any other value, don’t show the field. Or: If “Country = Canada” display the field state with the picklist of all Canadian territories. (How to display picklists dynamically is probably not that obvious, but that’s another story.).<\/p>\n\n\n\n

Alright, so we display fields dependent on other field’s values. How does a field get a value? There are a few options here:<\/p>\n\n\n\n

    \n
  1. The value is entered into the form or selected from a picklist by the page visitor<\/li>\n\n\n\n
  2. The value gets pre-filled through Marketo’s Form Pre-Fill mechanism<\/li>\n\n\n\n
  3. The value gets added to the form from a link’s URL parameter<\/li>\n<\/ol>\n\n\n\n

    All of these work nicely for Form Field Visibility. Let’s see how it actually works with a URL parameter:<\/p>\n\n\n\n

    Create a form and add a field as a hidden field. I chose the field “Parameter” here which I created in my Marketo Sandbox. You can use any field that you already have in your instance – if you have something like “UTM_Medium” or so already, use that.<\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n

    Now click on the “Autofill” options in the right navigation and select “Get Value from: URL Parameter” and select “parameter” as your Parameter Name. You can freely choose your parameter name here – it doesn’t have to be the name of the field.<\/p>\n\n\n\n

    <\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n

    Now you have defined that if you hit the landing page where this form lives with something like “?parameter=show”, the value “show” is being written to the field “Parameter”. (If you want to go to the basics of what a URL Parameter or a Query String is, visit Wikipedia<\/a>).<\/p>\n\n\n\n

    Okay, now that we can write a value to a field through a URL parameter we can use it for Form Field Visibility. Create another field on your form – let’s say: City – and add Visibility Rules from the right navigation:<\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n

    And now define that you want to show the field “City” if the value in “Parameter” is “show”.<\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n

    If you save this, you’ll see that “City” greys out to indicate it is hidden by default.<\/p>\n\n\n\n

    Save and approve your form and add it to a Marketo Landing Page. Now visit your LP and it will look like this:<\/p>\n\n\n\n

    https:\/\/marketo.example.com\/mylandingpage<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Now add the URL parameter and refresh the page:<\/p>\n\n\n\n

    https:\/\/marketo.example.com\/mylandingpage?parameter=show<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Dynamic Form Field Visibility is cool, isn’t it?<\/p>\n","protected":false},"excerpt":{"rendered":"

    Can you control Form Field Visibility on Marketo forms through URL parameters?<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,8],"tags":[],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-forms","category-tipps-tricks","entry"],"_links":{"self":[{"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":3,"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/posts\/206\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.martech-magic.com\/index.php\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}