How Easy Is It To Make A Web Form?

Lets be honest, most forms are well… boring.

And creating the HTML for a web form is about as interesting as watching paint dry.


But, believe it or not… it doesn’t have to be that way.

Our new Web Form Generator: More Powerful Than Rocky?

OK, maybe it can’t beat up Clubber Lang. But it definitely packs a punch.

In fact, dare I say – using our new editor you can build a beautiful looking form without knowing the first thing about HTML.

Not only that… its fun to use. Really.

So for those of you who used to hire a professional to make your forms look pretty – take that money and go have a beer on us. YOU’VE just been promoted to lead designer.

Show Us How You Want Your Form to Look – We’ll Do the Heavy Lifting

The new Web Form Generator makes it way easier to create an elaborate form, which when done properly will help you better communicate with your subscribers.

I’ll show you what I mean.

For this example, lets say I am the proud owner of a real estate company called “Honey & Vinegar Realty.” We currently have a form on our website which collects subscribers’ name and email. This is great, but we really feel like we could be getting more out of our list of subscribers.

So as always, I first click the “Web Forms” tab and then click the green “+ Create New Form” button, although this time I’m greeted by the new Web Form Generator (see screenshot below).

Web Form Generator Entrance Page

So, Let’s Make a Real Estate Signup Form!

Templates Bar

Looking through the different form templates I find that the first one is best suitable for my website.

So I click on it, which brings me to this black box that provides me with a variety of color schemes. (see below)

Browsing through form templates

I like the “Trevose” color scheme… after all it is named after my home town. So I click the blue “Load Template” button.

Now my template is loaded and the template bar has been minimized.

Web Form Generator with a template loaded.

OK, I’ve only clicked a couple of things and my form is already looking decent… now what?

Let’s Think – What Information Do I Want to Collect From My Subscribers?

In real estate, location is key. So I think for my form it would be a great to have subscribers select areas they are interested in. This way I can segment my list and send each subscriber information that is more closely tailored to what they are looking for.

Working from top to bottom… Name and Email are already inserted into my form for me. So the next thing I’m going to want is a place for my users to pick locations.

I’ll use a “Text Element” to add an instructions sentence. In this case I’ll write – “Select the counties you are more interested in:”.

Using a Text Element in the new Web Form Generator

Now, I’d like them to be able to select multiple areas. Using a checkbox might be my best bet.

So I’ll create a new “Field” for each county and set the “Input Type” to be a checkbox.

checkboxes

I’m happy with my design but I feel like maybe I should have some sort of divider to separate the sections of the form a little bit.

So lets add one in:

Adding a divider in the new Web Form Generator

And of course I can’t forget to add some some writing in my header and footer:

Editing my Header in the new Web Form Generator

There you have it! A nice, professional form… without touching any HTML.

At This Point I Know Everyone Is Probably Thinking “Yeah, Yeah… Get to the Templates!”

Eric and I are now in the phase of development where we are spending most of our time cranking out form templates. We want to provide some fresh designs and ideas to take your forms to the next level.

Here are some of the ones we’ve made up to this current date:


Of Course, Your Input is The Most Important Thing of All.

If you have any ideas for form templates that you’d want made, please leave a comment.

Eric and I will be creating a lot of form templates in the up coming weeks so any inspiration and ideas you can send our way will go a long way!

111 Comments

  1. sanjesh

    1/18/2011 6:05 am

    this is great stuff, can’t wait to put into action. thanks guys

  2. ABALI IKULU WILLY

    4/30/2011 4:31 am

    DEAR SIR
    the problem with the Aweber PROGRAM Is that for any program you
    release , such as a link or else , you shwo the instruction on a sample form but to access the original one it become a problem . this what block me work to this program since a year now. the current program of how to intrgrate Aweber program to wordpress is shown on a sample form . Plese can you assiste people with a real tools ……

  3. Amanda Gagnon

    5/2/2011 8:11 am

    Jerry ~ You can add any image that’s been uploaded elsewhere – here are the instructions.

    Bryan ~ There are several sports-related forms – you’ll find them here.

    Abali ~ We show the sample so you can follow along in your AWeber account. To make your own form, log into an AWeber account and click on the “Web Forms” tab.

  4. Dave

    7/24/2011 6:01 am

    Just about to sign up, can we use this form to lead to a downloadable pdf file?

  5. Justin Premick

    7/26/2011 3:00 pm

    Hi Dave,

    Yes, you can. When creating your form, set the thank you page URL to a page on your site where you have placed a link to the PDF.

  6. atanas yanev

    8/23/2011 5:52 am

    I was collecting data by my own – the result was hundreds of working hours lost creating and testing form designs, programming code, hoping everything will be ok. It was not. Until I started using aweber’s service 😉
    Thanks!

  7. Bill Nickerson

    9/23/2011 4:19 pm

    Why are there no templates for a horizontal layout? I’d like to build a form to put in the footer of my site with the fields laid out horizontally rather than vertical. In order to do that I have to edit the HTML myself.

  8. Dr. Smith

    5/14/2012 11:26 am

    Amazing service!
    Are you going to release new set ot themes?

  9. Justin Premick

    5/17/2012 10:43 am

    Hi Dr. Smith,

    Yes, we regularly release new web form templates… you can see all the currently available templates when you create a new web form in your account.

  10. Greg

    12/18/2012 7:00 pm

    I haven’t updated my web form in over two years. It has been working great so I guess there is no need to change it but I really should split test a few different ones.