I believe I found where the form code would go.
There is one other file that came with the template that is an html file called “form.html.”
It was mostly css, which is why I didn’t consider it before.
Here is the code for that file:
<meta name="lp-popup-form-css" content="
background-color: #0f2c44;
border-color: #0f2c44;
border-width: 1pt;
border-style: solid;
" />
<meta name="lp-popup-form-title-css" content="
font-family: &quot;Open Sans &quot;, Helvetica, Arial, sans-serif;
font-size: 18pt;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 24px;
color:#ffffff;
text-align:center;
" />
<meta name="lp-popup-form-title-html" content="
&lt;div class=&quot;form-header&quot;&gt;&lt;strong&gt;Enter your email address below to reserve your report...it's 100% FREE!
&lt;/div&gt;
" />
<meta name="lp-popup-form-submit-css" content="
background-color: #ffc600;
border-color: #ffc600;
border-width: 1pt;
border-style: solid;
font-family: &quot;Open Sans Condensed&quot;, Helvetica, Arial, sans-serif;
font-size: 22pt;
letter-spacing: 0em;
line-height: 24px;
font-weight: 700;
color: #FDFDFD;
cursor:pointer;
text-decoration:none;
text-align:center;
" />
<meta name="lp-popup-form-submit-html" content="
&lt;div style=&quot;text-align: center&quot;&gt;Download the Report
&nbsp;&nbsp; &raquo;&lt;/div&gt;
" />
<meta name="lp-popup-form-privacy-css" content="
font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 15pt;
margin: 0 auto;
margin-top: 15px;
max-width: 355px;
color:#a4d9ff;
" />
<meta name="lp-popup-form-privacy-html" content="
&lt;div style=&quot;text-align: center&quot;&gt;
Privacy Policy: We hate SPAM and promise to keep your email address safe.
&lt;/div&gt;
" />
With regard to aweber code, aweber is an autoresponder. And when I say “aweber code”, I’m referring to the code for the opt-in box.
I’m not sure which opt-in box to choose in my aweber account to use for this lead page. Any one know?
Just for example purposes, I got the code for the barest opt-in form. No design. Just a field where someone can enter their email address and a submit button (could not delete the submit button).
Here is that code:
<form method="post" class="af-form-wrapper" accept-charset="iso-8859-1" action="https://www.aweber.com/scripts/addlead.pl" >
<div style="display: none;">
<input type="hidden" name="meta_web_form_id" value="XXXXXXXXX" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="mylist" />
<input type="hidden" name="redirect" value="https://www.aweber.com/thankyou-coi.htm?m=video" id="redirect_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" />
<input type="hidden" name="meta_adtracking" value="My_Form" />
<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-XXXXXXXXX" class="af-form"><div id="af-body-XXXXXXXXX" class="af-body af-standards">
<div class="af-element">
<label class="previewLabel" for="awf_field-XXXXXXXX">Email: </label>
<div class="af-textWrap"><input class="text" id="awf_field-XXXXXXXX" type="text" name="email" value="" tabindex="500" onfocus=" if (this.value == '') { this.value = ''; }" onblur="if (this.value == '') { this.value='';} " />
</div><div class="af-clear"></div>
</div>
<div class="af-element buttonContainer">
<input name="submit" id="af-submit-image-XXXXXXXXX" type="image" class="image" style="background: none; max-width: 100%;" alt="Submit Form" src="http://aweber.com/images/forms/plain/buttons/grey.png" tabindex="501" />
<div class="af-clear"></div>
</div>
</div>
</div>
<div style="display: none;"><img src="https://forms.aweber.com/form/displays.htm?id=nExsnEwcnBxs" alt="" /></div>
</form>
However, I found a post on another forum where a girl had the same issue that I have, and she posted this has her form code (it’s much shorter than mine, as you can see):
<form method="post" action="http://www.aweber.com/scripts/addlead.pl">
<div class="row">
<input type="text" name="email" value="Enter Valid Email Here..." class="field" />
<input type="hidden" name="listname" value="awlist0000000" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou.htm?m=default" id="redirect_fxxxxxxxxxxx" />
<input type="hidden" name="meta_adtracking" value="custom form" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_forward_vars" value="1" />
</div>
</form>
<input type="submit" name="" value="" class="submit" />
</div>
That coding was giving her problems.
Here is the code that someone posted that fixed her issue:
<form method="post" action="http://www.aweber.com/scripts/addlead.pl" id="yourform">
<div class="row">
<input type="text" name="email" value="Enter Valid Email Here..." class="field" />
<input type="hidden" name="listname" value="awlist0000000" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou.htm?m=default" id="redirect_fxxxxxxxxxxx" />
<input type="hidden" name="meta_adtracking" value="custom form" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_forward_vars" value="1" />
</div>
</form>
<button class="submit" onclick="document.getElementById('yourform').submit();"></button>
So my question is, what is the code that I should use? Should I just use the fix for her coding and input my values (which is much shorter than the coding I got from Aweber)? And where should I place my code in the form.html file?