Advanced Marketo Form Techniques Part 1

In:

Customize your Marketo forms even further using these 2 advanced Marketo form techniques. Learn how to pop up a lead generation form after 2 minutes and how to open a Marketo hosted form on click.

Pop Up form after x Number of Minutes

marketo-form-embed

Copy and paste the HTML section of the form embed code into the HTML of your document. It doesn’t matter where you place it on the page.

Copy and paste this javascript in your document. This will pop up the form after 2 seconds

Replace 120000 with the how much time (in milliseconds) until the form should pop up.

Also replace “889-JZN-200”, 1212 with the ID’s of your form. You can grab this information from the embed code that is provided by Marketo (shown in the screenshot below).

marketo-form-embed-highlighted

Pop Up a Form on Click

Copy and paste the HTML section of the form embed code into the HTML of your document. It doesn’t matter where you place it on the page.

Copy and paste this javascript in your document.

Replace “889-JZN-447”, 1010 with the ID’s of your form. You can grab this information from the embed code that is provided by Marketo (shown in the screenshot below.

marketo-form-embed-highlighted

Questions?

Email me, or send me a tweet @jennamolby.

Related Posts

  • 17/06/2019
    How to Integrate Gravity Forms With Pardot

    Gravity Forms is one of the easiest tools to create advanced forms for your Wordpress website and with some customization they can be integrated with Pardot. In this post, I will show you how to integrate Gravity Forms using Pardot Form Handlers.

  • 28/02/2019
    Creative Ways to Spice Up Your Pardot Forms: Part 1

    Looking for some creative ways to spice up your Pardot forms? In this post, I will show you how to implement the popular floating label technique in three easy steps. I will also show you how to turn your long drop down menus into user-friendly, searchable dropdowns.

  • 24/10/2018
    How to Create a Net Promoter Score Survey in Pardot

    Learn how to build a net promoter score (NPS) survey directly in Pardot. I will show you how to create an NPS survey that asks the recipient to give you a score from 1 – 10 using an in-email rating that directs them to a Pardot landing page to collect more information.

7 comment(s)
  • Brady

    21/11/2017 at 5:19 pm
    Reply

    Hi Jenna! Thanks for the great Marketo tips on your blog. It's very helpful! It seems that Marketo has updated their scripts. I had to replace all references of app-sjh.marketo.com with app-sj20.marketo.com to get the functionality to work.

  • TK

    09/12/2016 at 10:36 am
    Reply

    Hi Jenna, I'm having a hard time with the Pop Up a Form on Click as well. I added the snippet of javascript (above) and then added the form's embed code as another HTML element to my Marketo landing page. I'm just a little confused on how to get these pieces communicating via the ID for my link (I tried Click here and then assigned an ID to the DIVs containing the form embed code (Form embed code here). Thanks!

    • Jenna Molby
      to TK

      09/12/2016 at 10:43 am
      Reply

      Sorry, you're having trouble getting the form to work. Send an email to [email protected] with a link to your landing page and I can help you troubleshoot.

  • Patrick

    18/08/2016 at 9:33 am
    Reply

    I'm trying out the popup and my href to call the code looks like this SIGN ME UP Doesn't seem to work. You can see the full code here. http://codepen.io/pfaustino/pen/LkvVGX

    • Jenna Molby
      to Patrick

      18/08/2016 at 4:28 pm
      Reply

      Hello! You're missing the ID for your link. It should have the id of "popup-link".

  • BigJerm

    01/06/2016 at 11:53 am
    Reply

    Hi Jenna, Thanks for the info. I have been struggling with, Pop Up a Form on Click, for a couple hours and I can't get it to work. Do you have a working example/landing page I could look at? How do I include this code in my landing page? Do I insert an HTML Element? Do I have to create a Snippet and insert that? $("#popup-link").click(function(e){ e.preventDefault(); MktoForms2.loadForm("//app-sjh.marketo.com", "889-JZN-447", 1010, function (form){MktoForms2.lightbox(form).show(); // Hide the form and display a thank you message form.onSuccess(function(form){ formElem = this.formElem[0]; formParent = formElem.parentNode; formParent.removeChild(formElem); formParent.innerHTML = 'Thank you!'; }); }); }); Also, I am using a thank you page after the form is filled out. Any idea on how to link to that instead of using this"formParent.innerHTML = 'Thank you!'; "? I have my form set to "Follow up with Landing Page" but when and if I get this to work, I think my follow up/thank you page might appear in the lightbox window. Thanks.

    • Jenna Molby
      to BigJerm

      01/06/2016 at 1:15 pm
      Reply

      Hello! You can include the script as an HTML element on the landing page or put it directly in the landing page template. If you don't want to redirect to the thank you page you specified in the form editor, you can remove the onSuccess function from the code. Your code would look something like this: $("#popup-link").click(function(e){ e.preventDefault(); MktoForms2.loadForm("//app-sjh.marketo.com", "889-JZN-447", 1010, function (form){MktoForms2.lightbox(form).show();}); }); Don't forget to replace the IDs (screenshot in the post) with the IDs of your Marketo form.

Leave A Comment

Your email address will not be published. Required fields are marked *

About Me

Welcome to my blog, where I share, tips, tricks, thoughts and solutions that I learn in my daily life as a Marketing Operations leader.

Categories
Most Commented
Popular Posts