Horizontal Aweber forms?

by 7 replies
12
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?
#main internet marketing discussion forum #aweber #forms #horizontal
  • Justin Brooke Is The Kimbo Slice of Business, Horizontal Opt-in Forms Using Aweber
    • [1] reply
    • thanks...but i want more than just the email input. is that possible?
  • That was just the first result of a google search -- bet if you dig around you'll find something.
    • [1] reply
    • 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:

      • [ 6 ] Thanks
  • Banned
    [DELETED]
  • 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".
    • [1] reply
    • 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 ?
  • 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.
Join the discussion

Next Topics on Trending Feed

  • 12

    Horizontal Aweber forms?

    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?