Setting a Popup Window with CSS and Jquery

Document created by Jamie Carey on Dec 30, 2014Last modified by Jamie Carey on Jan 20, 2015
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:
http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/

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:

 

http://info.dbmayberry.com/popupsolution.html

Attachments

    Outcomes