It’s always a good idea to build an email list with any site. I use the Aweber autoresponder service (there are many others) to handle the maintenance of mailing lists and their administration.
Autoresponder services allow you to create email opt-in forms and some, like Aweber, allow you to “skin” your forms (i.e. change how the form looks with various images and colors). Once your opt-in form is created, you simple copy and paste the code your service gives you onto whatever part of your pages you want your opt-in form to appear.
That’s typically somewhere in the sidebar so that the opt-in will appear on every page and post.
This has the effect of concentrating the reader’s attention purely on the form.
The downside is that Lightbox driven forms pop up automatically when someone loads a page. And that can be both distracting and annoying for your reader, especially if you want your form to appear on more than just the site’s home page.
Triggering A Lightbox Form Manually
- On Aweber, select the the email list you want to work with; then click the Sign Up Forms tab.
- Click the Create a Signup Form button.
- On the form creation screen, just below the list of templates you can use, there’s an option called Type. This defaults to In-line. Change it to Lightbox:
- Then finish designing and saving your form.
- Over on your blog, add the Header & Footer plugin and activate it (if you don’t already us it). This makes it much easier to set things up and changes made are independent of the theme used on your blog. So this is a better method than editing theme files directly.
- On your blog, go to Settings -> Header and Footer and paste the code into the Code to be added before the end of the page box on the Page head and footer tab.
- Now save the changes.
- The last part is to add a button or text wherever you want on your site – something like this line of HTML:
- You can change the Subscribe to my Email Newsletter text to whatever you want or replace it with an image for a button.
- Save you change and test. When you click the link, your Lightbox optin form should appear.
Credit for this trick goes to Marc Kline.
Filed under: Building WordPress Blogs