Knowledge Base/Knowledge Base/Sign Up Forms

What Are All Of The Options For Sign Up Forms?

AWeber - Matt H
posted this on July 12, 2012 01:58 PM

To Create A Pop Up / Lightbox / Pop-Over Sign Up Form

  1. Click on the "Sign Up Forms" tab in the navigation menu

    21710466_step01.jpg

  2. Next you can either Create a new form or edit an existing one.

    21710466_step02.jpg
     
  3. Just underneath where the templates are found, you'll find a toolbar with a drop-down box labeled "Form Type."

    KB0225_step01.png

    Click on that box to select from the available form types.

    KB0225_step03.png

    You can hit the Preview button in the "Sign Up Form Generator" to see how they work, or view the demos below in this article.

    In-Line

    The pre-selected option renders your form directly on the page - it is not a pop up of any type.

    KB0225_step04.png


    Pop-Over

    This form appears above the content on your web page. It is not technically a pop-up, since it does not open in a new window. Because of this, it is not blocked by pop-up blockers.

    It can be set to appear immediately when your page loads, or you can have it fade in or slide in from any direction on the page.

    KB0225_step05.png


    Lightbox

    Like the "Pop-Over" form type, the Lightbox appears above the content on your webpage and you can control how it appears on the page. In addition, it also darkens the content behind it on your page with a semi-transparent mask to help focus the visitor on the form.

    KB0225_step06.png


    Pop-Up

    This type loads your form in a traditional pop-up, in a new window. While generally the "Pop-Over" and "Lightbox" forms are recommended over the "Pop-Up" type, there is an option unique to this type to allow you to display a form to visitors at the point of leaving the page it is published to.

    KB0225_step07.png

  4. Once you have selected the form type you prefer, you should customize exactly how it will appear on your page. Click on the "Advanced" button.

    KB0225_step08.png

    Depending on which type you selected, you can customize some of the following:

    Display Options (Pop-Over and Lightbox Only)

    KB0225_step09.png

    This option sets whether and how your form will animate as it appears on the page. Click to see a preview of each type.

    Delay (seconds)

    KB0225_step10.png

    By default, your form will appear instantly, once your page loads. If you'd prefer for it to appear after a delay, enter how long you'd like for visitors to wait, in seconds.

    Recurrence

    KB0225_step11.png

    While pop-ups provide a great means toward grabbing your visitors' attention to help build your list, if it is not the only priority you've assigned to your web page, having it load every time a visitor sees your site may prove to be an annoyance for them.

    Instead, you might consider having the pop-up appear only once or every certain number of days. Select how often you'd like for it to appear. If you select "Show Every X Number of Days", be sure to also set how many days you'd like to skip between showing a visitor your pop-up form.

    Note: When publishing a pop-up form to your site, we always recommend also publishing an in-line form so that visitors have an opportunity to sign up even if they don't see your pop-up.

    Pop-up Behavior (Pop-Up Only)

    KB0225_step12.png

    With the "Pop-Up" form type, you may have it appear only once a visitor has left the page it is published to, or have it show in a window that does not immediately appear to the visitor (also known as a pop-under). Click each option below to preview.

  5. Finish the design and setup of your form, much like you would any other. While you can design a form from scratch or choose any template, there are sign up form templates designed specifically for pop-ups. You'll find them under the "Hover Forms" category.

    KB0225_step13.png

  6. Once you've designed your form, save it and publish it to your website. Place the HTML just beneath the body tag in your page.

    fix1.png
 
Topic is closed for comments