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

by 14 replies
17
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
#website design #boxhow #code #getresponse #graphical #marry #optin
  • Can you paste both sets of code so we can have a look?
    • [1] reply
    • 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.
      • [1] reply
  • 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
    • [1] reply
    • 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
      • [1] reply
  • 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
    • [ 1 ] Thanks
  • Hey Bill...when I delete lines 31-36, it kills my opt-in box!

    The rest is removed.
  • 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
    • [1] reply
  • 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.
  • 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

Next Topics on Trending Feed