Top Banner Rotator


 

Enhance Your Rocket Responder Forms

 

 

Below are some easy way to enhance your Rocket Responder forms.

 

Free templates for download at bottom of this article, so you can get your squeeze pages looking like all those Guru style pages with very little effort. Here is a preview (click image to enlarge).

 

Rocket Responder Guru Squeeze Preview

 

 

Make The Cursor Change Over The Submit Button

 

Note: This only works for the edited form code, instructions for the "Bare Bones Code" will be added if requested.

 

When someone goes to click on the standard forms you get provided from Rocket Responder, the actual mouse pointer stays as the arrow pointer.

 

 

If you want it to change to the hand pointer, which makes it easier for the person to know it is a clickable button. You will have to add the following code to your form:-

 

cursor: pointer;

 

Load you code into a text editor, and then look for the <button type="submit" style=" in the code. You can do a search for it using "Edit" then "Find" from the menus.

 

 

 

 

Now simply click after the style=" and then enter the cursor: pointer; code and press spacebar to separate it from the next code, as below:-

 

 

 

Now when you put your code in your web page, you will see that when you hover over the submit button, the cursor changes to the hand pointer.

 

 

 

Add Default Text To The Input Fields

 

When you display your form, the input fields are always blank, as shown below:-

 

 

 

 

If you want some default text to appear in the field then you need to add the following code:-

 

placeholder="Enter Your Email"

 

 

Load you code into a text editor, and then look for the <input type="email" in the code. You can do a search for it using "Edit" then "Find" from the menus.

 

 

 

Now simply enter the placeholder="Enter Your Email" code and press spacebar to separate it from the surrounding code, as below:-

 

 

 

Now when you put your code in your web page, you will see that the input field now has your default value shown, and when someone types in the box it disappears.

 

 

 

 

You can simply do this for any input field you have on your form, such as the Name field. Simply follow the same procedure as above for that form type.

 

 

Change The Button Colour When The Cursor Hovers On It

 

When you hover the mouse over the submit button, it stays the same colour. If you want it to change then you need to add the following code:-

 

 

onmouseover="this.style.backgroundColor='#58a005'" onmouseout="this.style.backgroundColor='#8ac007'"

 

 

If you have different colour buttons, then you need to change the Color codes accordingly. The above codes are for the default green button.

 

Load you code into a text editor, and then look for the <button type="submit" in the code. You can do a search for it using "Edit" then "Find" from the menus.

 

 

 

 

Click just after the type="submit" and press the Space Bar and then paste in the above code, so it looks like this:-

 

 

 

Now when you put your code in your web page, you will see that the submit button will now change colour when you hover over it.

 

Normal

 

Mouse Hovering Over Submit Button

 

 

 

 

Guru Style Rocket Responder Templates

 

 

Below Are The Rocket Responder Templates

Squeeze Page Template 9 (Yellow Button)

Squeeze Page Template 10 (Red & Green Border Button)

Squeeze Template 11 (Yellow Button)

Squeeze Template 12 (Yellow Button)
 

Download The 4 Above In A Zip File
 

How To Edit Squeeze Page Templates With BlueGriffon (PDF)

 

 

*** New Rocket Responder Templates ***

Inline Form Style

Transparent Box Style

 

If you need any help with anything, then feel free to contact me, I am always here to help!

 

All the best,

Martin Chantler.