Here is a simple way to put your webform into a lightbox. You can change this code to activate the lightbox on a link click, or when the user tries to leave the page. All you need to do is set the iframe src to the url of an Infusionsoft hosted webform.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js">// <![CDATA[ // ]]></script><script type="text/javascript">// <![CDATA[ jQuery(document).ready( function(){ jQuery( "#dialog" ).dialog({ autoOpen: false, show: "blind", width: 450, height: 280 }); jQuery( "button.dialog" ).click(function() { jQuery( "#dialog" ).dialog( "open" ); return false; }); }); // ]]></script> <div id="dialog" style="display: none;"><iframe id="infFormIframe_0" style="width: 480px;" src="https://joey.infusionsoft.com/app/form/lightbox-webform" frameborder="0" scrolling="yes" width="400" height="250"></iframe></div>
