17 {{ upvoteCount | shortNum }}
17 {{ upvoteCount | shortNum }}

Getresponse code with Graphical opt-in box....how to marry them together?

by Mike Murphy
14 replies
  • WEB DESIGN
    • |
Ok, this might be a total newb question, but I've always had it done for me and would like to actually learn how to do it this time.

I have my trusty Getresponse form code which looks fine in Frontpage.

I also have the HTML for the pretty little graphical opt-in box and it looks just peachy too.

Obviously there are things repeated in one code that I won't need to duplicate so I need to know how to make one working opt-in code with the graphic out of the two and THEN paste it into my main index.html for my site.

Can anyone give me a hand please?

Thanks
Mike
#boxhow #code #getresponse #graphical #marry #optin
  • Profile picture of the author Geejayz
    Can you paste both sets of code so we can have a look?
    Signature
    Free Wordpress Blog Installation
    {{ DiscussionBoard.errors[654992].message }}
    • Profile picture of the author Mike Murphy
      It doesn't work well to try to post the code in a post as it will display the actual opt-in I think. I can PM the 3 codes to anyone that wants to have a look.
      Signature
      Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
      {{ DiscussionBoard.errors[655382].message }}
      • Profile picture of the author Mike Murphy
        Let's try this anyway....I really need to crack this. It should be easy.....
        Here's the code for the pretty, fancy schmancy graphic opt-in....

        <html>
        <!--
        <head>
        <title>HighImpactTemplates.com</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        </head>

        <body bgcolor="#FFFFFF" text="#000000">
        <br>
        <table width="229" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
        <td valign="bottom"><img src="images/ne_red_01.jpg" width="229" height="75"></td>
        </tr>
        <tr>
        <td background="images/ne_red_03.jpg" valign="top">
        <table width="229" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td width="18">&nbsp;</td>
        <td width="178">
        <form name="form1" method="post" action="">
        <div align="center"><font size="2" face="Arial, Helvetica, sans-serif" color="#333333"><b>I'll send you 4 Free Guitar
        Lessons and 4 Free Backing Tracks
        Instantly!</b> </font><br>
        </div>
        <div align="center">

        <table width="90%" border="0" cellspacing="7" cellpadding="0" height="62" align="center">
        <tr>
        <td height="2" width="29%">
        <div align="right"><font face="Tahoma" size="2"><b>Name:</b></font></div>
        </td>
        <td height="2" width="71%"><font face="Tahoma" size="2"><b>

        <input type="text" name="textfield" size="15">
        </b></font></td>
        </tr>
        <tr>
        <td height="29" width="29%">
        <div align="right"><font face="Tahoma" size="2"><b>Email:</b></font></div>
        </td>
        <td height="29" width="71%"><font face="Tahoma" size="2"><b>

        <input type="text" name="textfield2" size="15">
        </b></font></td>
        </tr>
        </table>
        <br>
        <input type="submit" name="Submit" value="Submit">
        </div>
        </form>

        <div align="center"></div>
        </td>
        <td width="34">&nbsp;</td>
        </tr>
        </table>
        </td>
        </tr>
        <tr>
        <td valign="top"><img src="images/ne_red_04.jpg" width="229" height="44"></td>
        </tr>
        </table>
        </body>
        </html>
        Signature
        Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
        {{ DiscussionBoard.errors[655395].message }}
        • Profile picture of the author Mike Murphy
          ...and then here is the Getresponse HTML.....


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

          <p align="center">

          <font face="Arial">Enter your name and primary email address below to get 5 free guitar lessons and 4 killer backing tracks to jam along with!
          </font>
          </p>
          <tr>
          <td>
          <font face="Arial">
          <label for="GRCategory2">Your Name</label>:
          </font>
          </td>
          <td><font face="Arial"><input type="text" name="category2" size="14" id="GRCategory2" /></font></td>
          </tr><tr>
          <td><font face="Arial"><label for="GRCategory3">Your E-Mail</label>:</font></td>
          <td><font face="Arial"><input type="text" name="category3" size="14" id="GRCategory3" /></font></td>
          </tr>

          </table>
          <font face="Arial">
          <input type="submit" value="Give Me The Goods!" />
          </font>
          </fieldset>
          <input type="hidden" name="category1" value="guitarprograms" />

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

          -->
          Signature
          Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
          {{ DiscussionBoard.errors[655398].message }}
          • Profile picture of the author Mike Murphy
            So I need to learn how to combine those two codes into one...

            THEN....I need to learn how to put the resultant code into my index.html for my site (using Frontpage) and be able to place it where I want on the page (i.e. centered, down a bit, or off to the right etc.)

            Thanks all
            Mike
            Signature
            Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
            {{ DiscussionBoard.errors[655403].message }}
  • Profile picture of the author mywebwork
    Hi Mike

    This code should "marry" the two forms:

    HTML Code:
    <html>
<!--
<head>
<title>HighImpactTemplates.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<br>
<table width="229" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="bottom"><img src="images/ne_red_01.jpg" width="229" height="75"></td>
</tr>
<tr>
<td background="images/ne_red_03.jpg" valign="top"> 
<table width="229" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td width="18">&nbsp;</td>
<td width="178"> 
<form action="http://www.getresponse.com/cgi-bin/add.cgi" method="post" id="GRSubscribeForm" accept-charset="UTF-8">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif" color="#333333"><b>I'll send you 4 Free Guitar 
Lessons and 4 Free Backing Tracks 
Instantly!</b> </font><br>
</div>
<div align="center"> 

<table width="90%" border="0" cellspacing="7" cellpadding="0" height="62" align="center">
<tr> 
<td height="2" width="29%"> 
<div align="right"><font face="Tahoma" size="2"><b>Name:</b></font></div>
</td>
<td height="2" width="71%"><font face="Tahoma" size="2"><b> 

<input type="text" name="category2" size="14" id="GRCategory2" />
</b></font></td>
</tr>
<tr> 
<td height="29" width="29%"> 
<div align="right"><font face="Tahoma" size="2"><b>Email:</b></font></div>
</td>
<td height="29" width="71%"><font face="Tahoma" size="2"><b> 

<input type="text" name="category3" size="14" id="GRCategory3" />
</b></font></td>
</tr>
</table>
<br>
<input type="submit" name="Submit" value="Submit">
<input type="hidden" name="category1" value="guitarprograms" /> 
<input type="hidden" name="ref" value="000" />
<input type="hidden" name="getpostdata" value="get" />
</div>
</form>

<div align="center"></div>
</td>
<td width="34">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top"><img src="images/ne_red_04.jpg" width="229" height="44"></td>
</tr>
</table>
</body>
</html>
    Basically you want to make sure that your form contains the same fields (including the 3 hidden ones) as the original GetResponse generated one does.

    Hope this helps.

    Aloha!

    Bill
    {{ DiscussionBoard.errors[655425].message }}
    • Profile picture of the author Mike Murphy
      Ok Bill...that works like a charm!

      Since I'm a total nerd (and trying to learn as quickly as possible) I printed out the 3 versions and took a highlighter to yours and it boils down to 6 lines of code needing to be included.

      Now I've just got to figure out how to get rid of the box that is showing up around the opt-in box and opening header.

      Thanks mahalo! :-)

      Hope all is well with you on the island!

      Mike
      Signature
      Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
      {{ DiscussionBoard.errors[655662].message }}
      • Profile picture of the author Mike Murphy
        OK, why the heck will the boarder not go away? I have all table properties for that section set to border=0

        site is onlineguitarprograms.com
        Signature
        Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
        {{ DiscussionBoard.errors[655729].message }}
  • Profile picture of the author mywebwork
    Hi Mike

    You have multiple <html> and <body> tags in your code, it probably explains the border effect.

    A proper HTML document has an <html> tag at the very beginning and an </html> tag at the very end. A simplified outline is as follows:

    Code:
    <html>
<head>
... Title and Meta information
</head>
<body>
... Page content
</body>
</html>
    The key thing to note is that the whole document is framed within the <html></html> tags and that the tags are nested within each other.

    You need to get rid of:

    1 - The HTML tag on line 30
    2 - The title, head and body tags on lines 31-36
    3 - The closing body tag on line 93
    4 - The closing HTML tag on line 94 (keep the rest of line 94)

    That should fix it!

    Bill
    {{ DiscussionBoard.errors[655905].message }}
  • Profile picture of the author Mike Murphy
    Hey Bill...when I delete lines 31-36, it kills my opt-in box!

    The rest is removed.
    Signature
    Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
    {{ DiscussionBoard.errors[655932].message }}
  • Profile picture of the author mywebwork
    Hi Mike

    Sorry, didn't see this until now.

    Your code has become quite a maze of nested tables, Firefox has a handy plugin I use to display this but even with that it's kind of hard to figure out.

    Might be easier if you just sent me the template and your opt-in box and let me fuse them together, if you don't still have my e-mail address just PM me. I believe that all you want to accomplish is to remove the border around the area that contains your opt-in box, correct?

    I'll warn you that we've been experiencing state-wide Internet, phone and TV outages this morning in Hawaii so I may be off and on today.

    Bill
    {{ DiscussionBoard.errors[659142].message }}
    • Profile picture of the author Mike Murphy
      Email sent. Thanks Bill.
      Signature
      Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
      {{ DiscussionBoard.errors[660111].message }}
  • Profile picture of the author Loren Woirhaye
    You did a nice job with the form Mike. I didn't find the offer
    compelling though. Try to get prospect's salivating about
    how they are going to make the best decision.

    I'm a player - and probably beyond where any of these
    courses would interest me - but I'm still attracted to
    information which will help me make the best decision.

    I subscribe to consumer reports, if that tells you anything.

    What I would do (if I were writing your opt-in page) is
    de-emphasize the actual boxes and products. I know
    your goal is to get cookies here, but try it my way too...
    Run a squeeze where you do NOT link to the products
    you review - write instead about how you've developed
    a simple guide for players to assess their present skills,
    learning style, and locate a guitar course that best
    fits where they are and can take them farthest towards
    where they want to go.

    Dunno how well you play - so maybe creating such a
    system for you (quiz even better - with email results) -
    but I can virtually guarantee you this approach will
    outpull what you are doing in terms of opt-ins, affiliate
    sales, and long-term relationships.
    Signature
    {{ DiscussionBoard.errors[662014].message }}
  • Profile picture of the author Mike Murphy
    Thanks Loren,

    This site is kind of live before it should be live.

    The idea behind this site is the whole Chris Remple Conduit method. I'm not sure if you're familiar with Chris, but he's what I would consider a "junior guru" (I know people hate the whole guru term....). He's basically and everyday dude that earns truckloads of cash on the internet and he recommended I go this route.

    As I am cursed with the flaw of jumping from thing to thing, I'm going to ride this one out until I see what happens with it.

    I do see your point and think it would be cool to actually split test the two methods (if I knew how).

    The idea of assessing their current skill level and then referring them to a product is a cool idea but the conduit method is "supposed" to be more passive than that.

    The idea is to target prospects that are already in a buyers mindset. People who are shopping for one of these guitar courses RIGHT NOW and then I just give them a quick review and a link to buy from.

    Sometimes I don't even know how well (or unwell) I play! :-)

    I can honestly say that I do wish they had courses like these when I was 14 though! Gotta love technology today huh?

    I sure appreciate your help and will look further into your ideas.

    Mike
    Signature
    Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
    {{ DiscussionBoard.errors[662123].message }}

Trending Topics