Gated Assets - Auto-loading variable URL after Form Submit

Hi Melissa

I am not a developer so I am going to share what I know must be done.

I am assuming your idea is that they click a link -> Marketo form appears as a popup -> on submission they are taken to a landing page with the assets or the assets are downloaded on submission.

The idea would be to use the Marketo embedded form - lightening version. You would need to tweak the javascript so that the popup appears on click for your URL. Putting an example from Sanford Whitman: MktoForms2 :: Lightbox onClick - JSFiddle

Thanks

Floyd

I would like the user to click a button to download the asset, then be presented with a gated popup form, which must be filled out to access the asset URL. Once the form is submitted, then onSubmit it automatically loads the asset URL.

onSuccess, not onSubmit (a crucial distinction that's implicated in all kinds of broken code!).

The demo that Floyd points to is along the lines of what you want, but your need sounds slightly different.

First, you need to add the download URL to your button. If your button is actually a styled <a>, you can use the default href attribute (which you'll override by loading the form instead of going directly to the asset).  If it's a real <button> (recommended) then use data-href.

When somebody clicks the button, set a JS variable to the asset URL -- the represents the "last requested download URL"  -- and pop up the form.

In the form's onSuccess listener, set

document.location.href = lastRequestedDownloadURL;

and remember to

return false;

from the listener to make sure the default Thank You logic doesn't kick in instead.