4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

I've Been trying for 10 hours -- can't integrate Get Response -- HELP :)

by MeTellYou
3 replies
  • WEB DESIGN
    • |
Hey,

I have a graphic optin box which I need to integrate with Get Response. This might seem ridiculous but I've been working on this for 10 hours and can't get it to work.

Anyone could help?

Here's the code for the website I need the optin put on:

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<input />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>DotComPreneur.com &gt; Landing Page Template</title>

<style type="text/css">
<!--
body {
background-color: #1e3347;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
p, ol, ul {
font-size: 14px;
line-height: 1.5em;
}
.intro {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
line-height:normal;
}
h1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 24pt;
font-weight: bold;
color: #CC0000;
}
h2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
}
h3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
#testimonial {
width: 460px;
background-color: #ffffcc;
border: 2px dotted #ffff66;
padding: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
margin: 10px 100px;
}
#greybox {
width: 560px;
background-color: #E7E7E7;
border: 2px solid #999999;
padding: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
margin: 10px 50px;
}
#testimonial p, #greybox p {
line-height: 1.5em;
margin: 0px;
}
.red {
color: #CC0000;
}
-->
<link rel="stylesheet" type="text/css"
href="optin/style.css" title="Default" />
</style>
<link rel="stylesheet" type="text/css" href="optin/style.css" title="Default" />
</head>
<body>
<input /><input />
<table align="center" border="0" cellpadding="0" cellspacing="0" width="760">
<tbody>
<tr>
<td><img src="images/top1.gif" alt="-" height="15" width="760" /></td>
</tr>
<tr>
<td style="padding: 0px 30px;" background="images/bodybg1.gif">
<p class="intro">[Attention Grabbing Sentence] My
friends all laughed, but when they started seeing how EASY it was to
create a landing page, they changed their mind ...</p>
<h1 align="center">[Main Headline] <u>Amazing
Secret!</u><br />
FREE DotComPreneur Landing Page Template Takes the Guesswork Out of
Creating a Landing Page ...</h1>
<p></p>
<div id="spacer"></div>
<div id="main">
<div id="content">
<link rel="stylesheet" type="text/css" href="optin/style.css" title="Default" />
<script type="text/javascript" src="optin/textfield.js"></script>
<div id="squeezebox">
<form action="&lt;form action=" http://www.getresponse.com/cgi-bin/add.cgi="" method="post" id="GRSubscribeForm" accept-charset="UTF-8"><input name="text" id="namex" value="Your First Name" onfocus="clearText(this);" onblur="putText(this);" type="text" /><input name="email" id="emailx" value="Primary Email Address" onfocus="clearText(this);" onblur="putText(this);" type="text" /><input name="submit" src="optin/button.gif" id="button" border="0" type="image" /></form>
</div>
<p>&nbsp;</p>
</div>
</div>
<br clear="all" />
<h2>[Sub-
line] Keep It Simple!</h2>
<ul>
<li>This DotComPreneur landing page template uses a
simple formula</li>
<li>Use "hooks" throughout the landing page in bold text</li>
<li>Bullet points make it easy for readers to scan the
page</li>
<li>Highlight your product features using bullet points</li>
<li>Keep each bullet point short and to the point!</li>
</ul>
<h2>[Sub-Headline 2] Landing Page Tips</h2>
<ol>
<li><strong>Test Everything!</strong> Stop
guessing! Use Google Website Optimizer to test your landing pages. </li>
<li><strong>Make Your Landing Page "Scannable"</strong>
... use bullet points and headline text to make it easy for readers to
quickly scan the page.</li>
<li><strong>Use a Single Call To Action.</strong>
Don't confuse visitors on the page by giving them more than one option.
Every landing page should only have one call to action.</li>
<li><strong>Use testimonials.</strong> The
more <em>specific</em> and <em>relevant</em>
the testimonial, the better! If you can, use a picture of the person
giving the testimonial. Audio testimonials are even better!</li>
</ol>
<div id="testimonial">
<p>"I used the DotComPreneur Landing Page Template to
create my very first landing page ... and it was a <em>huge
success!</em>" --Joe Sample, Customer</p>
</div>
<div id="testimonial">
<p>"Creating a landing page used to take me several hours,
but now that I have access to the free DotComPreneur templates, all I
have to do is copy and paste my text and <em>voila!</em>
My landing pages look incredible!" --Suzie Customer</p>
</div>
<h2>[Sub-Headline 3] Use As Many "Hooks" As You Need!</h2>
<p>This free landing page template includes three generic
buttons (Order Now, Instant Free Access, and Signup Today), but you are
certainly welcome to create your own!</p>
<p align="center"><img src="images/freedownload.png" alt="Instant FREE Access!" height="60" width="333" /></p>
<p>If you are comfortable editing HTML, you can even change
the included stylesheet to make this free landing page template
uniquely yours.</p>
<p><em>Of course, every landing page should include a
guarantee ...</em></p>
<h3 class="red">Our Unconditional,
No-Questions-Asked %100 Money-Back Guarantee:</h3>
<p>If for any reason you are unsatisfied with this
template, you may return it for a complete refund, no questions asked!
We stand behind our products and strive to create only the best
resources and tools for the online entrepreneur.</p>
<div id="greybox">
<p>"I don't know anything at all about HTML, but using the
DotComPreneur landing page template, I was able to easily setup my very
own landing page and customize it to make it my own. Thanks for
providing such a valuable resource to online entrepreneurs!" <br />
--Johnny P.</p>
</div>
<h3 align="center"><a href="#">Click
Here to Download This FREE Landing Page Template</a></h3>
<p align="center">&nbsp;</p>
<p align="center"><img src="images/freedownload.png" alt="Instant FREE Access!" height="60" width="333" /></p>
</td>
</tr>
<tr>
<td><img src="images/bottom1.gif" alt="-" height="15" width="760" /></td>
</tr>
</tbody>
</table>
</body></html>

Here's my Get Response code:

HTML Code:
<!-- GetResponse subscription form | start -->

<form action="http://www.getresponse.com/cgi-bin/add.cgi" method="post" id="GRSubscribeForm" accept-charset="UTF-8">
<fieldset>
<table>


<tr>
<td>
<label for="GRCategory2">Your Name</label>:
</td>
<td><input type="text" name="category2" size="14" id="GRCategory2" /></td>
</tr><tr>
<td><label for="GRCategory3">Your E-Mail</label>:</td>
<td><input type="text" name="category3" size="14" id="GRCategory3" /></td>
</tr>

</table>
<input type="submit" value="Get More Info!" />
<p>
Powered by <a href="http://www.getresponse.com" title="Email Marketing">GetResponse email marketing</a> software
</p>
</fieldset>
<input type="hidden" name="category1" value="myfliplog_notification" /> 

<input type="hidden" name="ref" value="000" />
<input type="hidden" name="getpostdata" value="get" />
</form>
<style>
<!--
/* form box */
#GRSubscribeForm fieldset {
width: 260px; 
border: 0;
}
        
/* comment about GetResponse */
#GRSubscribeForm p {
font-size: x-small;
}
        
/* table used to position form elements */
#GRSubscribeForm table {
border: 0;
}
        
-->
</style>
<!-- GetResponse subscription form | end -->
If you want to look at the site, here it is:

DotComPreneur.com > Landing Page Template


THANKS!
Sebastian
#hours #integrate #response
  • Profile picture of the author Geejayz
    OK,
    I think I have the solution but my post count isn't high enough to post it here.
    I'll try PMing it to you
    Signature
    Free Wordpress Blog Installation
    {{ DiscussionBoard.errors[753131].message }}
    • Profile picture of the author Geejayz
      Ah,

      Can't PM either as my post count is less than 15. Guess I'm kinda killing two birds with one stone here. I'll try emailing you.
      Signature
      Free Wordpress Blog Installation
      {{ DiscussionBoard.errors[753149].message }}
      • Profile picture of the author Geejayz
        OK here goes. Finally got my post count up to 15

        Landing Page Code

        Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>DotComPreneur.com &gt; Landing Page Template</title>
<style type="text/css">
<!--
body {
background-color: #1e3347;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
p, ol, ul {
font-size: 14px;
line-height: 1.5em;
}
.intro {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
line-height:normal;
}
h1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 24pt;
font-weight: bold;
color: #CC0000;
}
h2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
}
h3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
#testimonial {
width: 460px;
background-color: #ffffcc;
border: 2px dotted #ffff66;
padding: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
margin: 10px 100px;
}
#greybox {
width: 560px;
background-color: #E7E7E7;
border: 2px solid #999999;
padding: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
margin: 10px 50px;
}
#testimonial p, #greybox p {
line-height: 1.5em;
margin: 0px;
}
.red {
color: #CC0000;
}
-->
<link rel="stylesheet" type="text/css"
href="optin/style.css" title="Default" />
</style>
<link rel="stylesheet" type="text/css" href="optin/style.css" title="Default" />
</head>
<body>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="760">
<tbody>
<tr>
<td><img src="images/top1.gif" alt="-" height="15" width="760" /></td>
</tr>
<tr>
<td style="padding: 0px 30px;" background="images/bodybg1.gif">
<p class="intro">[Attention Grabbing Sentence] My
friends all laughed, but when they started seeing how EASY it was to
create a landing page, they changed their mind ...</p>
<h1 align="center">[Main Headline] <u>Amazing
Secret!</u><br />
FREE DotComPreneur Landing Page Template Takes the Guesswork Out of
Creating a Landing Page ...</h1>
<p></p>
<div id="spacer"></div>
<div id="main">
<div id="content">
<link rel="stylesheet" type="text/css" href="optin/style.css" title="Default" />
<script type="text/javascript" src="optin/textfield.js"></script>
<div id="squeezebox">
<form action="GetResponse.com y" method="post" id="GRSubscribeForm" accept-charset="UTF-8">
<input name="category2" id="GRCategory2" value="Your First Name" onfocus="clearText(this);" onblur="putText(this);" type="text" />
<input name="category3" id="GRCategory3" value="Primary Email Address" onfocus="clearText(this);" onblur="putText(this);" type="text" /><input name="submit" src="optin/button.gif" id="button" border="0" type="image" />
<input type="hidden" name="category1" value="myfliplog_notification" /> 
<input type="hidden" name="ref" value="000" />
<input type="hidden" name="getpostdata" value="get" />
</form>
</div>
<p>&nbsp;</p>
</div>
</div>
<br clear="all" />
<h2>[Sub-
line] Keep It Simple!</h2>
<ul>
<li>This DotComPreneur landing page template uses a
simple formula</li>
<li>Use "hooks" throughout the landing page in bold text</li>
<li>Bullet points make it easy for readers to scan the
page</li>
<li>Highlight your product features using bullet points</li>
<li>Keep each bullet point short and to the point!</li>
</ul>
<h2>[Sub-Headline 2] Landing Page Tips</h2>
<ol>
<li><strong>Test Everything!</strong> Stop
guessing! Use Google Website Optimizer to test your landing pages. </li>
<li><strong>Make Your Landing Page "Scannable"</strong>
... use bullet points and headline text to make it easy for readers to
quickly scan the page.</li>
<li><strong>Use a Single Call To Action.</strong>
Don't confuse visitors on the page by giving them more than one option.
Every landing page should only have one call to action.</li>
<li><strong>Use testimonials.</strong> The
more <em>specific</em> and <em>relevant</em>
the testimonial, the better! If you can, use a picture of the person
giving the testimonial. Audio testimonials are even better!</li>
</ol>
<div id="testimonial">
<p>"I used the DotComPreneur Landing Page Template to
create my very first landing page ... and it was a <em>huge
success!</em>" Joe Sample, Customer</p>
</div>
<div id="testimonial">
<p>"Creating a landing page used to take me several hours,
but now that I have access to the free DotComPreneur templates, all I
have to do is copy and paste my text and <em>voila!</em>
My landing pages look incredible!" Suzie Customer</p>
</div>
<h2>[Sub-Headline 3] Use As Many "Hooks" As You Need!</h2>
<p>This free landing page template includes three generic
buttons (Order Now, Instant Free Access, and Signup Today), but you are
certainly welcome to create your own!</p>
<p align="center"><img src="images/freedownload.png" alt="Instant FREE Access!" height="60" width="333" /></p>
<p>If you are comfortable editing HTML, you can even change
the included stylesheet to make this free landing page template
uniquely yours.</p>
<p><em>Of course, every landing page should include a
guarantee ...</em></p>
<h3 class="red">Our Unconditional,
No-Questions-Asked %100 Money-Back Guarantee:</h3>
<p>If for any reason you are unsatisfied with this
template, you may return it for a complete refund, no questions asked!
We stand behind our products and strive to create only the best
resources and tools for the online entrepreneur.</p>
<div id="greybox">
<p>"I don't know anything at all about HTML, but using the
DotComPreneur landing page template, I was able to easily setup my very
own landing page and customize it to make it my own. Thanks for
providing such a valuable resource to online entrepreneurs!" <br />
Johnny P.</p>
</div>
<h3 align="center"><a href="#">Click
Here to Download This FREE Landing Page Template</a></h3>
<p align="center">&nbsp;</p>
<p align="center"><img src="images/freedownload.png" alt="Instant FREE Access!" height="60" width="333" /></p>
</td>
</tr>
<tr>
<td><img src="images/bottom1.gif" alt="-" height="15" width="760" /></td>
</tr>
</tbody>
</table>
</body></html>
        New style sheet code:

        Code:
        #squeezebox {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(bg.gif); PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 569px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 343px
}
#button {
 LEFT: 100px; WIDTH: 202px; POSITION: absolute; TOP: 266px; HEIGHT: 51px
}
#GRCategory2 {
 PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 14pt; BACKGROUND: url(name.gif) fixed no-repeat; LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 356px; BORDER-TOP-STYLE: none; PADDING-TOP: 25px; FONT-FAMILY: Arial, Helvetica; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; TOP: 147px; HEIGHT: 60px; BORDER-BOTTOM-STYLE: none
}
* > #GRCategory2 {
 BACKGROUND: url(name.gif) no-repeat
}
#GRCategory3 {
 PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 14pt; BACKGROUND: url(email.gif) fixed no-repeat; LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 356px; BORDER-TOP-STYLE: none; PADDING-TOP: 25px; FONT-FAMILY: Arial, Helvetica; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; TOP: 207px; HEIGHT: 60px; BORDER-BOTTOM-STYLE: none
}
* > #GRCategory3 {
 BACKGROUND: url(email.gif) no-repeat
}
#optinmsg {
 FONT-SIZE: 8pt; LEFT: 29px; WIDTH: 185px; COLOR: #000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; POSITION: absolute; TOP: 175px; HEIGHT: 50px
}
        Actually, the style sheet code may not be necessary but I wanted to keep your IDs to match the GetResponse ones.
        Signature
        Free Wordpress Blog Installation
        {{ DiscussionBoard.errors[753212].message }}

Trending Topics