Setting a Popup Window with CSS and Jquery

Document created by 0990c59b444c76027d96735c1a399d72e146ac44 on Dec 30, 2014Last modified by 0990c59b444c76027d96735c1a399d72e146ac44 on Sep 27, 2017
Version 5Show Document
  • View in full screen mode
Note: Please ensure that you have access to an experienced CSS and Jquery developer, because Marketo Technical Support is not set up to assist with troubleshooting custom coding.

Advanced solution - requires CSS and jQuery knowledge

Issue: Need to set a popup window in Marketo.

The rich text editor (hyperlink - popup tab) has this feature but gets overrode by most browsers opening in a new tab.

Solution: Use jQuery.

Here's a third party site that covers how:

This does work in Marketo landing pages -

  1. The header content goes in the custom head HTML
  2. Save a copy of the CSS and popup.js to the images and files section of Marketo
  3. Update the CSS and .js files to your copies in Marketo
  4. I used the same input version in the example here, but you could use a link or content instead.

Click here for a sample page in Marketo using the above solution: