Home

Autoresponder Code, Tips And Tricks

Posted by Blain | On: May 02 2011

I just wanted to go through some simple changes that you can make to your autoresponder code today. I am going to be using the TrafficWave autoresponder code for my examples.

So we are going to start with the basic code that TW gives you:
<!– BEGIN TrafficWave.net AutoResponder Capture Form – BUILD 100609–>
<form method=”POST” action=”http://www.trafficwave.net/cgi-bin/autoresp/inforeq.cgi”>
<input type=hidden name=”trwvid” value=”blainjones”><input type=hidden name=”series” value=”blog”>
<input type=hidden name=”subscrLandingURL” value=””><input type=hidden name=”confirmLandingURL” value=””>
<table style=”width:250px;border-style: none;”><tr><td width=25% >Name</td><td ><input id=”da_name” name=”da_name” type=text style=”width: 100%”></td></tr> <tr><td width=25% >Email</td><td ><input id=”da_email” name=”da_email” type=text style=”width: 100%”></td></tr> <tr><td  colspan=2><input type=submit value=”Submit”></td></tr></table></form>
<!– END TrafficWave.net AR Capture Form – BUILD 100609–>

For the first tip, you don’t actually need the first and last line of code, so you can just delete those. Once completed your code should look something similar to this:
<form method=”POST” action=”http://www.trafficwave.net/cgi-bin/autoresp/inforeq.cgi”>
<input type=hidden name=”trwvid” value=”blainjones”><input type=hidden name=”series” value=”blog”>
<input type=hidden name=”subscrLandingURL” value=””><input type=hidden name=”confirmLandingURL” value=””>
<table style=”width:250px;border-style: none;”><tr><td width=25% >Name</td><td ><input id=”da_name” name=”da_name” type=text style=”width: 100%”></td></tr> <tr><td width=25% >Email</td><td ><input id=”da_email” name=”da_email” type=text style=”width: 100%”></td></tr> <tr><td  colspan=2><input type=submit value=”Submit”></td></tr></table></form>

Next thing we are going to do, is change the “submit” button to something else, so toward the end of the code we need to find this line:
<input type=submit value=”Submit”>

All you have to do is change the value to whatever you want it to say:
<input type=submit value=”Click Me To Subscribe!”>

And it should look something like this:


Name
Email

Now we are going to change the submit button to a custom image, which is very simple. Just make sure your image is uploaded somewhere on the internet and change the same line of code as above to this (obviously, put your image link in where it says www.YOURIMAGELINKHERE.com).
<input type=’image’ src=’http://www.YOURIMAGELINKHERE.com/image.png’ border=’0′ value=”>

And it should look something like this (with your image instead of mine):


Name
Email

Now we are going to learn how to change the font color of the words “Name” and “Email” in the form. First thing you want to do is find the html color code for the color you want, I am going to use green which is simply #00FF00. (You can google “html color codes” to find the one you want.) So all your going to do is surround the words with the html tag for font color like I have done below:
Before: <td width=25% >Name</td>
After: <td width=25% ><font color=”#00FF00″>Name:</font></td>

And you should come out with this:


Name
Email

And last but not least, we are going to learn how to add our own custom confirm and subscribe pages for people to go to instead of the default ones that TW has given is. So look through the code given for these two pieces of code:
<input type=hidden name=”subscrLandingURL” value=””>
<input type=hidden name=”confirmLandingURL” value=””>

Now all we have to do is put our page URL’s inside the quotations for the value on each code:
<input type=hidden name=”subscrLandingURL” value=”http://blainjones.com/confirm.html”>
<input type=hidden name=”confirmLandingURL” value=”http://blainjones.com/congrats.html”>

Once you are done, put your new code somewhere out there on the internet, sign-up and see how it all looks! If you have any questions or need any help with this, please leave a comment or click my Skype status in the right sidebar to send me a message!

11 Comments

  1. Shane Bost says:

    This is great information for anyone wanting to step it up a notch!

    Quality post Blain… As always 🙂

  2. Patrick Griffin says:

    I love the way you are able to take something which looks, on the face of it, to be quite complex and break it down into simple, easy-to-follow, logical stages which everyone should understand.

    Many people would be too frightened to go anywhere near an autoresponder code like this, but with this post to guide them, there is no reason why they need be frightened any more.

    Patrick.

  3. John Bell says:

    Great advice for beginners, especially having a big image button like that, it still gives people the feel of a button but is a much more clear call to action.

    Even though it’s included in their wizard showing people how to change their confirm and thank you pages is an excellent reminder of how valuable and highly converting having that content can be

  4. Raincrystal says:

    Thanks for the tips and pointers, Blain!

    So glad to have someone techy around LOL!

    Rain

  5. Eboni B. says:

    Awesome post. This post is right on time. Thanks!

  6. craig says:

    great info man. Thanks

  7. Cheryl Barnett says:

    Thanks Blain. I have been trying to figure out how to make some of these changes. This is very helpful.

  8. Catherine White says:

    Thank you. Did you hear me ask how to do this?
    I guess, like most people, I didn’t take time to look at the wizard.

    Thanks for making it easy.

  9. mrbillionx says:

    Ah yes this is indeed something everyone needs.
    Thanks for caring and sharing this info.

  10. Lou says:

    Hi,

    I use several capture pages and was wondering if there was a way to add an identifier name to TW code to show which capture page a subscriber came from.

    Thanks,

    Lou

  11. irwandy says:

    Thank you… but Why i can change my submit button evendoe i already try your tips…can you show me again please…

Leave a comment