Need basic html coding help! [SOLVED]

by 13 replies
15
Hello guys,

I am actually customizing my wordpress theme.

I found a raw code for email subscription form. But I am unable to integrate aweber form in it.

I will be very helpful if anyone can fix this.

I want to add aweber to this form.

Code:
<div class="subscribe">
                <form action="" method="post" id="subscribeForm" novalidate="novalidate" _lpchecked="1">
                    <input type="text" id="cemail" name="email" onfocus="if (this.value == 'Enter email here.') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter email here.';}" value="Enter email here." class="required email">
                    <button type="submit">Submit</button>
                    <div class="clear"></div>
                    <span class="errorMessage"></span>
                </form>
                <div class="sent" style="display: none; "></div>
            </div>
Please send me the whole code so I can just replace with the current one.

Thanks in advance.
#website design #basic #coding #html
  • PM me, I will help you...
  • Download the widget from the url http://diythemes.com/thesis/add-email-signup-wordpress/ and install. Then copy the aweber code and paste into the widget. Afterthat you can visible it in sidebar.

    All the instructions are there in the url i gave.
  • You can add the following code to integrate aweber form into the form code you have provided. please

    You must follow a few steps before you integrate this code.

    * Go to your aweber account
    * Create a web WEB FORM with only email field.
    * Save and go to the last step "publish"
    * Under "I will install my form" click on "Raw HTML version"

    You will see your opt in form raw code. Please copy "af-form-wrapper" "meta_web_form_id" "listname" "meta_split_id" "redirect" "meta_adtracking" values form that form and replace with this form.

    And you are done. Use it wherever you want. The form should work fine.

    Code:
    <div class="subscribe">
<form method="post" class="af-form-wrapper" action="YOUR AWEBER ACTION FORM URL"  >
<div style="display: none;">
<input type="hidden" name="meta_web_form_id" value="YOUR WEB FORM ID" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="YOUR LIST NAME" />
<input type="hidden" name="redirect" value="YOUR REDIRECTION URL" />

<input type="hidden" name="meta_adtracking" value="YOUR WEB FORM NAME" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="email" />

<input type="hidden" name="meta_tooltip" value="" />
<input type="text" id="cemail" name="email" onfocus="if (this.value == 'Enter email here.') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter email here.';}" value="Enter email here." class="required email">
                    <button type="submit">Submit</button>
                    <div class="clear"></div>
                    <span class="errorMessage"></span>
                </form>
                <div class="sent" style="display: none; "></div>
            </div>
            </div>
    • [ 1 ] Thanks
    • [1] reply
    • Tons of thanks brother. Thanks again!
      • [1] reply
  • @tarif I am getting a error while doing this. Whenever I am trying to replace the code I am getting blank white space.

    here the link of the landing page. Scroll down the page for th form. http://webcreations907.com/preview/stitched/index.html
    • [1] reply
    • Sorry brother I was busy whole day, I could not catch up with you. Can you please PM me the replaced code you have prepared? Thanks
      • [1] reply
  • No, I meant I need the code after you put your aweber detail on the code format I have provided you or you can simply do one thing.

    * Login to your aweber account
    * Create a new web form with one field "email" only
    * Save and publish the web form
    * And then supply me the "Raw HTML version" code

    I will replace them with my form and prepare a final form for you, so you can just copy and paste it. Did you get my point?
    • [1] reply

    • Here is the Raw HTML Version:
      PHP Code:
      <!-- AWeber Web Form Generator 3.0 -->
      <      style type="text/css">
      #af-form-950346254 .af-body .af-textWrap{width:70%;display:block;float:right;}
      #af-form-950346254 .af-body input.text, #af-form-950346254 .af-body textarea{background-color:#FFFFFF;border-color:#CCCCCC;border-width:2px;border-style:inset;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
      #af-form-950346254 .af-body input.text:focus, #af-form-950346254 .af-body textarea:focus{background-color:inherit;border-color:#CCCCCC;border-width:2px;border-style:inset;}
      #af-form-950346254 .af-body label.previewLabel{display:block;float:left;width:25%;text-align:left;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
      #af-form-950346254 .af-body{padding-bottom:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:12px;font-family:, serif;}
      #af-form-950346254 .af-quirksMode{padding-right:15px;padding-left:15px;}
      #af-form-950346254 .af-standards .af-element{padding-right:15px;padding-left:15px;}
      #af-form-950346254 .buttonContainer input.submit{color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
      #af-form-950346254 .buttonContainer input.submit{width:auto;}
      #af-form-950346254 .buttonContainer{text-align:center;}
      #af-form-950346254 button,#af-form-950346254 input,#af-form-950346254 submit,#af-form-950346254 textarea,#af-form-950346254 select,#af-form-950346254 label,#af-form-950346254 optgroup,#af-form-950346254 option{float:none;position:static;margin:0;}
      #af-form-950346254 div{margin:0;}
      #af-form-950346254 form,#af-form-950346254 textarea,.af-form-wrapper,.af-form-close-button,#af-form-950346254 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
      #af-form-950346254 input,#af-form-950346254 button,#af-form-950346254 textarea,#af-form-950346254 select{font-size:100%;}
      #af-form-950346254 select,#af-form-950346254 label,#af-form-950346254 optgroup,#af-form-950346254 option{padding:0;}
      #af-form-950346254,#af-form-950346254 .quirksMode{width:190px;}
      #af-form-950346254.af-quirksMode{overflow-x:hidden;}
      #af-form-950346254{background-color:transparent;border-color:inherit;border-width:none;border-style:none;}
      #af-form-950346254{display:block;}
      #af-form-950346254{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-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" target="_new" >
      <      div style="display: none;">
      <      input type="hidden" name="meta_web_form_id" value="950346254" />
      <      input type="hidden" name="meta_split_id" value="" />
      <      input type="hidden" name="listname" value="amriklist" />
      <      input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=audio" id="redirect_b6bf8aedea4f7e814d95290fe7e71f40" />

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

      <      input type="hidden" name="meta_tooltip" value="" />
      </      div>
      <      div id="af-form-950346254" class="af-form"><div id="af-body-950346254"  class="af-body af-standards">
      <      div class="af-element">
      <      label class="previewLabel" for="awf_field-39066869">Email: </label>
      <      div class="af-textWrap"><input class="text" id="awf_field-39066869" type="text" name="email" value="" tabindex="500"  />
      </      div><div class="af-clear"></div>
      </      div>
      <      div class="af-element buttonContainer">
      <      input name="submit" class="submit" type="submit" value="Submit" tabindex="501" />
      <      div class="af-clear"></div>
      </      div>
      </      div>
      </      div>
      <      div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=nKwMzCxsTKws" 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-950346254")) {
                            document.getElementById("af-form-950346254").className = 'af-form af-quirksMode';
                  }
                  if (      document.getElementById("af-body-950346254")) {
                            document.getElementById("af-body-950346254").className = "af-body inline af-quirksMode";
                  }
                  if (      document.getElementById("af-header-950346254")) {
                            document.getElementById("af-header-950346254").className = "af-header af-quirksMode";
                  }
                  if (      document.getElementById("af-footer-950346254")) {
                            document.getElementById("af-footer-950346254").className = "af-footer af-quirksMode";
                  }
              }
          })();
          -->
      </script>

      <!-- /AWeber Web Form Generator 3.0 --> 
  • Banned
    [DELETED]
  • Still looking for help!
    • [1] reply
    • Code:
      <div class="subscribe">
<form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"  >
<input type="hidden" name="meta_web_form_id" value="950346254" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="amriklist" />
<input type="hidden" name="redirect"  value="http://www.aweber.com/thankyou-coi.htm?m=audio"  id="redirect_b6bf8aedea4f7e814d95290fe7e71f40" />
<input type="hidden" name="meta_adtracking" value="Landing_Page" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="email" />

<input type="hidden" name="meta_tooltip" value="" />
<input type="text" id="cemail" name="email" onfocus="if (this.value  == 'Enter email here.') {this.value = '';}" onblur="if (this.value ==  '') {this.value = 'Enter email here.';}" value="Enter email here."  class="required email">
                    <button type="submit">Submit</button>
                    <div class="clear"></div>
                    <span class="errorMessage"></span>
                </form>
                <div class="sent" style="display: none; "></div>
            </div>
            </div>
      Replace the exact code with the following:

      Code:
      <div class="subscribe">
                <form action="" method="post" id="subscribeForm" novalidate="novalidate" _lpchecked="1">
                    <input type="text" id="cemail" name="email" onfocus="if (this.value == 'Enter email here.') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter email here.';}" value="Enter email here." class="required email">
                    <button type="submit">Submit</button>
                    <div class="clear"></div>
                    <span class="errorMessage"></span>
                </form>
                <div class="sent" style="display: none; "></div>
            </div>
      You should be okay and the reason it was showing blank as because on the form it was "<div style="display: none;">" -this must be removed.
  • Worked like charm. Thank you very much.
Join the discussion

Next Topics on Trending Feed