How To Install AWeber Sign Up Forms On Your WordPress Blog
In yesterday’s article, we went through setting up an email list in AWeber. Now it’s time to get forms on your WordPress blog so that your readers can actually sign up! After all, it is rather an important step if you want to build a list…
So let’s get straight into it and take a look at AWeber’s form design tool.
Designing Your Sign Up Form
When you click on the “Web Forms” button on the navigation bar, you will be presented with the page above. As advised, make sure that pop-up blockers are disabled. Then go ahead and click “Create A New Web Form”. You will be presented with a page that can initially be rather overwhelming. But fear not! We’ll go through all of the features, step by step.
- This is the button for the design screen, which are you currently on.
- In this area, you can select fields to include in your form, or create entirely new ones.
- Click this button to preview how the form will look.
- These eight different buttons will insert different items into your form – a header, a footer, a privacy notice and link, a subscriber counter, a “powered by” message, an image placeholder, a divider, and a text box.
- With these buttons, you can select categories of template designs based upon certain criteria (e.g. their popularity).
- This is where you select your chosen template.
- With this drop down box you can select the part of the form that you want to customize. This will then display different options to the right (which are in the above image, options 8 and 9).
- With “Form Type” selected from the drop down box, you can set whether the form should be inline or in a light box, as well as other options.
- Here you can select the width of the form.
- Here you can reorder and fiddle with your form design. It is very simple to reorder the fields by dragging and dropping.
As you will quickly learn, the form design tool is extremely powerful, and you have a great deal of control over the final product. Just a few clicks of your mouse can produce a drastically different design.
You may wish to spend a fair bit of time having a good old fiddle in order to get the best out of your design. If however you are not so fussy, you have the option to just point, click, and move on with finalizing the setup of your form.
I have just one main piece of advice when it comes to form design – keep it simple. Don’t overwhelm your potential subscriber. Ask them for as little information as possible, make it absolutely clear where they should enter it, and give them a big fat button to press.
Once you are happy with your form’s design, save and proceed to step 2 by either clicking “Go To Step 2” at the bottom, or the “Settings” button at the top.
Sign Up Form Settings
We now have a few fields to fill in.
Set a sensible name for your form. I will explain later why you might consider having multiple forms on your blog, which means that you should create an identifiable name for each one. For instance, if this form is going to live in your sidebar, you might imaginatively choose to call it “Sidebar”. You’ll thank yourself later when you have 10 forms to track and know exactly which one is which.
You then have an opportunity to check your “Thank You” page. This is the page that is shown when a subscriber first submits their details. The default page is all well and good…
…but I’m sure you can do better than that. If you want to keep your new subscriber engaged with your blog, changing your Thank You page to a page on your blog can be a great way to do so.
You can also redirect the “Already Subscribed” message to a custom page. I am inclined to be lazy here and say to yourself, “If they’ve already subscribed, you’ve already got them on the hook.” Naughty I know, but they’re only going to be referred to AWeber’s standard page – it’s not the end of the world. But, if you do want to create a custom “Already Subscribed” page, here is your opportunity!
If you click on “Show Advanced Settings” you will also have another couple of options.
You should enter your form name into the “Ad Tracking” field. This gives you the ability to track where your subscribers originally came from. It can be a handy feature.
You also have the opportunity to select which message your new subscriber should start on. You might choose to do this if you were for example designing a form for a specific landing page on your site, for whom subscribers would not find your first follow up page relevant.
And finally, you can request that AWeber passes on form data to your thank you page. This is so that you can display custom messages, featuring the subscriber’s data (like, “Thanks for signing up, Jimmy!”).
Save your web form, and proceed to the final stage of form design – getting your dirty mitts on the code, and pasting it into your WordPress blog.
Publishing Your Sign Up Form
Click on “Publish” and you will be presented with three options:
Options 2 and 3 are pretty self-explanatory and require little further work. If your web designer is handling the installation of your form, you just need to click the second option and follow the instructions. If you wish for AWeber to host your form so that you can link to it, you need to select option 3. However, I do not recommend that. You do not want prospective customers to have to click on a link on your site, which then takes them to another page where they can sign up. Keep the process simple for them – have the form on your site.
So we’re now just down to option 1 – “I Will Install My Form”. Go ahead and click on that option. You will be presented with two new options:
Either way, you will now have some code that you need to transfer onto your WordPress blog.
You will typically want to put your form in one of three places:
- Your main content
- Your sidebar
- Your footer
All three options are easy.
How To Insert A Web Form Into Your Content
All you need to do is head over to the page or post that you wish to enter the form into on your WordPress dashboard. You will be presented with the familiar WordPress text editor. At the top right of it, you will notice two tabs:
Go ahead and click on “HTML”. This will present you with the “guts” of your content. If you are not particularly savvy with HTML, do not fear. All you need to do is take the code you copied from AWeber, and paste it into the part of the page on which you want the form to appear. It’s that simple.
How To Insert A Web Form Into Your Sidebar Or Footer
Click on “Appearance” in your WordPress dashboard’s sidebar, then “Widgets”.
You will now be presented with a list of available widgets, and boxes in which you can place said widgets. We are going to need to use the “Text” widget. All you need to do is drag it into the Widget box that represents your sidebar or your footer (depending on which one you want to install the form into).
Then all you need to do is simply paste the code you copied from AWeber into the main text box of the widget, and the form will display in your sidebar!
And That’s It!
You can now install forms all across your WordPress blog! If you are going to do that, consider creating different forms for different pages. They do not have to be different designs, but it can be very handy to see where people are signing up, and that can be done by setting up separate forms.