Closed Thread
LinkBack Thread Tools Search this Thread
Unread 25th Feb 2009, 05:31 AM   #1
Advanced Warrior
War Room Member
 
Colin Evans's Avatar
 
Join Date: 2003
Location: Still Looking... Currently back in Zim...
Posts: 674
Thanks: 113
Thanked 64 Times in 29 Posts
Default
The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

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:
  1. Edit the Belcher button and delete the red border to reveal a transparent background. Save the button as a .gif with transaparency.

  2. Add the new gif image to your PayPal code as the payment button.

  3. 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.

Sig not working today - too hung over...
Colin Evans is offline  
Unread 25th Feb 2009, 05:41 AM   #2
HyperActive Warrior
War Room Member
 
Join Date: 2007
Location: , , .
Posts: 235
Thanks: 7
Thanked 17 Times in 16 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

I have been trying for weeks to find out how to do this. Thanks! I just hope my limited technical ability will let me actually make it work.

Feel better. Natural back pain relief Kalidasa's Self Adjusting Technique.

http://SelfAdjustingTechnique.com
Kalidasa is offline  
Unread 25th Feb 2009, 05:42 AM   #3
"Working On A Dream"
War Room Member
 
Valeriu Popescu's Avatar
 
Join Date: 2002
Location: Where I like...
Posts: 424
Thanks: 14
Thanked 6 Times in 5 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Gooooood... but there is a BIG difference between an order button and one for a free offer.

As I always said, TEST yourself and DO NOT count on others.

Valeriu

>>> 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.
Valeriu Popescu is offline  
Unread 25th Feb 2009, 09:34 AM   #4
Advanced Warrior
War Room Member
 
Colin Evans's Avatar
 
Join Date: 2003
Location: Still Looking... Currently back in Zim...
Posts: 674
Thanks: 113
Thanked 64 Times in 29 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Originally Posted by Kalidasa View Post

I have been trying for weeks to find out how to do this. Thanks! I just hope my limited technical ability will let me actually make it work.
If you encounter problems just let me know and I'll help you get it working.


Originally Posted by Valeriu Popescu View Post

Gooooood... but there is a BIG difference between an order button and one for a free offer.

As I always said, TEST yourself and DO NOT count on others.

Valeriu
You're right... Testing is important.

The basic concept behind the CSS controlled Belcher Button can be used for any button, and it's easy to change for split testing different colors, buttons etc.

Sig not working today - too hung over...
Colin Evans is offline  
Unread 25th Feb 2009, 12:31 PM   #5
Flyin' Low & Slow
War Room Member
 
Kevin AKA Hubcap's Avatar
 
Join Date: 2008
Posts: 1,202
Thanks: 56
Thanked 182 Times in 136 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Besides changing the border color you could test a saying.

For instance, if you're selling something i the fitness niche you can have a similar "buy now" button that changes to "lose weight now" or something similar ( I know its not the best eample but it's all I could come up with off the top of my head).
Kevin AKA Hubcap is offline  
Unread 14th Jun 2009, 03:32 PM   #6
Banned
War Room Member
 
Join Date: 2009
Location: Australian living in Paris
Posts: 3,480
Blog Entries: 2
Thanks: 1,111
Thanked 2,803 Times in 1,249 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Colin, that's pretty cool what you've done there but I dunno about leaving off the dashed red border. Perry Belcher tested that and found the addition of it increased sales too. He says he exhaustively tested every element of the button. Is there a way to have the rollover as well as the dashed border? That would be très cool.

I quite like Kevin Hubcap's idea for the text changing on rollover too. Son of Belcher Button?
The Copy Nazi is offline  
Unread 14th Jun 2009, 03:51 PM   #7
GarrieWilson.com
War Room Member
 
GarrieWilson's Avatar
 
Join Date: 2006
Location: Mount Vernon, IL
Posts: 4,916
Blog Entries: 20
Thanks: 723
Thanked 596 Times in 385 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

If you want the Becher Button with the mouse over ability and able to change the verbage and pricing on the fly, visit:

Belcher Button: Redux | garriewilson.com

It also links the entire order area - even the background and takes about 30 seconds to install to your order pages.

Yes, it's my blog but no opt-in is required to download it.

Garrie

Screw You, NameCheap!
$1 Off NameSilo Domain Coupons:

SAVEABUCKDOMAINS & DOLLARDOMAINSAVINGS
GarrieWilson is offline  
Unread 14th Jun 2009, 04:12 PM   #8
Sales brain
War Room Member
 
Loren Woirhaye's Avatar
 
Join Date: 2006
Location: Whittier, California
Posts: 4,689
Blog Entries: 15
Thanks: 124
Thanked 1,018 Times in 708 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

I tested Eric Graham's button and found it did NOT work
with Internet Explorer - in fact when implemented
according to instructions on the blog the button not
only did not change border colors, it invalidated the
"clickability" of the graphic, making response for the
IE user impossible.

I didn't check every detail. As soon as I uncovered
this issue I posted a comment on the blog where
the method was explained (comment was not
published), and discontinued use. I'm still playing
with it on one form I have... and can't say the button
feature always fails with IE7, but I am concerned
about the issue, obviously.

Always test these sorts of things for cross-browser
compatibility. You could be running ads 40% or more
of your visitors are unable to act on.

Loren Woirhaye is offline  
Unread 16th Oct 2009, 03:22 AM   #9
Info+Automation Wrangler
War Room Member
 
TroyNotes's Avatar
 
Join Date: 2009
Location: Los Angeles
Posts: 42
Blog Entries: 1
Thanks: 9
Thanked 17 Times in 9 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

I created a version you might be interested in. I call it the Ultimate Belcher Button, another member called it BABB (Bad A** Belcher Button)

- it has animated rollover and press
- works in every major browser
- it scales up and down (recreated in Flash/vector)
- it's half the size
- adjustable price text
- it's free
- it's cleaned up (no dithering)

I"m still to new to post links here but you can find it easy just by searching google for "Ultimate Belcher button UBB"
TroyNotes is offline  
Unread 16th Oct 2009, 06:58 AM   #10
An Old Hippie
War Room Member
 
milan's Avatar
 
Join Date: 2007
Location: All Over Europe
Posts: 1,598
Thanks: 109
Thanked 128 Times in 79 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Originally Posted by TroyNotes View Post

I created a version you might be interested in. I call it the Ultimate Belcher Button, another member called it BABB (Bad A** Belcher Button)

- it has animated rollover and press
- works in every major browser
- it scales up and down (recreated in Flash/vector)
- it's half the size
- adjustable price text
- it's free
- it's cleaned up (no dithering)

I"m still to new to post links here but you can find it easy just by searching google for "Ultimate Belcher button UBB"

That's what I call a good first post Thanks Troy. Here is the link

milan is offline  
Unread 17th Oct 2009, 03:09 AM   #11
Info+Automation Wrangler
War Room Member
 
TroyNotes's Avatar
 
Join Date: 2009
Location: Los Angeles
Posts: 42
Blog Entries: 1
Thanks: 9
Thanked 17 Times in 9 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Wow Big Thanks for linking people up, I've already had like 20 people from the Warrior Forum get it!

Got a request to add sound for the rollover/rollout and mousedown/up so it's going to get even better!
TroyNotes is offline  
Unread 23rd Mar 2010, 03:44 PM   #12
Active Warrior
War Room Member
 
ab420's Avatar
 
Join Date: 2010
Location: MA, USA
Posts: 72
Thanks: 16
Thanked 6 Times in 6 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Thanks Colin, it works perfectly!

ab420 is offline  
Unread 23rd Mar 2010, 08:31 PM   #13
HyperActive Warrior
 
Join Date: 2006
Location: , , USA.
Posts: 146
Thanks: 5
Thanked 6 Times in 6 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Anyone know how to code these into Oscommerce/CRELoaded websites? I've been wanting to try this for awhile on some of my sites...

RocksIT is offline  
Unread 23rd Mar 2010, 08:40 PM   #14
Senior Warrior Member
War Room Member
 
Join Date: 2005
Location: Danville, Ohio, USA.
Posts: 4,379
Thanks: 343
Thanked 115 Times in 91 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Hey you guys - you rock!

Thanks for all the directions to the different effects.
mmurtha is offline  
Unread 22nd Nov 2011, 07:54 AM   #15
tpw
Bill Platt
War Room Member
 
tpw's Avatar
 
Join Date: 2004
Location: Stillwater, Oklahoma, USA.
Posts: 9,632
Blog Entries: 4
Thanks: 8,868
Thanked 7,954 Times in 3,602 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

This thread was originally resurrected by a spammer, but I must admit, this thread was worth resurrecting for once.

Bill Platt, Redneck Marketer, PlattPublishing.com

Warrior Forum's WSO of the Week (8-19-2015): Coloring Books for Adults

My Latest Book quickly became an Amazon Best Seller: Advanced Book Marketing for Starving Authors
tpw is offline  
Unread 29th Nov 2011, 02:10 PM   #16
HyperActive Warrior
War Room Member
 
Join Date: 2010
Location: Vegas
Posts: 324
Thanks: 74
Thanked 92 Times in 56 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Thanks to TroyNotes for a great tool!!!

X
XXXXXXXX is offline  
Unread 29th Nov 2011, 03:53 PM   #17
Advanced Warrior
War Room Member
 
Join Date: 2009
Posts: 689
Thanks: 644
Thanked 135 Times in 93 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

I personally wouldn't rely on the Belcher Button. He claims that it worked well for his own niche or niches.

Firstly, just because it worked for him in his own unique circumstances (niche, method of communication, product for sale etc), doesn't mean it will work for me. I tried it in the weight loss niche and it didn't work nearly as well as a simple large text link saying 'Click Here To Buy *Product Name* For $*Product Price*'

The Belcher button may look nice, attractive and clickable, but that's no reason to suggest it converts better than something more simple. Just like a flashy website tends not to convert as well as a simple one.

Also, Belcher claims to have tested this button to death with excellent results, but who knows if these claims are true?

Bottom line - do your own testing and see what works best for your own unique situation
Snow_Predator is offline  
Unread 15th Dec 2011, 03:23 AM   #18
VPS Server specialist
 
Join Date: 2011
Location: Bergen
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default
Re: The Perry Belcher Button with roll over effects for PayPal
Share on: 
fb share twitter share gplus share more share

Originally Posted by Snow_Predator View Post

Bottom line - do your own testing and see what works best for your own unique situation
Amen to that!

I have lost count of all the guru recommendations I´ve tried only to find that their tactics was just applicable to their special situation.

But most often the faulty recomendations come from people who aren´t selling anything, just theorizing over marketing and regurgatating what they´ve read or heard and making a living as "advisors".

But thats a different topic!

Looking for great Virtual Private Server solutions?

You found it!
ServerBite is offline  
Closed Thread


Bookmarks

Tags
belcher, button, perry, roll

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




All times are GMT -6. The time now is 02:26 PM.