What is it that you want your viewers to do?
Writing a compelling Call to Action will help your conversions.
One tried and tested method is to have an Action (order or command) followed by the Product Name (optional) with a Timeframe (for a sense of urgency) and then a Tagline (sometimes located outside the button).
The following simple form allows you to pick some common variations to come up with a unique call to action phrase that fits your product or service.
Web Devil Call to Action Generator:
Now you have a phrase - you can start building the button.
Basic rules for Call to Action Buttons are:
- Large button shape (biggest on page)
- Contrasting colours to background and button text
- Bright and friendly (therefore rounded corners)
- Centre stage position
- Lots of whitespace around the button
- Offer a secondary action as an alternative (eg. take a tour)
Check out the buttons in the graphic above, or just surf around the web looking at the big players and their call to action buttons (skype, firefox, apple)
Check out the following articles on how to build a great button in CSS or using Photoshop:
HTML5 and CSS3 buttons, tabs, forms and tables
Make scalable buttons using CSS3, RGBA and the Button Element
Photoshop button tutorials
No comments:
Post a Comment