15 {{ upvoteCount | shortNum }}
15 {{ upvoteCount | shortNum }}

How can I edit this Raw HTML to be used with Aweber

by tortoiserun
12 replies
I have a form with custom CSS and a custom graphic set, but I can't get it working with AWEBER. I have received multiple errors when I submit the form. I have tried my best to edit it, but no luck. Any help would be much appreciated.




<form action="" method='POST'>

<table class="longoptin" style="height: 40px;" cellpadding="0" cellspacing="15" align="center">
<tbody>
<tr valign="middle">
<td style="width: 220px;"><img alt="as" src="images/as2.png" height="38" width="250"></td>
<td style="width: 270px;">

<input class="style15" name="email" id="Contact0Email" style="width: 90%; height: 35px;text-align:center;" onClick="this.value='';" value="Enter Your Email Address Here" ></td>
<td><input type="image" alt="gff" src="images/gtt.gif" height="40" width="199" name="submit" > </td></tr></tbody></table> </form>
#aweber #edit #html #raw
  • Profile picture of the author joseph7384
    [DELETED]
    {{ DiscussionBoard.errors[7362623].message }}
    • Profile picture of the author tortoiserun
      Thank you for responding. I am just using a .htm file from my desktop before I launch the live product. I haven't uploaded it online yet. This is just a snippet of the form code and the .css isn't included. I was wondering if by looking at just the form part could you determine what values I needed to plug in to make it compatible.
      {{ DiscussionBoard.errors[7362644].message }}
  • Profile picture of the author joseph7384
    [DELETED]
    {{ DiscussionBoard.errors[7362710].message }}
    • Profile picture of the author Fredbou
      As Joseph says, the images are missing. You have either not uploaded them or the image links are incorrect.

      You also have the action missing: <form action="" method='POST'> , but perhaps you left that out for this forum.
      Signature

      {{ DiscussionBoard.errors[7362969].message }}
      • Profile picture of the author tortoiserun
        Thank you every for your reply. I know the images are missing. They are on my desktop. I haven't uploaded this to the internet yet. I am not concerned about the images I am concerned at making this form compatible with Aweber. I need to edit the form to include things like:

        <form method="post" action="http://www.aweber.com/scripts/addlead.pl">

        but so far have been unsuccessful. With what you see in my short coding, is there a way to fill in the blanks to make this compatible, images and css aside.
        {{ DiscussionBoard.errors[7362990].message }}
  • Profile picture of the author InternationalWidget
    I've got a good idea! Outsource it to someone on Fiverr.com for $5. Save your time and sanity. Probably the best $5 you'll ever spend. Worst case, try another outsourcing website. It might cost a few dollars more, but totally worth it. Save your time for stuff only you can do, there' a ton of programmers out there who can fix little things like this for a few dollars.
    {{ DiscussionBoard.errors[7363004].message }}
    • Profile picture of the author Fredbou
      The first line of the form must be set to:

      <form method="post" action="http://www.aweber.com/scripts/addlead.pl">

      If you haven't already done so, use the Aweber Form Help:

      https://help.aweber.com/entries/2162...-to-my-website

      https://help.aweber.com/entries/2177...se-my-own-form
      Signature

      {{ DiscussionBoard.errors[7363116].message }}
    • Profile picture of the author Fredbou
      Or do what International Widget suggests!
      Signature

      {{ DiscussionBoard.errors[7363150].message }}
    • Profile picture of the author AndrewStark
      Originally Posted by InternationalWidget View Post

      I've got a good idea! Outsource it to someone on Fiverr.com for $5. Save your time and sanity. Probably the best $5 you'll ever spend. Worst case, try another outsourcing website. It might cost a few dollars more, but totally worth it. Save your time for stuff only you can do, there' a ton of programmers out there who can fix little things like this for a few dollars.
      Brilliant advice, when doing custom forms you need to strip out all of the aweber css crap and just work on the bits between the <form> tags.
      {{ DiscussionBoard.errors[7363742].message }}
  • Profile picture of the author WillR
    This is a tutorial I wrote for my own members for this same task.

    I hope the mods are ok with me sharing this here for the sake of teaching others how to do it.

    How to Integrate Aweber Code Into ANY Form:

    1. Change the form post action to the following:

    <form method="post" action="http://www.aweber.com/scripts/addlead.pl">

    You will find this form post action in your autoresponder code.

    2. Include all the hidden input fields from your Aweber code. They look like this:

    <input type="hidden" name="listname" value="listname" />
    <input type="hidden" name="meta_split_id" value="" />
    <input type="hidden" name="redirect" value="http://www.mywebsite.com/confirm.html" />
    <input type="hidden" name="meta_redirect_onlist" value="http://www.mywebsite.com/download.html" />
    <input type="hidden" name="meta_adtracking" value="" />
    <input type="hidden" name="meta_message" value="1" />
    <input type="hidden" name="meta_required" value="email" />

    You may have more or less of these. From your autoresponder code they are all the lines that start with <input type="hidden"

    3. Make sure your text boxes input names match the ones from your autoresponder code. In the example below this box is used to collect the email address so the name of this input field must match the same field name from your autoresponder code.

    <input name="email" type="text" class="input">

    Once you add those things, if done correctly, your form will now work with your autoresponder. You don't need any of the styling code, just use the form you already have.

    So an example form working with Aweber might look like this:

    <form method="post" action="http://www.aweber.com/scripts/addlead.pl">
    <input type="hidden" name="listname" value="listname" />
    <input type="hidden" name="meta_split_id" value="" />
    <input type="hidden" name="redirect" value="http://www.mywebsite.com/confirm.html" />
    <input type="hidden" name="meta_redirect_onlist" value="http://www.mywebsite.com/download.html" />
    <input type="hidden" name="meta_adtracking" value="" />
    <input type="hidden" name="meta_message" value="1" />
    <input type="hidden" name="meta_required" value="email" />
    <label>Name:</label>
    <input type="text" name="name" value="" />
    <label>Email:</label>
    <input type="text" name="email" value="" />
    <input type="submit" class="button" value="Submit" />
    </form>
    Signature

    .


    .

    {{ DiscussionBoard.errors[7363178].message }}
    • Profile picture of the author tortoiserun
      Thank you to all of the posters in this thread. I was able to figure it out with your help! Thanks again!
      {{ DiscussionBoard.errors[7363681].message }}
  • Profile picture of the author dengkane
    More simple solution:

    You can send the HTML file to me, and I will help you solve the problem, and for free.

    PM me if you like.
    Signature
    Do You Know the Most Helpful E-books Voted by Many Internet Marketers? Worth $189, FREE TODAY, Click to Download...
    {{ DiscussionBoard.errors[7364478].message }}

Trending Topics