Problem showing my Aweber opt in form

4 replies
I currently have a problem showing my opt in form on my blog and I am pretty sure that it is something to do with the template I am using. Due to the sidebar width on my template my opt in box will not fit in correctly.
The Aweber code I am using is as follows.

<center><form method="post" action="http://www.aweber.com/scripts/addlead.pl">
<input type="hidden" name="meta_web_form_id" value="336093522">
<input type="hidden" name="meta_split_id" value="">
<input type="hidden" name="unit" value="buildmuscle13">
<input type="hidden" name="redirect" value="http://www.aweber.com/form/thankyou_vo.html" id="redirect_e7b8b65641f0f5f49d2957a25efa373c">
<input type="hidden" name="meta_redirect_onlist" value="">
<input type="hidden" name="meta_adtracking" value="">
<input type="hidden" name="meta_message" value="1">
<input type="hidden" name="meta_required" value="from">
<input type="hidden" name="meta_forward_vars" value="0">
<table>
<tr><td colspan=2><center><DIV>For Your Free Bonus Just Enter Your Details Below</DIV></center></td></tr>
<tr><td>Name:</td><td><input type="text" name="name" value="" size="20"></td></tr>
<tr><td>Email:</td><td><input type="text" name="from" value="" size="20"></td></tr>
<tr><td colspan=2><center><DIV>I Hate Spam </DIV>
<DIV>So I will&nbsp;NEVER pass your details on to anybody else.</DIV></center></td></tr>
<tr><td align="center" colspan="2"><input type="submit" name="submit" value="Submit"></td></tr>
</table>
</form>

<img src="http://forms.aweber.com/form/displays.htm?id=zMxsDJzMrExM" border="0" />
</center>

Am I able to edit this code to make the opt in box smaller or is there a way that I can edit the template to make the sidebar wider.

The site can be accessed in the signature box and it is Build Muscle Strength.

Regards

Kim
#aweber #form #opt #problem #showing
  • Profile picture of the author Mike Hill
    If I were you I would create a squeeze page outside of your Blog and put it on an HTML page. Then have a graphic image in the sidebar of your blog. This has produced a lot more signups for me when I tested this.

    The biggest reason I can see is when people go to the squeeze page there attention is on the offer at hand. On your blog they can become distracted with all the different links to articles, pages, etc...

    Mike Hill
    {{ DiscussionBoard.errors[692742].message }}
  • Profile picture of the author Josh Gould
    Looking at the way the theme was designed, making the sidebar larger will required editing this background file: /wp-content/themes/Body Building 1/images/main_conten_bottom.jpg (this can be done in an application like Photoshop, GIMP, etc.).

    And then editing the width of the class ".sidebar" as well as ".main_content" in "style.css" (this can be done in the Wordpress Dashboard) to fit the new width (after editing the image above).

    Personally that's what I'd recommend, that way your opt-in box will look... better. Less "scrunched" together.

    If you want to edit the size of the form, start by putting this code at the very end of "style.css":

    Code:
    .optfix {
        width: 120px;
        text-align: center;
    }
    And now use this form code:

    Code:
    <form method="post" action="hxxp://w3.aweber.com/scripts/addlead.pl">
        <input type="hidden" name="meta_web_form_id" value="336093522">
        <input type="hidden" name="meta_split_id" value="">
        <input type="hidden" name="unit" value="buildmuscle13">
        <input type="hidden" name="redirect" value="hxxp://w3.aweber.com/form/thankyou_vo.html" id="redirect_e7b8b65641f0f5f49d2957a25efa373c">
        <input type="hidden" name="meta_redirect_onlist" value="">
        <input type="hidden" name="meta_adtracking" value="">
        <input type="hidden" name="meta_message" value="1">
        <input type="hidden" name="meta_required" value="from">
        <input type="hidden" name="meta_forward_vars" value="0">
        <p class="optfix">For Your Free Bonus Just Enter Your Details Below!</p>
        <p class="optfix">Name: <input type="text" name="name" value="" size="9"></p>
        <p class="optfix">Email: <input type="text" name="from" value="" size="9"></p>
        <p class="optfix">I hate spam so I will NEVER pass your details on to anybody else.</p>
        <p class="optfix"><input style="width: 134px;" type="submit" name="submit" value="Submit"></p>
    </form>


    Note:
    You'll have to change "hxxp://w3" to "http ://www" (without the space) twice in the form code above. I kept getting the message: "To be able to post links or images your post count must be 15 or greater. You currently have 2 posts" lol. Good for blocking spam... not so much for legit posters :p

    That should work.

    Personally I agree with Mike; external squeeze pages have always worked best for me too.

    Anyway, I hope that helped.
    {{ DiscussionBoard.errors[692808].message }}
    • Profile picture of the author wbnetwork
      Aweber has a great support staff. You can just call and they will walk you through the problem. I use Get Response and Aweber, and I prefer Aweber's support staff.
      Signature

      Anthony Busciglio

      {{ DiscussionBoard.errors[692873].message }}
    • Profile picture of the author kimkitch
      Originally Posted by Josh Gould View Post

      Looking at the way the theme was designed, making the sidebar larger will required editing this background file: /wp-content/themes/Body Building 1/images/main_conten_bottom.jpg (this can be done in an application like Photoshop, GIMP, etc.).

      And then editing the width of the class ".sidebar" as well as ".main_content" in "style.css" (this can be done in the Wordpress Dashboard) to fit the new width (after editing the image above).

      Personally that's what I'd recommend, that way your opt-in box will look... better. Less "scrunched" together.

      If you want to edit the size of the form, start by putting this code at the very end of "style.css":

      Code:
      .optfix {
          width: 120px;
          text-align: center;
      }
      And now use this form code:

      Code:
      <form method="post" action="hxxp://w3.aweber.com/scripts/addlead.pl">
          <input type="hidden" name="meta_web_form_id" value="336093522">
          <input type="hidden" name="meta_split_id" value="">
          <input type="hidden" name="unit" value="buildmuscle13">
          <input type="hidden" name="redirect" value="hxxp://w3.aweber.com/form/thankyou_vo.html" id="redirect_e7b8b65641f0f5f49d2957a25efa373c">
          <input type="hidden" name="meta_redirect_onlist" value="">
          <input type="hidden" name="meta_adtracking" value="">
          <input type="hidden" name="meta_message" value="1">
          <input type="hidden" name="meta_required" value="from">
          <input type="hidden" name="meta_forward_vars" value="0">
          <p class="optfix">For Your Free Bonus Just Enter Your Details Below!</p>
          <p class="optfix">Name: <input type="text" name="name" value="" size="9"></p>
          <p class="optfix">Email: <input type="text" name="from" value="" size="9"></p>
          <p class="optfix">I hate spam so I will NEVER pass your details on to anybody else.</p>
          <p class="optfix"><input style="width: 134px;" type="submit" name="submit" value="Submit"></p>
      </form>


      Note:
      You'll have to change "hxxp://w3" to "http ://www" (without the space) twice in the form code above. I kept getting the message: "To be able to post links or images your post count must be 15 or greater. You currently have 2 posts" lol. Good for blocking spam... not so much for legit posters :p

      That should work.

      Personally I agree with Mike; external squeeze pages have always worked best for me too.

      Anyway, I hope that helped.
      Thanks Josh

      The info you gave me worked great.
      Being new to all this, it is great to have fantastic people like yourself to help us out.

      Regards

      Kim
      {{ DiscussionBoard.errors[694493].message }}

Trending Topics