Your Achievements
Level 1
0% to
Level 2
Next /
to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Open Alert Bar
SOLVED

Two 'pop-up' forms on one Marketo LP?

Go to solution
Julz_James
Level 10
Level 10
‎11-16-2017 07:14 AM
‎11-16-2017 07:14 AM

Re: Two 'pop-up' forms on one Marketo LP?

That doesn't work 😞 I'd tried that previously, but I've removed again and still nothing.  The buttons click but nothing happens after that.  I got it working with the Code pen provided by Sandy and inputting my Marketo info and form IDs but soon as I try to put it in the LP it doesn't work.

0 Likes
2,314
Reply
Mark_Price
Level 7
Level 7
‎11-16-2017 09:39 AM
‎11-16-2017 09:39 AM

Re: Two 'pop-up' forms on one Marketo LP?

Hi Juli,

The problem could now be this:    

<script src="https://eu-lon06.marketo.com/js/forms2/js/forms2.min.js"></script>


^ since this is a Marketo Guided Page, you can remove that completely.  After that, I think Sanford's script will work. 

You're almost there!

0 Likes
2,314
Reply
Julz_James
Level 10
Level 10
‎11-16-2017 09:51 AM
‎11-16-2017 09:51 AM

Re: Two 'pop-up' forms on one Marketo LP?

Hi,

I've already removed that part.  I've kept the basic <script> around the Javascript in the custom head because otherwise the code appears at the top of the LP.

Thank you for all your help!

0 Likes
2,314
Reply
Mark_Price
Level 7
Level 7
‎11-16-2017 10:33 AM
‎11-16-2017 10:33 AM

Re: Two 'pop-up' forms on one Marketo LP?

Sorry if unclear-

You may have a second forms2.js include toward the bottom of the page.   What happens if you remove that (?)

forms2js-comm.png

0 Likes
2,314
Reply
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎11-16-2017 11:13 AM
‎11-16-2017 11:13 AM

Re: Two 'pop-up' forms on one Marketo LP?

It's a simple timing issue: the script binds to <button> tags, but you have the script running before the <button>s exist in the page.

Move the script somewhere below where you've inserted the buttons! (Like before the closing </body>.)

0 Likes
2,314
Reply
Julz_James
Level 10
Level 10
‎11-17-2017 08:03 AM
‎11-17-2017 08:03 AM

Re: Two 'pop-up' forms on one Marketo LP?

I've created a new template, and added in the script into the template under everything.  Still nothing.

Here is the test landing page I've done: call center technology leader | incontact

I feel like i'm missing something really stupid

Thank you both for all your help!!

0 Likes
2,314
Reply
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎11-17-2017 10:28 AM
‎11-17-2017 10:28 AM

Re: Two 'pop-up' forms on one Marketo LP?

Now you've taken out the <script> that loads forms2.min.js! You can see two errors in the console:

pastedImage_2.png

Re-include a remote <script> that loads forms2.min.js in the <head> of the page.

And make sure to re-paste the lightbox code, since it you removed the line breaks at some point and that's the cause of the syntax error. (The placement of the lightbox code relative to the buttons is correct, though.)

0 Likes
2,314
Reply
Julz_James
Level 10
Level 10
‎11-17-2017 10:55 AM
‎11-17-2017 10:55 AM

Re: Two 'pop-up' forms on one Marketo LP?

OK cool,

So put the <script src="https://eu-lon06.marketo.com/js/forms2/js/forms2.min.js"></script> back in the head, and then re-paste the lightbox code.

Will try that very shortly.

Can't thank you enough!

0 Likes
2,314
Reply
Julz_James
Level 10
Level 10
‎11-17-2017 11:04 AM
‎11-17-2017 11:04 AM

Re: Two 'pop-up' forms on one Marketo LP?

OMG it works! 

Thank you so so so much for the help!

0 Likes
2,314
Reply
Matt_Underwood
Level 2
Level 2
‎05-02-2019 08:00 AM
‎05-02-2019 08:00 AM

Re: Two 'pop-up' forms on one Marketo LP?

Although the codepen linked to from this discussion is an expired link, this really helped me out and I was able to get my code working. If someone else is working on this issue I recommend looking through Sanford Whitman's Codepen. I'd be willing to provide my solution if anyone is interested as well.

UPDATE: I used basic javascript to turn this form into a dynamic template. By setting the formId variable to "document.getElementById("formId1").value" - I'm able to input the form ID through the rich text editor when setting up a form that relies on this template. This is very useful if you're going to use the same setup multiple times and removes the hardcoded form ID variables. 

2,314
Reply
Home