Controlling confirmation page from an external landing page | Community
Skip to main content
A
Anonymous
March 25, 2016
Question

Controlling confirmation page from an external landing page

  • March 25, 2016
  • 1 reply
  • 3131 views

Background:

We are building a digital campaign that is driving traffic from various online media sources to a gated landing page on our website. The form on the landing page is hosted in Marketo. We would like to use this form for all gated content.

Ask:

Are there any tips for having the external landing page control the follow page, rather than having to have this associated to the form? If this were a Marketo landing page, we could change the setting on the LP to override the form, but not sure about an external LP.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Grégoire_Miche2
Grégoire_Miche2
Level 10
March 25, 2016

Hi Nathan,

You need to pass the following page info as a URL parameter. Then in the landing page, you will have to use the forms 2.0 API (Forms 2.0 » Marketo Developers ) to change dynamically the follow-up page, as in this example from the doc:

MktoForms2.loadForm("//app-sjst.marketo.com", "785-UHP-775", 1057, function(form) {

   //Add an onSuccess handler

  form.onSuccess(function(values, followUpUrl) {

   // Take the lead to a different page on successful submit, ignoring the form's configured followUpUrl

  location.href = "google.com/?q=marketo+forms+v2+examples";

   // Return false to prevent the submission handler continuing with its own processing

   return false;

   });

});

-Greg

A
Anonymous
March 25, 2016

Thanks Grégoire!  I will work with our developers to try this out.

SanfordWhiteman
SanfordWhiteman
Level 10
March 25, 2016

Nathan, rather than hard-coding the follow-up URL within the JS, think about using a more semantic style (separation of concerns).  Add a <link> in the <head>:

    <link rel="next" href="https://nation.marketo.com/thankyou1.html">

Then your JS is always the same on every page:

     location.href = document.querySelector('LINK[rel="next"]').href;
    Terms & ConditionsAccessibility statement

    Loading footer...