Get the Ultimate Belcher Button (UBB) with Rollover effects

It’s big, it’s ugly, it’s proven to get 35%-320% conversion over other buttons. Odds are you’ve probably seen it…and now the infamous Perry Belcher button is even better.

How do you take something that well tested and make it better? Watch this short 1 minute video for a preview:
[flash http://www.troynotes.com/wp-content/uploads/2009/10/troynotes_ultimate_belcher_button.swf w=550 h=300]

4 ways the Ultimate Belcher Button (U.B.B.) is Better than the original

1) Figure out what you shouldn’t take out .   Start by listening to Perry’s great video on why each element in the Perry Belcher Button is important and how they synergistically work together, don’t change what’s proven to work,  unless you have time and money to do split test 10-100K combinations.   Unlike the others out there I didn’t remove anything that impacts conversions.

2) Make it Interactive: Images are so static..and dead, half the time I can’t tell if it’s clickable or not. It’s nice to be reassured I’m actually over something via clear continous feedback visually and auditorially.    I come from a background of making video games and I demand that buttons be button like, having rollover and press visual states. As this warriors forum post will attest, I’m not alone in knowing these subtle things can increase conversion. so this has nifty liquid rollover effects in the button not possible in CSS and hyperlink also has rollover and hit states.  You can see those in action in the video or by hovering over the opt-in form at the upper right which has a similar button.

Added a rollover green border from the Conversion Doctors tip, possibly because green is associated with go, but also that green and red are opposites so is a good way of reducing page blindness.

3) Put it on a diet: Perry’s Jpeg is bit big at 28KB,  Plain version is 11KB static 16KB (reconfigurable price).  While it’s possible to create something close in css/html, or a stripped down version here they are all missing important features that add to the bottom line, if you’re going to use might as well get the whole thing.   By careful use of Flash not only is it half that size (20KB) it has many more features.

4) Make it scale: jpeg’s and gifs don’t scale well.  Sales buttons need to be able to fit anywhere.  Flash vector graphics and text in the Ultimate Belcher Button can scale cleanly up and down, from tiny to giant:

troynotes_resizeable_ultimate_perry_belcher_button

(not shown in the video) Updated the credit cards to used a cleaned up graphic from http://www.credit-card-logos.com/ which also shaved off some size and reduced the jpg dithering in the original, flash does an okay job smoothing images so these look fine until you make it way bigger…can’t imagine why you’d want to do that.

How do you get the Ultimate Belcher Button?

Well right now you can’t, It’s been built for the the new intellinar service, which I can’t say much about right now as it’s still in stealth mode, but obviously if we’ve gone to this detail to get conversions up on a single button you can imagine how what we are doing to the rest of the service for your sales.

Update: I have a version that works in html and javascript available to my Troynotes Insider members with a video instruction guide. So opt-in on the upper right, and you’ll get a copy in your email, also you’ll get access to updates on it (we are adding sound and paypal).

Oh the new opt-in uses the same style button.

P.S. If I get 30 comments on this post, I’ll make it available to everyone for free.

P.P.S. I tried to let Perry have it, but he has left the IM to focus on his businesses, if so this button is dedicated to the big shiny money getting occasionally rude man who helped me get my start…this button is allot like him 🙂

48 thoughts on “Get the Ultimate Belcher Button (UBB) with Rollover effects”

  1. Hey Troy! The button is looking good. Keep up the great work! Not sure what happened to Perry’s Twitter. It’s been down for over a week. I did get an e-mail from Twitter saying not to change PW or other account info right now because they are having some technical challenges, so maybe Perry is a victim of that right now? Cheers, Roland

  2. Dude… that’s one Bad-Ass Belcher Button. BABB! Very very nice… I look forward to trying it out on the new webinar replay service.

    As for sound… I dunno, would have to test to see what it did of course. 😉 I think ambient sound would be potentially confusing, but sound during the mouseover and click states could be a great added touch.

    Keep up the awesome work!

    Jonathan

    1. Hey Jonathan!

      I’ve gotten enough demand that I’ve made it accessible by optin-in. It’s attached in a zip to the thank you email and instructions are on this blog (linked) in this post.

      Not ambient sounds just button sounds. Got a friend in sound fx starting on design for the mouse rollover, rollout, mousedown and up events. I’ll send an update to the list.

      Thanks!
      Troy.

  3. Man…I agree with Jonathan, the button is awesome but i would like the sound during the mouseover and click areas for a great touch. I see you’re doing BIG THINGS now Troy. KEEP IT UP…and BRING IT UP!!

    BRING IT BABY….YEAH!!

    Drew Blair…

    1. Hey Drew!, will get the sound fx in soon. If you haven’t opt-in and you’ll get a copy and updates on when the sound is integrated!

      I sent you a private email on your other questions.

    1. Hey Troy,

      Yes, I did check out your video several times. I didn’t quite “get it”. But I’m working on it and I’m sure I’ll get it eventually.

      Also, I’m on your list, so I look forward to the updates.

      Thanks for the cool button, I like it even though I haven’t quite got the linking figured out just yet. :o)

    1. Hey Anthony,

      I’m not sure on the opt-ins, we have the form on my site but I didn’t notice any change on using the UBB style button with it over the plain text, I think it really comes down to how good your offer is.

      Eventually we’ll have some other options for button text and forms.

  4. Amazing stuff, I was blown away by the amount of testing and the effectiveness of the button’s different areas and approach to design and color. Most people would never even begin to imagine all the psychology factors behind this, simply brilliant and thanks for sharing it with us.

    1. Hi Mungqi

      The UBB has a flash detection script, if there is no flash it falls back to an PNG image version. While I have not tested, the ipad (and many mobile device) should behave like a flash-less player.

  5. Well, I guess that makes me the doofus! 😉

    Glad to see you were thinking about flashless devices (such as people who just never got around to installing it). I assumed (wrongly) that if there was a feature like that, it’d be mentioned. Nice work!

    1. Yes

      I suggest you download the zip of the files host yourself.
      Have your web guy look at the javascript code to embed and there is an easy to spot price in the embed/object arguments.
      Have that code integrated into your current php/etc that normally generates the prices and url.

  6. hello !
    i am new and know nothing about this ubb, from where i start to use this button
    how i pass values and how i get the required result from it.
    please help me in this regard thus start using this ubb.
    tnx in advance for help!

  7. I have read a few good stuff here.Certainly worth bookmarking for revisiting.I surprise how much effort you put to create such a excellent informative web site

Leave a Reply