It’s rare you don’t have a button on your page, maybe you have more than one. So how about some top tips for buttons?
1. Make Buttons Look Like Buttons
Sounds obvious – but use the in-built gallery of buttons designs. Whatever you do, your visitor must know immediately what are “clickable” buttons that “do something”. If they’ve got to work out what to click on, your conversation rates will plummet.
Make them big enough. Make them stand out. Make them obvious.
Don’t assume that because you know something is a button, your visitors will. This is probably their first visit to your page. You don’t want them trying to work out what to click on.
Use Shadows. On the Borders tab in the Config Bar a subtle (or even bold) shadow can make your buttons stand on.
Use white space. I’m a big fan of white space. Don’t crowd your buttons.
2. Put Buttons Where They Are Expected To Be
Avoid the “let’s find the button” game. If your copy (your words) lead to a call to action, that’s where your button should be.
Your pages should lead the visitor and your buttons should sit naturally within it.
3. Label Your Buttons Correctly
What’s on your buttons should be a clear direction to the action being taken. Avoid “OK” or “Cancel” or “Yes” or “No”. Et cetera!
If in doubt, finish the sentence “I want to…” (from the visitors point of view).
4. Size Your Buttons Proportionate To The Action
Again, make them stand out. They should be clear and obvious.
Switch to T4S’s mobile view and stretch them out. What’s easy to click on with a mouse, may not be so easy with a finger!
5. Put Them In The Right Order
If you have more than one button, ensure that they are not only in the right place, but in the right order.
Your page should be a story. It’s a conversation with the visitor.
The buttons should be part of that story.
6. Avoid Too Many Buttons
Don’t overload your visitor. Buttons can be repeated as part of the story, but don’t have too many.
And try and minimise the options.
Ideally, on a sales page, you have one question, one answer, one button (which can be repeated on longer pages as appropriate).
Or one benefit, one solution, one button (possibly repeated).
That way your visitor has one – and only one – choice to make. Do they click or don’t they. More choice = lower conversion rates.
7. Provide Feedback
Change the rollover colour (under the More tab in the T4S Config Bar) so as their mouse moves over a button it changes colour.
It’s a prompt to emphasise the call to action.
If you’re using an image as a button, consider setting an alternative “roll over”. Top of the Config Bar in T4S when editing an image.