Need basic html coding help! [SOLVED]

14 years ago

PM me, I will help you...

Thanks

Signature

Get OnlineBiz Lead Gen WP Theme for $4 & Choose another from our entire theme gallery ( 138 themes )!
Download Free WordPress Themes - Designed With Love By Sabbir H

{{ DiscussionBoard.errors[6875344].message }}

dsimie

14 years ago

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.

Thanks

Signature

http://www.bestseowebdirectory.com
http://www.seoptimizationtools.com

{{ DiscussionBoard.errors[6876513].message }}

tarif

14 years ago

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>

[ 1 ] Thanks
1 reply

{{ DiscussionBoard.errors[6877178].message }}

amrikvirdi

14 years ago

Originally Posted by 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>

Tons of thanks brother. Thanks again!

Thanks
1 reply

Signature

Blogging For Money

{{ DiscussionBoard.errors[6880705].message }}

amrikvirdi 14 years ago

@tarif Let me try if I get stuck somewhere middle of the code. I will get back to you.
- Thanks
Signature

Blogging For Money
{{ DiscussionBoard.errors[6880711].message }}

amrikvirdi

14 years ago

@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

Thanks
1 reply

Signature

Blogging For Money

{{ DiscussionBoard.errors[6881220].message }}

tarif 14 years ago

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
- Thanks
- 1 reply
{{ DiscussionBoard.errors[6881379].message }}
- amrikvirdi 14 years ago
  
  Originally Posted by 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
  
  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.
  
  Thanks
  
  Signature
  
  Blogging For Money
  
  {{ DiscussionBoard.errors[6881590].message }}

tarif

14 years ago

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?

Thanks
1 reply

{{ DiscussionBoard.errors[6882294].message }}

amrikvirdi

14 years ago

Originally Posted by 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?

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 -->

Thanks

Signature

Blogging For Money

{{ DiscussionBoard.errors[6884608].message }}

amrikvirdi

14 years ago

Still looking for help!

Thanks
1 reply

Signature

Blogging For Money

{{ DiscussionBoard.errors[6888333].message }}

tarif

14 years ago

Originally Posted by amrikvirdi

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.