Need basic html coding help! [SOLVED]

13 replies
  • WEB DESIGN
  • |
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.
#basic #coding #html
  • Profile picture of the author dsimie
    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.
    {{ DiscussionBoard.errors[6876513].message }}
  • Profile picture of the author tarif
    You can add the following code to integrate aweber form into the form code you have provided. please DO NOT JUST COPY AND PASTE IT.

    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>
    {{ DiscussionBoard.errors[6877178].message }}
    • Profile picture of the author amrikvirdi
      Originally Posted by tarif View Post

      You can add the following code to integrate aweber form into the form code you have provided. please DO NOT JUST COPY AND PASTE IT.

      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>
      Tons of thanks brother. Thanks again!
      Signature
      {{ DiscussionBoard.errors[6880705].message }}
      • Profile picture of the author amrikvirdi
        @tarif Let me try if I get stuck somewhere middle of the code. I will get back to you.
        Signature
        {{ DiscussionBoard.errors[6880711].message }}
  • Profile picture of the author amrikvirdi
    @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
    Signature
    {{ DiscussionBoard.errors[6881220].message }}
    • Profile picture of the author tarif
      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
      {{ DiscussionBoard.errors[6881379].message }}
      • Profile picture of the author amrikvirdi
        Originally Posted by tarif View Post

        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
        I am unable to PM you. Need 50 post or more to use PM system. I don't have 50 posts.

        Hi,
        Here the url of the html landing page. I want to configure aweber in this page.
        Stitched - Landing Page

        Here is the default 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>
        Here what you have sent me:
        <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>
        I have implemented as per your instructions through this thread: http://www.warriorforum.com/website-...ml#post6877178

        When I replace the default code with your. I am getting blank white space.
        Signature
        {{ DiscussionBoard.errors[6881590].message }}
  • Profile picture of the author tarif
    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?
    {{ DiscussionBoard.errors[6882294].message }}
    • Profile picture of the author amrikvirdi
      Originally Posted by tarif View Post

      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?

      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 --> 
      Signature
      {{ DiscussionBoard.errors[6884608].message }}
  • Profile picture of the author amrikvirdi
    Still looking for help!
    Signature
    {{ DiscussionBoard.errors[6888333].message }}
    • Profile picture of the author tarif
      Originally Posted by amrikvirdi View Post

      Still looking for help!
      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.
      {{ DiscussionBoard.errors[6890663].message }}
  • Profile picture of the author amrikvirdi
    Worked like charm. Thank you very much.
    Signature
    {{ DiscussionBoard.errors[6890998].message }}

Trending Topics