5 Best Button Practices for Websites Make A Big Difference

#webdesign #calltoaction #localbusiness

00:15 5 Best Button Practices for Websites that you should follow; every business owner should do.

00:23 So, right quick, I’ll give you the five, and then I’ll explain.

Number one is the number of buttons on the top of your page. Number two is going to be the label of the button. Number three is the color. And four is the shape. And number five is the link.

Okay, so now we know what our five best button practices are. Let me explain each one of them to you. And then I also want to show you some before adding in some before and after examples.

01:02 Okay. So number one is having at least one button, but no more than two buttons on the top of your homepage.

Okay? The reason for this is you want the customers want to engage with you. But if you give them too many options, they’re gonna get distracted.

And then, they’re never going to make a decision to get engaged because they’re looking for that thing, to click on, and engage. But they’re not sure what to do when you have more than two options there. So it kind of distracts them and prevents them from having clarity on what to do.

01:39 So number two is the label of the button, you want the you want the button to say exactly what it’s going to do.

You want to avoid things like learn here, get more get started. You want to avoid things like that because the button itself is unclear. So just imagine if you had a button on a page by itself.

And it said to learn more. Well, what are you going to learn more about? So it doesn’t really make sense. And behind the scenes, there’s also, you know, accessibility issues. So the button says learn more. Again, it doesn’t define what it’s going to do.

But there are also SEO consequences. If it just says learn more, well, that’s not search engine friendly, either. So if you were searching for something specific,

02:29 if you’re trying to rank your page for something specific, then that button is not going to help you.

02:36 So that’s why it’s really important to label things exactly what they are. So you set those expectations, right. It’s kind of like, you know, when your friends play tricks on you, and they say, Oh, check out this great kitten video, you know, and then they give you a link to the famous, you know, the Rick rolls, you know, you’re watching YouTube, you’re watching the music video, so you’ve been tricked.

And so you don’t want to do that to your customers, you don’t want to trick them, you want to label the buttons, and link them to the thing exactly as, as it says is going to be linked to

The third part is going to be the color of the button.

03:18 So there’s been a lot of research on this, I’m not, I don’t know the stats, but I’m telling you that warm colors do best. A lot of people think that green is the color of money, or, you know, you know, or other colors have psychological meanings.

And we should use one of those colors. But most often times a warm color button, red, yellow, or orange, those kinds of those colored buttons are, they’re more attractive, and people are more likely to click on a button of that color. So you want to stick, with what works there. To increase that click-through rate.

The fourth item is the shape of the button.

And I have had a customer before to email me and say hey, you know, it doesn’t even look like a button. So when you just put a square box on the page, and it’s just kind of floating in there, or maybe the layout and design is very box-oriented.

And then your button is square as well. Sometimes it’s just not really clear that that’s actually a button to click on. So you can do things like rounded corners and add shadows, you know, and even change the text color that’s on the button.

So you have the background color, the text color, and rounded corner shadows, there are lots of different things that you can do to make it look like a button. And that just entices the users that oh, that’s the thing that I want. And I know it’s a button I’m going to click on it.

The Fifth Element here. 04:55 Best practice is to link the button to the appropriate page.

So if you’re, if you are putting on there, you know, a quote, you know, or estimate, okay, the button says, Plumbing Estimate, and you click on Plumbing Estimate, then they’re fully going to expect the page that they land on to be Plumbing Estimate.

So the title of the page is going to match the button, which is going to match where they are going. So that’s super important. Again, we don’t want to mislead people, when they’re clicking on, on buttons on your website.

Podcast: Play in new window | Download