How the Perry Belcher Button Works Perry Belcher revealed his payment button at The Belcher Button | Perry Belcher. Split tests showed an increase in response of 35 to 320% over every other buy button tested.
In his blog post titled 'The ULTIMATE Submit Button REVEALED! Putting all the Pieces Together…' Eric Graham (The Copy Doctor) says using rollover effects on a button can increase response rates by up to 46.5%
Perry Belcher PictureIf you make use of the Belcher button, rollover effects could improve your sales even more.
How can you get it done, particularly if you are utilizing PayPal, and have no idea using Javascript?
The secret is to use CSS to manage the rollover effects, and use an altered Belcher Button. Here's how:
Edit the Belcher button and delete the red border to show a transparent background. Save the button like a .gif with transaparency.
Add the brand new gif image for your PayPal code because the payment button.
Wrap your PayPal code in a and use CSS to manage the background color and the hover color of the div.
You will see a functional example here
This is actually the Web coding you will require:
1) The CSS code - add this between the tags or to your existing CSS.
2) The form code - add this to your sales page:
...
the rest of your PayPal form code goes here
...
Perry Belcher PictureImportant notes:
1) Make use of the correct DOCTYPE inside your webpage HTML since the roll over effect might not work if browsers run in Quirks mode. I made use of this:
"
http://www.w3.org/TR/html4/loose.dtd"
>
2) Be sure you make use of the correct image width and height because the div width and height or you'll end up getting the background color spilling out from the edges from the payment button.