Build Your List Faster With a Lightbox Web Form

As attendees to our web form webinar know, getting website visitors to notice your form is a critical part of building your list.

Many people supplement their inline web forms with various types of popup and popover/hover-style forms.


Today, we’re happy to announce a new type of popover form that AWeber users can use to grab visitors’ attention and present them with an opportunity to subscribe.

Read on for more details.

Lightbox Forms: Focus The Reader’s Attention on Your Signup Offer

You may already be creating popover-style forms in AWeber that slide or fade into your web page. They’re a great alternative to traditional popups for getting people to consider signing up to your email newsletter.

The new lightbox forms further focus your visitors’ attention on your form by “greying out” the remainder of your page until the visitor either subscribes or closes the popover form (which is easy for them to do – they just click “close” or hit the ESC key on their keyboard).

We’ve seen examples of this form in action (and the results they produced) at marketing conferences that we attend, and wanted to offer you the same ability to focus subscribers on your signup forms.

How Do Lightbox Forms Work?

They work just like the other popover forms:

  • Fade or slide over page without creating a new window
  • Can appear immediately when someone goes to your page OR can be delayed for however many seconds you specify
  • Unlike traditional popups, aren’t typically blocked by popup blockers (they don’t appear in a new window)

Plus by greying out the screen they draw the viewer’s attention to the signup form (since it’s the only thing not greyed out).

Pretty cool, right?

Not Using Popover Forms Now? Give Them a Shot!

If you aren’t at least testing popover/hover style forms with your site now, I strongly recommend you do so. While they don’t work for everyone, they have the potential to raise your opt-in rate significantly, meaning you get more subscribers from your existing website traffic.

Do you use popover forms now to build your list? Try the lightbox forms out against your current ones and see if they raise your opt-in rate!

popup_blog

82 Comments

  1. Tom

    6/12/2008 8:59 am

    Has anyone tried to add a dropdown to a form in a lightbox? It doesn’t seem to render in IE 6 or 7.

  2. Justin Premick

    6/13/2008 7:50 am

    Tom,

    Dropdowns work with lightbox forms – just tested one myself and it renders fine in IE.

    If you’re having trouble with a particular form, perhaps our Customer Solutions Team can help you?

  3. Phil Billitz

    8/15/2008 1:21 pm

    The lightbox opt-in is OK with Google Adwords

    I implemented the lightbox on a new landing page where I was setting up an Adwords campaign. Google disapproved of two of the four ads (all were pointing to the same page with the lightbox!!). I sent an email to them saying that it was a "pop-over, not a pop-up" and explained per Jason’s post above:

    "the lightbox form (from Aweber) isn

  4. Aweber Hover Popups Can Help Grow Your Email Opt-in List - Your Ezine Coach Blog

    8/24/2008 1:51 pm

    […] Aweber recently introduced a new style of hover pop ups that may be just the ticket for you. Take a look at their blog and see how powerful the new feature is. […]

  5. Carter

    1/6/2009 3:16 pm

    Is there a way to make a lightbox form pop up when someone clicks on an image on my site?

  6. Ryan H

    3/7/2009 8:44 pm

    I am embedding Youtube videos on my page, and the popups and lightbox popups are getting positioned BEHIND the Youtube video. Is there a way to ensure they really are popping OVER the webpage??

  7. Justin Premick

    3/9/2009 12:54 pm

    Ryan,

    You can do this by adjusting the HTML around your video.

    See how in our Knowledge Base.

  8. Amber

    4/7/2009 5:24 pm

    Can this lightbox popover feature be used to remind visitors who have just filled out an inline html form to confirm their subscriptions? If not, has AWeber considered developing this option to improve confirmation rates?

    I recently stumbled across this site: http://www.vitaljuice.com/everywhere. When I completed the subscriber info form, a nice, clean little popover appeared to remind me to add their email address to my safe-senders list–I would love to have access to a feature like this to remind my subscribers to confirm their subscriptions!

  9. Kos

    4/16/2009 7:54 pm

    Any way to edit the lightbox html? I want to use on my http://MeanGreenIceCreamMachine.com site but if it only shows the fields and no way to add text then it is not good for me. Maybe I am missing something. All i get is a box with all the fields and a button. Can I get some bgcolor or words in there? thanks

  10. Justin Premick

    4/17/2009 9:38 am

    Kos,

    I went to your site and didn’t see the lightbox there, so can’t comment on what you were experiencing – but you certainly should be able to put content in the headline area of your lightbox form.

    Get in touch with us and we’ll be happy to help you get some content displaying in your lightbox form.

    https://www.aweber.com/contact-us.htm

  11. Craig

    7/7/2009 7:18 pm

    Is there a way that a "Thankyou for Subscribing" message appears in the lightbox rather then being redirected to new page or salespage. It would be much better to have whole optin process contained in lightbox. Once subscribed (or choose not too) they simply close box and remain on salespage. Just need a third step in the lightbox creation process that enables a thank you message to be created after optin form and all would be contained in the one piece of JS code.

  12. Yukio

    12/29/2009 2:48 am

    The lightbox is effectively blocked by Firefox + AdBlockPlus, maybe because it calls for Javascript in the code. I can’t find raw HTML option for the lightbox… Any workaround?

  13. Rodney

    2/6/2010 3:29 pm

    My lightbox seems to interfere with scrolling down the page in the newest version of Firefox.

    After a user closes the lightbox and decides not to opt-in, they are unable to scroll down the page if using Firefox.

    This doesn’t happy to IE users.

    Here’s the URL with the problem:

    http://www.sat-essay.net/sat-ebook.html

  14. Justin Premick

    2/8/2010 8:59 am

    Rodney,

    I went to your URL in Firefox and was able to scroll just fine after closing the lightbox.

    Please get in touch with our Customer Solutions team so we can investigate further.

  15. Jeremy Weiss

    3/30/2010 1:56 am

    I’ve been using the lightbox for about a week, with decent results so far. I have a few questions:

    When you set the pop-up to display every X number of days, does that mean it’ll show on the visitor’s first visit, wait X number of days before showing again? Or does it mean it’ll show for everyone, every X number of days regardless of whether they’ve been to the site or not?

    Is there any way to set it to display on the 2nd visit, so the visitor’s first contact with the site isn’t too pushy?

    Thanks!!

  16. 5 Tips You Can Start Using Right Now To Get More Subscribers

    6/10/2010 8:37 am

    […] for your visitors email address. You can add a subscription box to your sidebar or even use a lightbox to grab peoples attention straight away once they go to your […]

  17. Dennis "DennisKnows" Marshall

    7/12/2010 11:20 pm

    I just created a light box web form and it really makes everything perfect. I need it to be activated on exit though

  18. Justin Premick

    7/13/2010 8:02 am

    Dennis,

    The lightbox is an element of a web page and needs to have an open page to display on. It isn’t like an exit popup that opens in a separate window.

    One thing you can do, if you don’t want the form to be activated by someone visiting a page, is have it activated when they click on a link (that you specify).

  19. Dennis "DennisKnows" Marshall

    7/13/2010 11:30 am

    Appreciate it Justin. How did you get the "follow me" link for twitter next to your date/time stamp

  20. FP

    7/16/2010 3:55 am

    I love the lightbox feature that you provide. By designing better background image I more than doubled the subscriber rate.

    I would however like more control on the popup is displayed. Right now the only way I can implement is by placing the "script" in the footer.php of wordpress blog.

    How about a wordpress plugin which can provide more options like:
    1. Enable / Disable on certain pages or posts
    2. Show Popup for First 2+ visits ( not just 1st time)

    Point 1 is more important for me. I searched a lot and can’t find a workaround. Because of the popup my pages on StumbleUpon doesn’t get approved for advertising.

    I would appreciate any suggestions.

  21. Tammy

    7/26/2010 7:48 am

    This video is old, it now works with the form generator.

  22. Kirsten

    10/6/2010 1:42 am

    I’m piggy backing on Mike’s comment from 4/10/2008 9:39 am: Is it now possible to set this lightbox to appear when a visitor mouses up or to the left of the page to leave?

    This would be ideal so the lightbox would work as an exit popup.

    Thanks so much!

  23. Olivier

    10/30/2010 12:20 pm

    Hello,

    Is there a way to doesn’t show the pop-up for people who already subscribed to a list ?

  24. Simon

    11/23/2010 10:44 am

    Oliver
    That is exactly what I wanted to ask.

    Anyone know if you can stop the lightbox from showing to people already subscribed?

  25. Josh

    12/13/2010 1:27 pm

    I know my page views have went down considerably since adding the lightbox form. I’m split testing now without the lightbox to see if my page views go back up. Page views are important to me.

  26. One Change, 73% More Subscribers

    12/14/2010 9:29 am

    […] pop-up or lightbox form that you can set to appear a certain number of seconds after the page […]

  27. Kayla W

    4/17/2011 1:22 pm

    Yes I’m going to ask the same question about the pop up showing to already currently subscribed people. Maybe I’m missing something? I love the web form but at the same time I don’t want current subscribers to get irritated with the page…..

  28. F

    5/29/2011 2:16 am

    I’m gonna try adding this to my website and see how it performs! Trying to do this with a WP plugin now.

  29. Joe Shaw

    7/20/2011 2:22 pm

    Justin (or others),

    In the last Google update about a month ago my site was upgraded to PR4. About a week ago, I started using the lightbox on my homepage and within about 4 days my PR was downgraded to PR1.

    I have a straight forward content driven WordPress blog. Good optimization and using only white had techniques with over 5,000 inbound links. I don’t have any ‘funny business’ happening on my blog. It’s all very content driven.
    http://familybusinesstips.com

    The only thing I’ve changed is adding this lightbox… which really did improve my optin’s, but man I LOST 3 Ranks in Google!

    I removed it last night and I’m hoping Google will remove the penalty.

    I’m using the ‘lightbox’ option. I had it set to trigger after 30 seconds and only 1 time per day. No matter how many times they visited.

    I had installed the code in a widget on my sidebar, which means it could trigger from any page of my site…. but again only 1 time per day no matter how many pages they accessed.

    Any suggestions or faq’s on this topic would be appreciated.

  30. Justin Premick

    7/21/2011 2:49 pm

    Hi Joe,

    I’m not familiar with that happening to anyone else – a lot of our customers use those forms and I can’t say that’s something I’ve run across.

    So I would tend to think that some other factor/s would be responsible (you noted that your site recently jumped up in the rankings due to a Google update… I wonder if further ongoing updates may have impacted your site again?); that said, if you feel that it is an issue for your site then by all means remove it and see what happens.

  31. Vikas Arora

    11/4/2011 1:18 am

    Lighbox makes its easy and understable to all building list is really faster. 🙂

  32. James

    12/19/2011 5:10 pm

    Great. I am currently considering whether to use this for my blog