Referrals for Prizes FancyBox On Page Load Demo

In addition to trigger Referrals for Prizes on click, it's also possible to show the signup window on page load with FancyBox. See my basic example below:

To start, simply download FancyBox and jQuery.

Then add these lines between the head tags of your page.

<script src="js/jquery.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

    <script type="text/javascript">
       $(document).ready(function() {
        $(".fancybox").fancybox({
           width : '80%',
           height : '450',
           fitToView : false,
           autoSize : false
          }).trigger('click');
        });
   </script>

Just be sure to double check that the path to your jQuery file and FancyBox files are correct.

Trigger FancyBox on Page Load

My link is hidden which is why you can't see it... But it looks like this:

<a class="fancybox fancybox.iframe" style="display:none;" href="http://www.yourdomain.com/referral/referral.php">Sign Up Now!</a>

Sign Up Now!