Infusionsoft Hacks*

Here is a simple way to put your webform into a lightbox. The purpose of this is to keep users on your page to fill out your form, while still staying on your page.

Click Me!

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript">
</script>
<script type="text/javascript">
jQuery(document).ready(
function(){
  jQuery( "#dialog" ).dialog({
    autoOpen: false,
    show: "blind",
    width: 500
  });
  jQuery( "button.dialog" ).click(function() {
    jQuery( "#dialog" ).dialog( "open" ); return false;
  });
});
</script>
<div id="dialog" style="display: none;"><iframe id="infFormIframe_0" allowtransparency="true" src="https://joey.infusionsoft.com/app/form/sample-popup-calendar-webform" style="border: medium none; width: 480px;" frameborder="0" height="421" scrolling="yes" width="480"></iframe></div>