Making Your Pay Button Stand Out

Do you make it easy for your customers to find the pay button on your website and proceed to make a payment? If so, you may be all set. But, if there’s any uncertainty about how easy it is to get to your payment portal or where the pay button is, it may be worth stepping into your customers’ shoes for a moment to see if your button can be improved or if the process can be simplified. This article provides tips to make the most of your pay button.

The key to a successful pay button, or any call-to-action button, is to make it stand out. It should look like a button that is clickable and the text description should be straightforward such as “Make a Payment” or “Pay Utility Bill Online” so it is clear what will happen when clicked. Text links are sometimes used, but can be more difficult to spot on a page that has a lot of text and would be best to be replaced with a button graphic. As far as shape, rectangles seem to be the most popular, but they should be consistent throughout the site.

Placement is another factor. For quick access, it is recommended to have your pay button on the home page, which could be standalone or grouped with other popular buttons. If customers are left guessing where to go to find the link to make a payment, then they may end up choosing to mail a check instead or even calling your office to ask how to pay online. Note that there could be some limitations on button placement depending on the layout of your website and how much control you have over making changes.

Color also plays a role in drawing attention to your pay button. For example, if blue is predominantly used throughout your website, it may seem like a blue button would be the obvious choice. But, that would not necessarily be the best choice because the button would likely get lost on the page. Instead, a complementary color like orange would be a good option to help the button stand out. Another thing to keep in mind is the text color, which should have a high color contrast with the button such as white text on an orange button. For more color insight, you can refer to opposites on the standard color wheel or check out Adobe Color.

Tips to make your button stand out:

  • Make the button easy to spot on a page
  • Keep text to the point and lead with an action-verb
  • Make the button easy to read with high contrasting text (light text on dark background/dark text on light background)
  • Use first person language (my) rather than second person (your)
  • Lead with the primary or most-used button(s) first if there is a group of buttons
  • Choose a button color that is not already used frequently on the page
  • Rounded corners help draw attention inward
  • Find the right size based on your layout so it is not too small or too large

Lastly, remember that buttons come in all colors, sizes and shapes and there isn’t one that will work for everyone since variables such as layout and colors already used throughout the site come into play. If you’d like to update your button and would like assistance, we can help. Contact Marketing at