The Perry Belcher Button with roll over effects for PayPal
How to Create PayPal Buttons Using The Perry Belcher Button With Roll Over Effects
Perry Belcher revealed his payment button at The Belcher Button | Perry Belcher. Split tests showed an increase in response of 35 to 320% over any other buy button tested.
In his blog post titled 'The ULTIMATE Submit Button REVEALED! Putting all the Pieces Together...' Eric Graham (The Copy Doctor) revealed that using roll over effects on a button can increase response rates by up to 46.5%
So if you use the Belcher button, roll over effects could increase your sales even more.
How do you do it, especially if you are using PayPal, and have no idea how to use Javascript?
The trick is to use CSS to control the roll over effects, and use a modified Belcher Button. Here's how:
You can view a working example here
Here is the HTML code you will require:
1) The CSS code - add this between the <head></head> tags or to your existing CSS.
<style type="text/css">
<!--
.pbtn {
margin: auto;
background-color: #ff0000;
width: 460px;
height: 221px;
}
.pbtn:hover {
background-color: #00cc00;
}
-->
</style>
2) The form code - add this to your sales page:
<div class="pbtn">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> ...
the rest of your PayPal form code goes here
... </form>
</div>
Important notes:
1) Use the correct DOCTYPE in your webpage HTML because the roll over effect may not work if browsers run in Quirks mode. I used this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
2) Make sure you use the correct image width and height as the div width and height or you'll end up with the background color spilling out from the edges of the payment button.
Perry Belcher revealed his payment button at The Belcher Button | Perry Belcher. Split tests showed an increase in response of 35 to 320% over any other buy button tested.
In his blog post titled 'The ULTIMATE Submit Button REVEALED! Putting all the Pieces Together...' Eric Graham (The Copy Doctor) revealed that using roll over effects on a button can increase response rates by up to 46.5%
So if you use the Belcher button, roll over effects could increase your sales even more.
How do you do it, especially if you are using PayPal, and have no idea how to use Javascript?
The trick is to use CSS to control the roll over effects, and use a modified Belcher Button. Here's how:
- Edit the Belcher button and delete the red border to reveal a transparent background. Save the button as a .gif with transaparency.
- Add the new gif image to your PayPal code as the payment button.
- Wrap your PayPal code in a <div></div> and use CSS to control the background color and the hover color of the div.
You can view a working example here
Here is the HTML code you will require:
1) The CSS code - add this between the <head></head> tags or to your existing CSS.
<style type="text/css">
<!--
.pbtn {
margin: auto;
background-color: #ff0000;
width: 460px;
height: 221px;
}
.pbtn:hover {
background-color: #00cc00;
}
-->
</style>
2) The form code - add this to your sales page:
<div class="pbtn">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> ...
the rest of your PayPal form code goes here
... </form>
</div>
Important notes:
1) Use the correct DOCTYPE in your webpage HTML because the roll over effect may not work if browsers run in Quirks mode. I used this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
2) Make sure you use the correct image width and height as the div width and height or you'll end up with the background color spilling out from the edges of the payment button.
Feel better. Natural back pain relief Kalidasa's Self Adjusting Technique.
http://SelfAdjustingTechnique.com
>>> Partner In Profits => Learn How To Find JV Partners and Super-Affiliates From Scratch!
>>> Local Internet Marketing Services => We offer: Local Maps Submission, Internet Marketing Consulting, SEO and SMM services.
>>> Internet Marketing Profits Secrets Revealed => Help You Start A Profitable Home Based Business On A Shoestring Budget.
$1 Off NameSilo Domain Coupons:
SAVEABUCKDOMAINS & DOLLARDOMAINSAVINGS
*Breakthrough Marketing Blog (+ goodies) *
CopyWriting Services
Instant Article Wizard Alternative for $7 ahhhhh!
Automatic Article Submitter
Motorcycle Jackets
Atlanta Jobs
Insurance Quotes
Poker Chips
Publish Coloring Books for Profit (WSOTD 7-30-2015)