5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

HELP: Setting up Autoresponder with Premade Form

by Neph
4 replies
Hey guys, as you can see I'm completely new to warriorforum although I've lurked around for quite some time but never quite made my first step into posting.

I am a complete noob when it comes to HTML!

I am using Aweber and have the raw HTML code for the auto responder and need help setting that up with my premade form

Here is the code for the autoresponder

Code:
<!-- AWeber Web Form Generator 3.0 -->
<style type="text/css">
#af-form-1602255849 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-1602255849 .af-body .privacyPolicy{color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1602255849 .af-body a{color:#094C80;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-1602255849 .af-body input.text, #af-form-1602255849 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1602255849 .af-body input.text:focus, #af-form-1602255849 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1602255849 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#D54E21;text-decoration:none;font-style:normal;font-weight:bold;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1602255849 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:center;background-image:url("http://forms.aweber.com/images/forms/corpo/body.png");color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1602255849 .af-footer{padding-bottom:1px;padding-top:1px;padding-right:15px;padding-left:15px;background-color:transparent;background-repeat:no-repeat;background-position:bottom center;background-image:url("http://forms.aweber.com/images/forms/corpo/footer.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#000000;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1602255849 .af-header{padding-bottom:9px;padding-top:9px;padding-right:10px;padding-left:10px;background-color:#F0F0F0;background-repeat:no-repeat;background-position:top center;background-image:url("http://forms.aweber.com/images/forms/corpo/header.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#FFFFFF;font-size:16px;font-family:Verdana, sans-serif;}
#af-form-1602255849 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1602255849 .af-quirksMode{padding-right:70px;padding-left:70px;}
#af-form-1602255849 .af-standards .af-element{padding-right:70px;padding-left:70px;}
#af-form-1602255849 .bodyText p{margin:1em 0;}
#af-form-1602255849 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/000.png");background-position:top left;background-repeat:repeat-x;background-color:#000000;border:1px solid #000000;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-1602255849 .buttonContainer input.submit{width:auto;}
#af-form-1602255849 .buttonContainer{text-align:right;}
#af-form-1602255849 body,#af-form-1602255849 dl,#af-form-1602255849 dt,#af-form-1602255849 dd,#af-form-1602255849 h1,#af-form-1602255849 h2,#af-form-1602255849 h3,#af-form-1602255849 h4,#af-form-1602255849 h5,#af-form-1602255849 h6,#af-form-1602255849 pre,#af-form-1602255849 code,#af-form-1602255849 fieldset,#af-form-1602255849 legend,#af-form-1602255849 blockquote,#af-form-1602255849 th,#af-form-1602255849 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-1602255849 button,#af-form-1602255849 input,#af-form-1602255849 submit,#af-form-1602255849 textarea,#af-form-1602255849 select,#af-form-1602255849 label,#af-form-1602255849 optgroup,#af-form-1602255849 option{float:none;position:static;margin:0;}
#af-form-1602255849 div{margin:0;}
#af-form-1602255849 fieldset{border:0;}
#af-form-1602255849 form,#af-form-1602255849 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1602255849 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1602255849 input,#af-form-1602255849 button,#af-form-1602255849 textarea,#af-form-1602255849 select{font-size:100%;}
#af-form-1602255849 p{color:inherit;}
#af-form-1602255849 select,#af-form-1602255849 label,#af-form-1602255849 optgroup,#af-form-1602255849 option{padding:0;}
#af-form-1602255849 table{border-collapse:collapse;border-spacing:0;}
#af-form-1602255849 ul,#af-form-1602255849 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1602255849,#af-form-1602255849 .quirksMode{width:318px;}
#af-form-1602255849.af-quirksMode{overflow-x:hidden;}
#af-form-1602255849{background-color:#F0F0F0;border-color:#CFCFCF;border-width:1px;border-style:solid;}
#af-form-1602255849{display:block;}
#af-form-1602255849{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-header,.af-footer{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}
</style>
<form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"  >
<div style="display: none;">
<input type="hidden" name="meta_web_form_id" value="1602255849" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="gsavage" />
<input type="hidden" name="redirect" value="http://globalmatrixmedia.go2jump.org/aff_c?offer_id=6213&aff_id=12729" id="redirect_9eafe87a129ae7b84339124efd488a0a" />

<input type="hidden" name="meta_adtracking" value="My_Web_Form" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="name,email" />

<input type="hidden" name="meta_tooltip" value="" />
</div>
<div id="af-form-1602255849" class="af-form"><div id="af-header-1602255849" class="af-header"><div class="bodyText"><p>&nbsp;</p></div></div>
<div id="af-body-1602255849"  class="af-body af-standards">
<div class="af-element">
<label class="previewLabel" for="awf_field-57959512">Name: </label>
<div class="af-textWrap">
<input id="awf_field-57959512" type="text" name="name" class="text" value=""  tabindex="500" />
</div>
<div class="af-clear"></div></div>
<div class="af-element">
<label class="previewLabel" for="awf_field-57959513">Email: </label>
<div class="af-textWrap"><input class="text" id="awf_field-57959513" type="text" name="email" value="" tabindex="501"  />
</div><div class="af-clear"></div>
</div>
<div class="af-element buttonContainer">
<input name="submit" class="submit" type="submit" value="Submit" tabindex="502" />
<div class="af-clear"></div>
</div>
<div class="af-element privacyPolicy" style="text-align: center"><p>We respect your <a title="Privacy Policy" href="http://www.aweber.com/permission.htm" target="_blank">email privacy</a></p>
<div class="af-clear"></div>
</div>
<div class="af-element poweredBy" style="text-align: center; font-size: 9px;"><p><a href="http://www.aweber.com" title="Email Marketing">Email Marketing</a> by AWeber</p>
<div class="af-clear"></div>
</div>
</div>
<div id="af-footer-1602255849" class="af-footer"><div class="bodyText"><p>&nbsp;</p></div></div>
</div>
<div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=jGwMTEysrBwsnA==" alt="" /></div>
</form>
<script type="text/javascript">
    <!--
    (function() {
        var IE = /*@cc_on!@*/false;
        if (!IE) { return; }
        if (document.compatMode && document.compatMode == 'BackCompat') {
            if (document.getElementById("af-form-1602255849")) {
                document.getElementById("af-form-1602255849").className = 'af-form af-quirksMode';
            }
            if (document.getElementById("af-body-1602255849")) {
                document.getElementById("af-body-1602255849").className = "af-body inline af-quirksMode";
            }
            if (document.getElementById("af-header-1602255849")) {
                document.getElementById("af-header-1602255849").className = "af-header af-quirksMode";
            }
            if (document.getElementById("af-footer-1602255849")) {
                document.getElementById("af-footer-1602255849").className = "af-footer af-quirksMode";
            }
        }
    })();
    -->
</script>

<!-- /AWeber Web Form Generator 3.0 -->
Now the code for the premade form on my site

Code:
<td align="center" height="70"><input id="myemail" name="email" value="Enter Your Best Email Here" onclick="if(this.value=='Enter Your Best Email Here')this.value='';" onfocus="if(this.value=='Enter Your Best Email Here'){this.value='';};return false;" onblur="if (this.value==''){this.value='Enter Your Best Email Here';return false;}" type="text" /></td></tr>
<tr>
<td align="center"><input name="submit" value="Get Instant Access Now!" class="submit-btn" type="submit" /></td></tr></tbody></table></form>
Help of any kind is much appreciated!
#autoresponder #form #premade #setting
  • Profile picture of the author KyleMallory
    Do you mean you're trying to integrate the form already on your website with the Aweber form code? If yes, that's not how it works.

    The Aweber form builder gives you the only code to make the form appear on the page. You use the form builder to make the form, however you want it to look, you make and edit it there. Then it'll give you the html code like posted and you copy/paste that code where you want the form to appear on the page.
    Signature

    __________
    |
    \_________O(--)O_________/
    {{ DiscussionBoard.errors[8914985].message }}
  • Profile picture of the author Neph
    Well, I dont want to use Awebers form at all but I also dont know how to get the code to my autoresponder without going through their form setup.. which is why i have that whole chunk of code that includes their form design.

    My website is http://yourcaloriewatch.com

    I want it just how i have it set up without integrating my autoresponders form. Which comes with the code I get.
    {{ DiscussionBoard.errors[8915028].message }}
  • Profile picture of the author Istvan Horvath
    1. You are wrong about the proper code in your (ugly) pre-made form.
    Take a second look: a form always starts with
    <form>
    and ends with
    </form>

    2. Get rid of everything in the aweber code that is not important:
    - go back and select to give you the raw WITHOUT the beautiful style... (checkbox)
    - then look at the aweber code and find the opening and closing <form></form> tags
    - compare the 2 codes
    - copy line by line the relevant fields/tags - all the input lines; the invisible pixel image for tracking and the javascript etc.

    hint: the zillions divs are for formatting, you don't need them
    hint 2: the "form" in your page practically is useless... it is NOT a form yet! it's just a design...empty tables that will do nothing

    Or just pay somebody on fiverr to do it
    Signature

    {{ DiscussionBoard.errors[8915107].message }}
    • Profile picture of the author Neph
      Originally Posted by Istvan Horvath View Post

      1. You are wrong about the proper code in your (ugly) pre-made form.
      Take a second look: a form always starts with
      <form>
      and ends with
      </form>

      2. Get rid of everything in the aweber code that is not important:
      - go back and select to give you the raw WITHOUT the beautiful style... (checkbox)
      - then look at the aweber code and find the opening and closing <form></form> tags
      - compare the 2 codes
      - copy line by line the relevant fields/tags - all the input lines; the invisible pixel image for tracking and the javascript etc.

      hint: the zillions divs are for formatting, you don't need them
      hint 2: the "form" in your page practically is useless... it is NOT a form yet! it's just a design...empty tables that will do nothing

      Or just pay somebody on fiverr to do it
      Thanks for the great info! I could pay someone to do it but I am trying to learn so I will be able to keep doing this on my own in the future.
      {{ DiscussionBoard.errors[8915125].message }}

Trending Topics