How to Create a Landscape Aweber Lightbox Opt-In Form for Your Affiliate Website?

Aweber plays an important role in helping affiliate marketers to build their mailing lists but most of its opt-in form templates are portrait in orientation as they are meant to fit into the website or blog sidebar easily. I’ve been testing the opt-in form lately and realized the lightbox opt-form is more effective than a static inline opt-in form as the former produces double opt in than the latter. However, I prefer a landscape lightbox opt-in form than a portrait layout but there is no such template in Aweber. The only way to do it is to use one of the Aweber default templates and modify it to suit my preference. If you are also interested to create one, here are the steps.

Start with a default Aweber Template

  1. Log into your Aweber account.
  2. If you have many lists then select the list at “Current List” that you want to create the opt-in form.
  3. Click on “Sign Up Forms” tab.
  4. Click on the green “Create A Sign Up Form” button.
  5. Immediately, you will see a default form appear in the editor and we’ll use this form to modify to our desired look and feel.att-aweber-default-optin-form
  6. First, we will delete the unwanted blocks in the form.
  7. Hover on the top part of the form, you will see a red cross appearing on the top right corner of the first block. Click on the “red cross” icon to delete it.
  8. Similarly, delete the email privacy, Aweber branding and footer blocks.att-aweber-default-optin-form-delete-block
  9. Next, at the “Form Type”, increase the width from 314px to 650px and the whole form will now extend horizontally as shown below.att-aweber-default-optin-form-extend-width

Style Your Aweber Opt-in Form

  1. For greater visibility, you can change the label text color to darker color.
  2. You can either click on the “Name” or “Email” block or select “Labels” at the field selection drop down box and its properties will appear.att-aweber-default-optin-form-color-wheel
  3. Click on the color wheel, select a darker color e.g. black and click “OK’ to confirm.
  4. The label texts are now more visible and you can change the font size to 18px if you think they are too big.

Style the Button in Opt-in Form

  1. The existing button is an image so if you want to change its color, you can either use your own image or use Aweber default button.
  2. We’ll try the second option so we’ll delete the button image.
  3. Click on the “Sign Up” button block to show its properties.
  4. Click on the “Advanced” tab and there is a URL appears besides the “Button Image”.
  5. Delete this URL by clicking the little cross beside it and the “Sign Up’ image will be removed and it is now replaced by a default button.att-aweber-default-optin-form-delete-url
  6. To change the text in the button, double click on the button and its editor will appear, change the text “Submit” to “Sign Up Now” and click on the color wheel if you want to change its color.
    att-aweber-default-optin-form-new-button
  7. One done, you can preview the form by clicking on the “Preview” icon above the “Templates” bar.

Add a Background Image to the Opt-in Form

  1. If you find the opt-in form is too plain looking, you can always add a background image for more visual impact.
  2. In this example, we are going to add an image to the left side of the opt-in form.
  3. Select “Body” from the drop-down box and paste the URL of the image besides the “Background Image” box. (Note: You can pre-upload your image to your website or blog image directory and then copy the URL and paste it into the box.)
    att-aweber-default-optin-form-background-image
  4. To prevent the text and entry boxes obscure the background image, they have to move to the right.
  5. Adjust the spacing by increasing the values for left padding & reduce right padding. In this example, the values for padding are left:250px, right:20px, top:30px and bottom:60px. (You must disable the link icon if the values for left & right or top & bottom are different.)
  6. You can also add in some text for benefits of signing your newsletter or call for action if you want to.
  7. Once done, save the form and the final look is as follow.
    att-aweber-default-optin-form-final-look
  8. You can then follow the steps in Aweber to install this new opt-in form to your website.

#####

Although Aweber still has its limit in its editor for creating a stunning lightbox opt-in form in landscape orientation but you can still achieve a professional looking one with a little tweak using background color or images. How did you create your opt-in form? Which layout do you have the most success? Please share it in the comment below.

Be Sociable, Share!
This Site is Created Using Headway Theme
Headway Theme is a Wordpress Theme Editor that allows you to build a customized blog or site quickly without the need for designer. You can shift the elements on your blog or site easily and quickly without tweaking the PHP code. It is ideal tool for affiliate beginner who want to create an unique site but do not wish to involve in too much technicality. If you are interested, please click on the banner on the right to get a copy.
Headway — The Drag & Drop Theme For WordPress

There are no comments yet. Be the first and leave a response!

Leave a Reply

Wanting to leave an <em>phasis on your comment?

Trackback URL http://affiliatethinktank.com/how-to-create-a-landscape-aweber-lightbox-opt-in-form-for-your-affiliate-website/trackback/