Solved! Go to Solution.
We're successfully using a form in the RTP dialog box. It works great for getting form fills but, because it is a form and not a simple link/image, the form fills don't report as "Clicks" in RTP so you can't easily see how well it is performing from the RTP dashboard.
You should be able to see an example of the popup on the page below if the campaign is still live. The form in the popup is still a Forms 1.0 Marketo form (iframes, etc) so, it is slow to load which you may see when the visit the link:
Danny: We haven't tried this with Forms 2.0 yet. We will hopefully have that completed in the next few weeks and I'll update this thread if we have any interesting experiences with that.
Maria, here is the HTML source from the campaign on RTP. Note: We did need to build a seperate version of the landing page to house the RTP popup version of the form (and the resulting "Thank You" page) because the RTP form dimensions are smaller than what we normally use on our site but, beyond that, nothing particularly unusual here.
We're excited to move this to Forms 2.0 as that should be quite a bit faster for the user (no additional iframe to call).
RTP campaign source for our RTP Popup form:
<td style="vertical-align: top; text-align: left;">
<div style="float: right;"><img alt="" src="http://www.onvia.com/sites/default/files/icon_whitepaper_sled_report_q3_2014.png" /></div>
<div style="padding: 5px; margin-bottom: 15px;">
<h3 style="text-align: left; font-size: 21px; color: #2053a4; display: block; line-height: 25px; margin-top: 5px;">Onvia's New Report for Government Vendors</h3>
<h3 style="text-align: left; font-size: 18px; color: #666666; display: block;">Q3 2014</h3>
<hr style="clear: both; height: 0px; border: 1px solid #eee; margin-bottom: 10px;" />
<p style="font-size: 14px; color: #666666;"><strong>Highlights from this quarter's report:</strong></p>
<ul style="font-size: 12px; color: #666666; list-style-position: outside; margin-left: 20px;">
<li>Slight decline in contracting opportunities for Q3 but positive YTD growth</li>
<li>Slowing trend during 2014 influenced by greater cooperative purchasing</li>
<li>Software and public safety had the strongest growth rates for the quarter</li>
<li>Guest column from industry expert Mark Amtower</li>
<div style="text-align: center;"><iframe src="http://info.onvia.com/SLED-Report-RTP-Popup-Q3-2014.html" width="385" height="370" scrolling="no" frameborder="0"></iframe></div>
I know it has been a while since you posted but I have a working solution that addresses your questions specifically. Just copy and paste the code below into the RTP dialog WYSIWYG editor (while in HTML mode) and then replace the messages, form IDs and Marketo server URL and you should be good to go.
You've probably found a solution already but I figured I'd post this to save others a ton of time figuring this out in the future.
<div id="resub_form" style="font-size: 16px; font-weight: bold; margin-bottom: 20px; display: block;">Get updated with news and offers via email.</div>
<div id="confirmform" style="display: none; font-size: 16px; font-weight: bold; margin-bottom: 20px;">Thank you for subscribing to receive updates!</div>
MktoForms2.loadForm("//xxx.marketo.com", "xxx-xxx-xxx", xxxx);
document.getElementById("resub_form").style.display = "none";
document.getElementById('confirmform').style.display = "block";