Setting a Popup Window with CSS and Jquery

Version 5
    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