12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Horizontal Aweber forms?

by IsGabeW
7 replies
I need an Aweber horizontal form...I didnt see such a template. So I have been trying to work with the raw HTML code. But their code is quite confusing. Anyone have any suggestions or tips?
#aweber #forms #horizontal
  • Profile picture of the author stma
    Justin Brooke Is The Kimbo Slice of Business, Horizontal Opt-in Forms Using Aweber
    {{ DiscussionBoard.errors[3281658].message }}
    • Profile picture of the author IsGabeW
      thanks...but i want more than just the email input. is that possible?
      {{ DiscussionBoard.errors[3281712].message }}
  • Profile picture of the author stma
    That was just the first result of a google search -- bet if you dig around you'll find something.
    {{ DiscussionBoard.errors[3281759].message }}
    • Profile picture of the author IsGabeW
      Surprisingly I did not find much on this in Google...but i was able to play with that code to get what I wanted. The Aweber code was VERY difficult to understand and use.

      Here is my modified code if anyone ever searches for this topic:

      <form method="post" action="http://www.aweber.com/scripts/addlead.pl" target="_new">
      <input name="meta_web_form_id" value="YOUR10Digit#" type="hidden"><input name="meta_split_id" value="" type="hidden">
      <input name="unit" value="CAMPAIGN-NAMEHERE" type="hidden"><input name="redirect" value="http://www.YOURSITEHERE.com" type="hidden">
      <input name="meta_adtracking" value="FORMNAME" type="hidden"><input name="meta_message" value="1" type="hidden">
      <input name="meta_required" value="from,name" type="hidden"><input name="meta_forward_vars" value="0" type="hidden">
      <table cellpadding="0" cellspacing="10">
      <tbody>
      <tr>
      </tr>
      <tr>
      <td>Name:</td><td><input name="name" value="" size="20" type="text"></td>
      <td>Email:</td><td><input name="from" value="" size="20" type="text"></td>
      <td>Phone:</td><td><input name="custom Phone" value="" size="20" type="text"></td>
      <td>Website:</td><td><input name="custom website" value="http://" size="20" type="text"></td>
      <td colspan="2" align="center"><input name="submit" value="CONTINUE >>" type="submit"></td>
      </tr>
      </tbody>
      </table>
      </form>
      {{ DiscussionBoard.errors[3281871].message }}
  • Profile picture of the author internetgenius
    I also wanted to create a horizontal opt-in form using AWeber, and since I couldn't find any helpful information in Google, I figured out how to do it myself and posted a video on my YouTube channel to help others trying to do the same thing ...

    Since I can't post the link to the video, you can find it on YouTube by searching for "How to Create a Horizontal AWeber Opt-in Form".
    {{ DiscussionBoard.errors[4485832].message }}
    • Profile picture of the author Soumitra
      Originally Posted by internetgenius View Post

      I also wanted to create a horizontal opt-in form using AWeber, and since I couldn't find any helpful information in Google, I figured out how to do it myself and posted a video on my YouTube channel to help others trying to do the same thing ...

      Since I can't post the link to the video, you can find it on YouTube by searching for "How to Create a Horizontal AWeber Opt-in Form".
      I saw & followed your youtube video at least 20 times.

      But still I am not getting what I wanted to get.:confused:

      I will just list down here what I have done :-

      1. Created aweber form

      2. In the header , I have entered a seperate URL for image

      3. Uploaded the form code on page.

      4. Then I pasted the code supplied by you on appearance ---> editor section.

      5. Still I am getting the vertical form only not the horizontal form.

      Is something wrong I am doing ?

      Can you tell me exactly where I should paste the CSS code , I mean on editor --- Where exactly ?
      Signature
      {{ DiscussionBoard.errors[4793826].message }}
  • Profile picture of the author Schurpf
    The following CSS should do the trick:
    Code:
    .af-form, .af-form .quirksMode{
    width: 100%;
}

.af-body{
    min-height: 50px;
}

.af-element{
    float: left;
    width: 28%;
        min-height: 50px;
}

.buttonContainer{
    float:right;
}
    I have also developed this code into a WordPress plugin called Aweber Simple Integration. It allows you to easily add your Aweber forms at the end of each post and change its styling.
    {{ DiscussionBoard.errors[7218871].message }}

Trending Topics