create-cool-web-button
A very crucial part of Web Designing is making Web buttons. They are present on webpages, emails, online advertisements and banners with the sole purpose to induce ACTION. Asking the user or reader to do something and take action. The main idea of these buttons is making the user take a particular path after he or she has landed on this page, such as subscribe to a newsletter, buy a particular product, avail a discount, share the page with others or download some document etc. It is very important for these buttons to work and induce clicks!

Here are some simple tricks of color, size, text and shape to make Web Buttons that have higher click through.

1. Use words that induce action

The first and foremost trick to making web buttons that work is using ‘active verb’. The purpose of the button is to tell the user or reader WHAT TO DO, so the verb must be in active form, clearly stating what has to be done.

Using only CLICK HERE is never a good idea it is totally vague not telling the user what to do clearly, what will happen after clinking here isn’t answer? Use ‘click here’ with other words to tell the user what will happen if he clicks here? And what is the benefit of clicking here? E.g. CLICK HERE FOR DETAILS, CLICK HERE TO DOWNLOAD, CLICK HERE TO GET A DISCOUNT

Some great active verb options are:

  1. DOWNLOAD NOW
  2. TALK TO AN EXPERT
  3. LEARN MORE!
  4. BUY NOW
  5. READ MORE!
  6. SUBSCRIBE TODAY

2. Make the web button as big as possible

The purpose of the web buttons is only achieved if it catches the eyes of the user or reader. So it must stand out from the page. It must be around 225 pixels (W) by 45 pixels (L). And for mobile viewers the size should be about 45 pixels (W) by 45 pixels (L). If you happen to have more than one button- make them vary in size depending on which is more important for the purpose of the website (or wherever it appears). E.g. make BUY NOW bigger that GET A DISCOUNT

3. Place the web button correctly

The positioning of the button plays an important roll too in the click through ratio. It must be placed with logical flow and in a prominent place that induces more clicks. First scroll of the webpage or the first bit of an email that are viewed make good sense.

4. Make it stand out with color

Color and its correct usage is very important too. The colors of the button must make it pop and call for attention. It must be different form the rest of the colors on the page.

5. Give the button some space

For the button to get its due importance give it some breathing space. Have enough white space around it, for it to be noticed easily. Even on the mobile screen having enough space around the button will ease the user into clicking.

Some Cool web buttons for your website

add-to-cart-web-button

buy-it-now-web-button

discount-web-button

download-now-cool-web-button

download-now-web-button

limited-offer-web-button

special-offcer-web-button

web-button1

web-button-access-now

web-buttonadd-to-cart