The UBB Ultimate Belcher Button Wizard
Want UBB’s on your site in seconds? then this wizard is for you, and there is now there is NO opt-in required and NO charge.
I can’t believe we are giving away this power without charging for it. Given the amount that Perry spent on split testing and how much I’ve spent on development this may probably the most expensive web button ever created. Put it to good use and make sure you put into YOUR pocket every penny we’ve put into it.
The unsolicited feeback from the 100’s of people in the last few days since quietly releasing this has been great. Even the guru’s love it (I’m not at liberty to say which)
“Awesome – numerous people including many certified PLM (product launch managers)
Amazing – numerous people.
This wizard is for the Ultimate Belcher Button 3.0, if you have them there is nothing wrong with the UBB 1.0 or UBB 2.0 though I strongly encourage you to use the latest.
While I can’t promise it will work miracles it can at least make your life easier setting it up than whipping out photoshop every time.
“SUPER IMPORTANT NOTE!!”
The Belcher Button is meant to be used with a xx-large Tahoma read header above it (just like that “super important note) this has been split tested to be an important part of the UBB. Use it! It serves the important role of WHAT is being gotten, before getting into HOW MUCH, and HOW can I pay for it.
We didn’t include it in the UBB because it’s important for even when the flash isn’t enabled to be there and that can’t be done with just an image. It’s easy to do in html with the following code and keeps the file size down as we don’t have to embed Tahoma into it.
Just copy and paste it above the div where you paste the output from the UBB Wizard the following:
<span style="font-family: Tahoma; color: rgb(204, 0, 0); font-size: xx-large;">“The Belcher Button”</span>
UBB Wizard Tour (10 minutes)
This video covers feature by feature all that the wizard has and you can play with, it’s highly recommended if you want to get the most out of the UBB.
Below is the UBB Wizard, it may look like a picture but anything in the boxes or even the priceline you can just fully edit. Then copy the embed code into your html page, every change is reflected in real time.
The EZ UBB Wizard ..create UBB’s in seconds
Also if you want to here about updates and the many other cool tools we are making to make your life easier and sales better, you should opt-in here:
FEATURE LIST
So many features, so many options packed into a tiny button .
-
Copy and Paste embed code ease of use!
- We host option gets buttons delivered fast using Amazons Content Delivery Network.
- no files to install in basic usage.
-
Way more control over appearance
- fully customizeable price text
- fully configureable strikeout
- fully configureable dashed border
- configureable trim (so you can play with Belcher vs Johnson effects)
- New two states for those long loading order pages (e.g. paypal)
- improved gleam effect and rollover appearance vs UBB 1.0 and 2.0
-
Easier integration with your order pages
- just put the url
- EZ MULTIPLE OFFERS PER PAGE (e.g. gold and silver and platinum options membership)
- PayPal Support
- new frame
- Google Checkout Support
- new frame
-
New sound options
- selectable themes (more coming)
- Ability to provide custom sounds,
- Ability to have a rollover instruction (need to supply your own mp3)
- Still support full javascript api.
- Fall back image for people without flash. (standard compliants SWFObject for flash embedding)
- Exit popup suppression on Firefox + Chrome (IE not working sadly)
- Still small, 38kb + whatever you need for sounds (bigger but not huge)
If you have exit popups on your windows on the page exit in the HTML page. The UBB button is supposed to insert the code that blocks the popup windows on the exit. It works in Firefox and Chrome. But in the IE the popup window still appears, although the JavaScript inserted from the UBB is supposed to suppress any popups on exit.
FAQ:
If you have a question please comment below and I’ll get to it promptly
How do I get a copy of the files (.swf) to host on my own site?
Download a copy of the zip here,
Please do not link directly to that zip, also the wizard itself is only available on this page right now.
Can I change the” Regular $xx Today $xx” with something like “Subscribe $9.97 – 30 Days Free”
Yes that priceline is completely customizeable, just drag to select all, hit delete on your keyboard to clear it out and then replace it with whatever you want.
How do I setup a strike price?
To setup a strike price you should
1) in the UBB itself type in all the priceline you want e.g. “Price $57 Today $17″
2) select the enter part you want to be striked out e.g. $57, that should show up in white text with a black background.
3) click the strikeout button, you should see a line through the $57
How do I get a paypal link into the button?
Inside Paypal, when getting the code you paste into your page, you have two options, you need to get the email link It should look something like this (replace 123ABCDEFGHIJ with the one Paypal gets you)
https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=123ABCDEFGHIJ
Paste that into the Click URL box :
If you need help see this warriorforum post on paypal hyperlink
How do I do more than one option per page?
There is UBB ID, each button on the page needs to have it’s own id. so
Setup your first button, copy and paste it into your form, test that it works correctly.
Go back to the wizard, probably clear settings
Change the UBB ID to 2 (or whatever the next unused value is), fill out the options for that button, copy and paste that into your web page. Test both buttons.
If you need to see an example, take a look at this page which has 2 UBB’s on it.
1 common header script for SWFObject, then two divs, one for each button.
http://www.troynotes.com/ubb3/zanti.html
Do I need to replace the UBB 1.0 and 2.0?
Not at all. They are different creatures. The UBB 1.0 was designed to be small, The UBB 3.0 was designed to be flexibly powerful, so it’s almost double the size (But still on par with banner ads, which if your using our CDN should load quickly)
What does the actual code look like in the HTML?
here’s an example of a single belcher button nothing else.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="http://cdn1.troynotes.com/common/js/swfobject.js"></script> </head> <body> <div id='altcontent1'><center><a href='https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PUYBP3U4MRLDG'><img src='http://cdn1.troynotes.com/common/ubb/Belcher-Button.jpg' alt='9' width='470' height='245' border='0' /></a></center></div> <script type='text/javascript'> var flashvars = {priceText: 'Regular%20Price%20%2457%20Today%20%2417', paypal: 'paypal', soundPath: 'null', ubbID: '1', url: 'https%3A//www.paypal.com/cgi-bin/webscr%3Fcmd%3D_s-xclick%26hosted_button_id%3DPUYBP3U4MRLDG', urlTarget: '_self', strikeBegin: '14', strikeEnd: '17', message: 'Loading%20the%20secure%20page%0DPlease%20wait...', dashLength: '15', spaceLength: '15', thickness: '3', trimScale: '1', frameColor: '13369344' }; var params = {}; params.allowscriptaccess = 'always'; params.menu = false; var attributes = { }; swfobject.embedSWF('http://cdn1.troynotes.com/common/ubb/troynotes_ultimate_belcher_button1.swf', 'altcontent1', '470', '245', '9.0.0', '', flashvars, params, attributes); </script> </body> </html>
How do I use this with Rapid Action Profits?
This tip from Larry Keenan (thanks!)
*~*~*~*~*
It will work in RAP as is.
Click Url will be http://domain.com/product/index.php?action=order
Put <script type=’text/javascript’ src=’swfobject.js’></script>
as the first line of order_button.html
and paste the rest directly below it.
Edit I tried it out – Used the wizard and made my base url
http://mymagicwebutilities.com/vidoptwiz/
If you visit yhe above link, You will have to wait to near the end of the video to see the order button as it’s a timed display.
_________________
Have a Great Day!
Larry Keenan.
*~*~*~*~*~*
How do I use this with…
There are a billion scripts out there so in order to save time.
The UBB default behaves just like a hyperlink. So get whatever you’re working on working with a conventioanl html hyperlink first before using the UBB Wizard.
A Hyperlink looks like this:
e.g. <a href=”http://paypal.com?something&page_style=something¬ify_url=somethingelse“>click me</a>,
To get that working contact whatever support on what needs to be done, OR hire someone off scriptlance OR try different things do it yourself till it is. This last only takes a few seconds with a blog, create a new page/post, paste the code, publish it, edit it until it works. Then delete the post if you don’t need it anymore. Feel free to play…. you aren’t going to break the web 
Then once that’s working then you copy whatever is in that hyperlink into the UBB click URL,
If what you are doing can’t be done via a hyperlink, then use the javascript hooks to do whatever you need, form submission etc.
If it doesn’t then let me know what’s going wrong.
How do I center this?
Add a align=”center” to the div. e.g.
<div id=’altcontent1′ align=”center”> …rest of the ubb
What’s the catch, Is this really free?
Yes, at least this version is for now, though I reserve the right to change that back.
There is multiple reasons I’m doing this:
I could easily continue requiring opt-ins, but with the shift to the CDN that’s less enforceable. It’s like why bother?
Perry didn’t charge for it, trying to keep in the same spirit.
Challenged by Eben Pagan, I’m testing the ‘free-line’ theory (aka Give Em Cake) , in regards to the quality of the optin and volume of traffic. Of course my hope is that if you like what we have that you will opt-in so we can give you updates on the stuff you like plus more cool stuff, but really if you can’t see the value in what we are dishing out then you’ll be happier someplace else, and we certainly don’t need you.
Practically, there is a certain strength in numbers, if enough people use the UBB on our CDN, all the edge locations keep the UBB fresh and we all win faster loading for our users. To be sure costs me money but the bandwidth charges since the UBB is so small at the moment it’s negligible in comparison to hosting video.
I built the UBB for my own sales pages and the wizard for the Intellinar service as well as my staff to use when creating my sites. Basically I’m already getting my money out of it, but it doesn’t hurt to have this part independent and exposed. Given there are 100+ thousand niches, obviously everybody can have a separate copy of the button and not have an hugely unfair advantage.
It’s a button! not a cure for cancer. As well as the original belcher button has done for Perry, your results will likely vary, considerably, I make no claims. To be honest, this is a brand new creature, hybridizing the belcher button, grapham button and amazon buttons with quite a bit of flexibility. So tweak tweak tweak, test, test test!.
A button is only a tiny part of the whole sales incentive, if you have a offer which turns people into rich, famous and sexy by pressing a single button, that could look like a pile of dog poop with flying flies and people would still click on it like crazy, they could get electical shocks and they’d still fight over who clicks it first. Conversely if you have something that chopped off their nose, it could look like solid diamond on the hand of your favorite celebrity nude, and nobody would click on it..
How do I create my own custom sounds?
If you want to submit it to the community put them in a folder like this
ThemeName/ubb_instruction.mp3
ThemeName/ubb_rover.mp3
ThemeName/ubb_rout.mp3
ThemeName/ubb_click.mp3
ThemeName/ubb_tick.mp3
ThemeName/ubb_tock.mp3
They MUST be mp3’s and they must be named that for the button to load them and sound much be turned on in the wizrd.
When creating your mp3, ensure that the frequency rate is a multiple of 11,025. Flash is known to have “issues” (may sound distorted, like chipmonks or like a monster) when the MP3 uses a frequency that is NOT a multiple of 11,025 kbps.
Good:
- 11,025 kbps
- 22,050 kbps
- 44,100 kbpsBad:
- 8 kbps
- 16 kbps
- 22 kbps
- 48 kbps
WHAT TO DO NEXT:
use it! comment on what else you want in UBB 4.0 ! Shout out!
(No Ratings Yet)
Loading ... (No Ratings Yet) Loading ...
{ 26 comments… read them below or add one }
Hi Troy – I think this button is great!! A great contribution to the community!
I received notification the button was available, and tried it out on my site a few minutes later. A question though… I chose the option to host it on Amazon, but the dashed coupon line isn’t showing up, and neither is the price text. You can see an example of what I mean here… http://www.lifeonrecord.com/Mitzvah.htm Thoughts?
Glad you like it!
On that page I only see the fallback image, the swf isn’t showing up at all.
I see that you have swfobject there which is good.
And you have the alternate div but I’m not seeing the rest of the embed code from the wizard.
I just see this:
take a look at this example (view source) to see what it should look like
http://www.troynotes.com/ubb3/zanti.html
Amazing. I would have bought it. So now I owe you one. cheers, Mal.
p.s. just linked to you from TheWarriorForum copywriting section – http://www.warriorforum.com/copywriting-forum/173460-free-ultimate-belcher-button-just-released.html#post1691339
wow Malcom thanks! I appreciate the post on the warrior forum. I think we are even
Thanks – I must not have copied all the html from the wizard box… One other question – if I did want to host this on my site, where can I find the swf files? Thanks again!!
Get the zip of the host it yourself here.
http://troynotes.com.s3.amazonaws.com/common/ubb/UBB3_release.zip
Troy,
This is an awesome script you’ve developed – congrats! And thanks for moving the free line, too.
You mentioned it being a combination of both Johnson and Belcher buttons. I wonder if you’d consider also adding the option to switch the wizard from “combo” mode to only Johnson mode?
I’m talking about wizarding ONLY the button, including button text, for such applications as optin forms and such. Possibly include the option for the J-box around the button, too.
To me, that would make this a much more useful & valuable tool by expanding its possible uses by 50% or more for the average marketer.
And oh, by the way, I’d be very interested in buying a script or standalone desktop app that did all this stuff. Particularly if it could make custom buttons that would work in Aweber or other email systems in addition to all the payment button options it offers. Am I just fantasizing?…
Hope not,
Russ
Hey Russ!
I misspoke it’s actually a combo of the Graham (aka Conversion Doctor), Belcher (which uses a Johnson box) and Amazon.
I’m with you, we will continue to improv the button:
- so you can replace ALL the text in the UBB (which is somewhat tricky with the tweening),
We TOTALLY agree it will be more useful to the average marketer then, but that’s a much different product.
- change button styles (I’m collecting my favorite)
- preconfigured for common purposes (there are only so many things people put on buttons so I’m collecting them)
But this was overdue a month (it was supposed to be a happy 2010 present to my subscribers) so wanted to get it out so people could use it, and get feedback on what they wanted next. It was actually quite the adventure getting it to this point,.
If you have a particular button and a particular style of the Johnson box you’d like us to get in point me to it. We’ll get it in.
It’s not hard to make a desktop app that does all this, I plan on doing that once we figure out the sound recording issues. This button supports a rollover area with instruction, so for example if you were Frank Kern you might say “press the order button already!” when they roll over it. What’s a reasonable price for a utility that did that plus all the other features?
I’ll investigate aweber, the key issue there is that it would only work with html email and I’d have to do some research on what happens. Outputting images that probably aren’t interactive would work there for sure, less sure about interactive and flash elements.
I have done everything as instructed but for some reason the images are showing up it only shows the outline of a box with the number 9 and a small x icon. Any suggestions?
Hi Tim, can you point me to the page, I’ll take a look at it see what’s wrong.
It’s not published yet but I can send you a screen shot if you have an email I can send it to
Troy, what can I say. What you and your great team have done is amazing. Thanks for all your time in making this happen.
Zanti
Thank you Zanti for your great questions, it’s made this page better for everyone!
Thanks! I had your original, although with my limited techincal knowledge I couldnt figure out how to get it to work! You generously offered to have your support team help me out, which is fantastic, seeing as it was free! I got backed up and didnt get a chance … and then I see this in my inbox!!
All I can say is thank you! My sites are going to look much better, currently all I have is a basic link.
Thanks again, appreciate it!
You’re very welcome Ashley! Thanks for your patience in us getting this out, I hope it was worth the wait! ( I believe it is!)
OK, this may be a dumb question, but how do I center the flash? The button looks centered in DreamWeaver (It’s in a 1×1 cell and it’s centered) but the flash button is left-justified and I can’t seem to get it centered. Even if I set it to be right-justified, it’s still left-justified. Thanks.
Thanks Troy – great looking button.
Just wondering, and I may of missed it but can you just have the button without the pricing headline and the credit card images. I would love to use just the button – is that possible?
Regards,
Steve
Unfortunately that’s not presently possible Steve, to be a true belcher button all the elements are important (and each has been split tested 10K times) but certainly I’ll add it to the wishlist.
Thanks Troy. I already have the other elements installed but I don’t have the border which turns from red to green. That is neat and I would love to install it on my site. Also I don’t accept all the cards listed in the UBB – I only accept MC and Visa.
Regards,
Steve
Hey Steve,
As a interm hack, You could probably just get two screenshots of the up and over states and toggle them with javascript. It just wouldn’t have the liquid rollover of this one.
FYI The next version will have selectable payment options (eCheck etc)
Cheers!
troy.
Excellent Resource, thanks so much for sharing..Question…
Is it possible to add an image to the background of the button, above the pricing? For example , if you were selling DVD’s..a photo of the DVD package within the red check box right above the Prices? It would expand the box to fit the image but the image would have to be inserted into its own cell?
Just asking..thanks
Barry
Hi Barry.
Right now, no, what you see is what we got
but I’m open to adding that feature. I think you said you want the graphic inside the dashed area, just centered above the priceline?
If you have a thumbnail, shoot it to me troy at troynotes dot com and I’ll use that for my team to implement. Not sure when that will be as they are focusing on stuff we aren’t giving away. If you are opted in you’ll get notified of course.
The complication is that in flash there are security restrictions to loading images from anyplace so this would likely only work if you hosted the button yourself and then only in flash until we made some utility to create a image out of it.
Troy.
Hi Troy,
I just tried the UBB for the first time. The PayPal email link with “&hosted_button_id” is fetching the plain image and putting it directly ABOVE the UBB.
So I have two buttons, one just the plain image, and directly below it the UBB image with all the trappings.
Have you had this issue before and is there any way around it?
Paul
Paul, did you get this figured out? it’s been a few weeks and I know we had some dialog over email.
I noticed your Way Cool Opt-In Form has a stripped-down Belcher Button… Any idea how (or where) to paste the code into your Opt-In Form code to incorporate a Belcher Button there?
Hi Daniel,
The way cool opt-in I’ve noticed actually hasn’t really gotten that many more optins than the previous one, But I don’t have a ton of traffic to do a real split test. One person told me they mistook it for a banner ad.
The UBB button at present isn’t meant for optins, as the fixed “add to cart” doesn’t make sense. In that sense it’s not a belcher button as it’s never been tested in that purpose. But it can be used with optin forms via the javascript hooks.
In a future version we may release Opty (that rich optin form I use) and there is plans to make the UBB have adjustable text so you can make it suitable for optins and other non-cart stuff, as well as other buttons. But my team is currently busy on other bigger projects.