Stupidly Simple Cash Cow! Lightbox Technique Revisited, and it's FREE!

20 replies
Hey Ya'll,

Some of you know this already and some don't so I wanted to tell a story about a lady and a lightbox that happened today.

If you want you can follow along and this post can serve as a tutorial you can use to serve your offline clients when the situation arises. Practice makes perfect

Holly asked me how to perform the technique of displaying a "Lightbox" over a saved web page. Holly wanted to show her client how she could integrate a lead capture form into her business clients website without disturbing the site at all.

So, I had her open her clients website in firefox. This step is important because you do not get all the same drop down menu options in each different browser.

Once she had the site open I asked her to hover her mouse over the background and not the main panel. Again,.. you will not get the same drop menu options.

In the drop menu I asked her to choose "Save Page As..."

When the save window pops up,.. I asked her to make sure the "save as:" section or file type was set to "web page,complete" and to just accept the file name that was auto populated in the naming field. I asked her to save this to her desktop for easy access.

When she saved she got 2 files. One was the html document and one was a folder with images. I made her aware that it was important to keep these files together in the same place to make this technique work when using it to show others.

I then asked Holly to right click on the html document and choose in the drop menu "open with" and I chose Notepad because it would display all the html coding. (Note: other applications do this but for the sake of simplicity I used the most common example)

I asked Holly to look in the source code in notepad and look for the <head></head> tags.

Once she found those I asked her to look for the opening body tag <body>

When she found the opening body tag, I asked her to look for the opening Div tag
<div align="center">

Then I asked her to observe the opening Table Tag
<table id="Table_01" width="1022" height="971" border="0" cellpadding="0" cellspacing="0">

I then asked Holly to place the lightbox java snippet she got from her autoresponder, in this case Aweber, between the opening Div and the opening Table tag.

To do this she placed her cursor at the end of the opening Div tag and pressed enter on her keyboard to open a space to place the lightbox java snippet.

She then copied and pasted this example snippet into the space opened
<script type="text/javascript"
src="http://forms.aweber.com/form/79/47505179.js"></script>


__________________________________________________ _________

<html><!-- #BeginTemplate "/Templates/template.dwt" --><!-- DW6 -->
<head>
<title>Removed for anonimity</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body,td,th {
font-family: verdana, sans-serif;
font-size: 12px;
color: #002211;
}
body {
background-image: url(images/back.jpg);
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<script type="text/javascript"
src="http://forms.aweber.com/form/79/47505179.js"></script>

<table id="Table_01" width="1022" height="971" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="19" rowspan="3" background="http://www.warriorforum.com/images/template_01.png">&nbsp;</td>
<td width="558" bgcolor="#002211"><a href="index.html"><img src="http://www.warriorforum.com/images/template_02_logo.jpg" width="558" height="87" border="0"></a></td>

<td width="426" background="http://www.warriorforum.com/images/template_02_menu.jpg" bgcolor="#002211"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">

__________________________________________________ __________

At this point I asked Holly to save the page. I then asked her to right click on the html document and go back to "Open With" and choose a browser she liked.

The browser came up, and 5 seconds later the Lightbox faded in and she had a working example to show her client.



Chris Endres
#cash #cash cow #chris endres #cow #free #lightbox #revisited #simple #stupidly #stupidly simple #technique
  • Profile picture of the author aekaplan
    This seems extraordinarily helpful. Can you please explain what a Lightbox is?
    {{ DiscussionBoard.errors[534815].message }}
    • Profile picture of the author RedMatrix
      Originally Posted by Chris

      The browser came up, and 5 seconds later the Lightbox faded in and she had a working example to show her client.
      I did that today on my lap top, however, I don't have internet, so the lightbox script didn't engage. epic failure! I need an air-card from T-Mobile, NOW! (but my lappy doesn't have a PCMCIA slot, and TMO hasn't come out with a USB version, yet)
      Signature

      ~Dave

      {{ DiscussionBoard.errors[534826].message }}
  • Profile picture of the author RedMatrix
    aekaplan, if you want to SEE an example, please visit my new site that I got from Chris:

    Direct Response Online Marketing for your Offline Business!

    In 5 seconds, the screen will grow dim, and you'll see an opt-in box!
    Signature

    ~Dave

    {{ DiscussionBoard.errors[534823].message }}
  • Profile picture of the author shinmenx
    on that webpage, how did you get the shadow effect around your table?
    {{ DiscussionBoard.errors[534944].message }}
  • Profile picture of the author RedMatrix
    It's part of the 'lightbox' script. I got my code from aweber, where I can control the shadow, or how it comes up on the screen.
    Signature

    ~Dave

    {{ DiscussionBoard.errors[534987].message }}
  • Profile picture of the author Riz
    Excellent tip chris - thanks
    Signature
    NEWBIES - Stuck on Technical Issues?

    Ask me For a FREE copy of my upcoming course that will eliminate all your technical gremlins....:
    SEND ME A PRIVATE MESSAGE NOW!
    {{ DiscussionBoard.errors[535129].message }}
    • Profile picture of the author aekaplan
      Do you think a Lightbox like this would be useful for a typical business, like a pet store for example? I am getting into offline marketing, but I want to be sure something like this wouldn't drive away users from a local store, for example. Thoughts?

      And thank you very much for posting that helpful link!
      {{ DiscussionBoard.errors[535164].message }}
      • Profile picture of the author 4morereferrals
        Yes .. the opt in "freebie" is a $5 off coupon of their next $20 purchase.

        The store owner gets a subscriber and a customer with a $20 sale before having to give anything away. Read that more than once :-)

        Originally Posted by aekaplan View Post

        Do you think a Lightbox like this would be useful for a typical business, like a pet store for example? I am getting into offline marketing, but I want to be sure something like this wouldn't drive away users from a local store, for example. Thoughts?

        And thank you very much for posting that helpful link!
        Signature
        Rank Ascend Network - High PR Links / Guaranteed Rankings Increase
        {{ DiscussionBoard.errors[535840].message }}
  • Profile picture of the author RedMatrix
    I think it's very useful. But it's not the up-front script that's useful. It's the BACK END goings-on that is useful, nay, powerful. It's what you do with the opt-ins, that determines their vitality to your business.
    Signature

    ~Dave

    {{ DiscussionBoard.errors[535706].message }}
  • Profile picture of the author millionareteam
    sounds awesome! Thanks for info...
    {{ DiscussionBoard.errors[535842].message }}
    • Profile picture of the author rtdietz
      Thanks for the walk through Chris. I am hearing more and more requests for the "lightbox" effect so this came at a perfect time.

      I have also been toying with a method to do the lightbox using CSS instead of javascript but your method above seems so much easier.

      rtdietz
      {{ DiscussionBoard.errors[544157].message }}
      • Profile picture of the author GopalG
        Thank you for the infromation... It would be hugely helpful in my online businesss. Direct response marketing can really help in my online business.
        Signature

        {{ DiscussionBoard.errors[544205].message }}
  • Profile picture of the author amotivatedmom
    Chris I have been trying to reach you about your WSO however being new I can't PM you so I hope this works. Your ToolBox offer for $47 was over at midnight April 5, I had been trying to buy it but the PayPal page kept taking me to a $97 offer, did I misread the offer or do something wrong?

    By the way that lightbox example is great evn I a non techie understood it. I am sure it will come in handy soon.

    Thanks, Britt
    Signature

    BJ Cephas

    {{ DiscussionBoard.errors[671914].message }}
  • Profile picture of the author Riz
    This is an excellent way of showing our clients live examples.

    When a client actually sees it happening on their site it makes a world of difference than showing another randomly selected website.
    Signature
    NEWBIES - Stuck on Technical Issues?

    Ask me For a FREE copy of my upcoming course that will eliminate all your technical gremlins....:
    SEND ME A PRIVATE MESSAGE NOW!
    {{ DiscussionBoard.errors[672051].message }}
  • Profile picture of the author Chris Lagarde
    I use Get Response which doesn't offer the lightbox option, however, I found an easy way around this. My Wordpress website has a plugin called FasterIM Opt-in. This plugin does the lightbox effect for me using my GetResponse supplied HTML code. It has some other features that are quite nice. Well worth checking out.

    Now because I don't have mobile broadband card, I fired up Camtasia and created a 30 second silent video showing how the lightbox works on my website, and saved it to my desktop. Worked well during my presentation last week!
    {{ DiscussionBoard.errors[672135].message }}
  • Profile picture of the author tonyscott
    Hi Chris, is there a way to do this for sites that use a php extension?

    cheers

    Tony
    {{ DiscussionBoard.errors[672301].message }}
    • Profile picture of the author Chris Lagarde
      Tony - not sure of the answer to your question. Hopefully someone who is a professional web designer can pitch in with the answer.
      {{ DiscussionBoard.errors[672497].message }}
  • Profile picture of the author ChrisByrns
    you could also just host a lil' php script on your server that let's you input an url and then displays that url in an iframe at 100% width and height and then runs your aweber lightbox thing, overlaying that iframed site.

    this way, it'll only take you one second to demonstrate that lightbox thing - just enter client's url and hit "show me what it'd look like".

    i just coded this for fun, took me 2 minutes - if you're interested, shoot me a pm.
    Signature
    {{ DiscussionBoard.errors[672548].message }}
    • Profile picture of the author Steve Sanchez
      There is a very cool one that I found Kris Minairi's site. It only displays the light box when the mouse moves off of the page close to the back button. Very slick. You have to pay for it though. I don't know of a free one that does the same thing. Does anyone else.
      {{ DiscussionBoard.errors[672571].message }}
  • Profile picture of the author Dhira
    Very nice...
    {{ DiscussionBoard.errors[3108158].message }}

Trending Topics