Creating Popup Forms That Work And Convert

There is something all marketeers are after in the online environment, and that’s generating leads if not already selling something on the spot. Although, even making a sell can be considered a lead for future marketing endeavours. However, this article is not ment to define the importance of lead generation, but rather present the correlation between building leads and using popup forms, and of course, describe a simple way for creating popup forms with minimum effort.

Doing The Research

First things first, I made my research in understanding the use of popup forms. What I’ve learned is that the majority of popups or lightboxes that appear on any page through-out the Web contain forms. Usually, these are newsletter subscriptions or invites for certain downloads, such as eBooks or whitepapers, where you need to provide your email address.

But popup forms may prove a life-saver in increasing your conversion rate, be it in acquirining more leads, selling more of your products or signing up new users. However, be careful on how you use popup forms on your website, if you want to be trusted by search engines such as Google. I wouldn’t recommend blocking page content with a popup right after the visitor has opened it. Instead, try doing a research on the average time that visitors spend on the page and adjust the popup to appear at the right time. Use your Google Analytics account to prepare your strategy.

Besides improving CTR, popup forms may be used for other reasons, too. Some bloggers opt to add their contact form in a popup, as it might blend in better with the design of the blog. Some event organizers or workshop trainers, for instance, tend to publish their registration forms in popups, while others prefer to just embed them on their page.

If you want to publish your web form in a pop-up lightbox, there are various lightbox publishing options to choose from. Having your web form pop up on screen automatically has been mentioned earlier, but there are other ways, such as using a link, an image or a button to open the popup only after the website visitor has clicked it.

Creating Your Popup Form

If you had to create only the popup lightbox from scratch, you needed programming skills in HTML, CSS and JavaScript. Now imagine having to create the web form as well. You needed additional knowledge, in PHP and perhaps Ajax. But you can forget about all that, because with 123FormBuilder you can easily create any type of web form with simple drag & drop and publish it within a popup lightbox on your website.

You can pop-up your web form on your web page in 4 different ways:

  • By using a custom link
  • By using a custom floating button that will follow site visitors as they scroll through your content
  • By using a custom image
  • By adding a timer that will automatically trigger the popup form

Where you will find these options:

  • Go to Publish
  • Access the Embed Code tab
  • Use the select your embed option dropdown
  • Select one of the 4 available options:
    • Lightbox – text link
    • Lightbox – image link
    • Lightbox – floating button
    • Lightbox – auto popup
  • Click the Customize button to edit your lightbox

Now, to finally add your popup form to your web page, copy the script in the source of your web page and you are done. Did you know that using the JavaScript embed method will automatically update your web form whenever you modify it in the form editor? All lightbox options are created with JavaScript, so you don’t need to worry about updating your web page each time you adjust your web form on 123FormBuilder.

I hope this information proved useful, and if you ever have questions related to form building and popup forms, don’t hesitate to speak with us at


  1. Where is the “embed code” tab? This doesn’t really help. At all. I have a form, would like it to pop up. But I can’t choose that form.

Leave a comment

Your email address will not be published. Required fields are marked *

You love forms as much as we do?

Then share your form story with us! We will read all the submitted cases and reach out the selected ones for further details. The chosen ones will have a case study created and will be featured in our blog, newsletter and social media channels.