Design

How to design a pricing page that converts

4 min read
Val Geisler
  •  Feb 28, 2018
Link copied to clipboard

Pricing pages are at the intersection of design, sales, and content.

There’s a famous human behavior study commonly called The Jam Study. For it, researchers headed to a gourmet market in California and set up a booth of samples of jam. They started with 24 jams to taste test, and every few hours they reduced the amount of options to just six.

Here’s what’s most fascinating about this study (aside from the obvious “there are two dozen flavors of jam?!”): No matter how many offerings there were, the average customer tasted just two flavors. And 30% of the customers who sampled from the smaller selection made a purchase, compared to just 3% of those who sampled from the larger selection.

According to the head researcher, Professor Sheena Iyengar, “People might find more and more choice to actually be debilitating.”

And choices are everywhere when you’re planning out a marketing site for a software company.

What color do you make the call to action buttons?

Do you use static images or GIFs?

And what about that pricing page? How can we keep the most important page on the site–the one that nearly every customer sees–working for us?

For a software company, the pricing page is the most popular page on any heat map and in any conversion-focused meeting. After all, this single page on your marketing site has the information potential customers want: How much is it all going to cost me?

“Your pricing page might be distracting your leads from becoming customers.”

Twitter Logo

In fact, when I talked to conversion pro and A/B testing expert at Draft Nick Disabato, he said the first place every single visitor runs to is the pricing page:

“I’ve run research-driven A/B tests for several dozen SaaS businesses over the past five years, and by far the most common interaction from the home page is to the pricing page. It routinely blows everything else away, including login from existing customers. Every heat map, GA funnel, and behavior recording I’ve analyzed points strongly to broad, perpetual interest in how much a service costs. How public you are about your pricing is one of the most important decisions a software business can make.”

Your customers are either price-focused first or features-focused first.Twitter Logo And it’s those price-focused customers we’re worried about most with pricing pages.

Because like the pros at KissMetrics mention, “your pricing page can either be greased to send people directly into a free trial, or become a bottleneck to growth by stopping people dead in the tracks.”

To have or not to have a pricing page

Before we get into the mechanics of a pricing page, let’s talk about the need for a pricing page.

Wondering why we’re even talking about this? Every company has a pricing page, right?

Not necessarily. We need to talk about this because your pricing page might be distracting your leads from becoming customers.

Jason Lemkin, CEO and Co-founder of EchoSign (acquired and now called Adobe Sign), says that some companies have a very good reason to not share pricing at all.

He shared five reasons why you might not want to have pricing on your website in a Quora discussion. The gist:

  • Some products have the possibility of having complex deals including discount options. At a certain point, deals get so large that they can’t be shown in a comparison table.
  • There is that percentage of customers who put price after features. They’re typically Enterprise and simply looking for a solution without concern about the price. To them, listing your price can make you seem cheap.

Check out the menu at Iterable. There isn’t a pricing page in sight and the call to action in the header image is to schedule a demo.

If your audience is mainly Enterprise, a pricing page might not make sense for your marketing site.

And demos are great for business.

Pushing customers to a demo can result in better conversions in many cases, not just for enterprise-focused businesses.

When Nick DiSabato helped ConvertKit overhaul their marketing site, he found a need for a demo-only option:

“ConvertKit has a whole growth team that’s focused on providing hands-on demos to anyone who requests them—which convert very well overall.

So, we changed the primary call to action to request a demo—with a secondary button to create an account. Demo requests on mobile tripled relative to the control. And demos convert at an order of magnitude higher than ConvertKit’s overall conversion rate. This was a huge win for ConvertKit, as it helped grease the sales funnel they already had in place—one which had a very high rate of success.”

Before you and your team spend time overhauling your pricing page, consider if a demo-only option is right for you.

D.O.C.

So you’ve considered the demo option but ultimately decided that you want to put a pricing page on your website.

Great!

Your pricing page, just like every other page of your marketing site, has three elements we’ll dive into here:

  1. Design
  2. Options
  3. Content

Alongside standard best practices, a pricing page team needs to hold an understanding of psychology, a high value for long-standing copywriting techniques, an interest in design trends, and a heavy dose of humility and flexibility when all of the data proves the typical assumptions wrong.

D is for Design

The pricing page formula seems to be pretty consistent across the board:

  • List your prices
  • Add the features available at each price point
  • Include testimonials and/or recognizable logos
  • Highlight the plan you really want people to buy
  • Show off your free trial if you have one
  • Add some security logos and/or a money-back guarantee

Here’s Grammarly’s upgrade page:

And this is Sprout Social‘s pricing page:

So it looks like there’s a formula, right? Plug in the elements, add a gradient or some enticing colors, and call it a day.

But is it really as simple as that?

Hint: If it were, you’d be designing the pricing page on your first day on the job.

Of course not!

Design on pricing pages can vary from showing off your sliding scale pricing with, well, a slider like ActiveCampaign does here:

And some pages list plans from most to least expensive (like SmartSheet):

…or least expensive to most expensive, like Algolia:

But maybe there actually is a formula you can follow to get your customers to do what you want them to do.

Design on pricing pages is actually more about psychology than anything else.

This study, conducted through CXL Institute, says that how people consume pricing plans depends on the plan’s layout design.

What’s most amazing about the CXL Institute study is that color choices, icon use, and other design elements didn’t matter.

(I know, that’s frustrating news for a designer, huh?)

But it’s true.

Generally speaking, users processed all pricing tables the same way regardless of plan layout: They spent the most time looking at the first two pricing plans listed in a left-right order.

Not only did the study participants spend more time reading about the plans on the left side of the table (listed first or even second), the expensive plans were purchased most often when they were in that coveted left side spot.

So design of a pricing page is a little bit art and a whole lot of science, it seems.

Of course, you can’t start thinking through the design until you know all of the pricing options you plan to present your potential customers.

“Pricing page design is a little bit art and a whole lot of science.”

Twitter Logo

O is for Options

“Traditionally, SaaS companies have sold their features and products in pre-packaged ‘bundles’ on the pricing page,” Kate Harvey of Chargify shared.

Bundles look like many traditional pricing pages.

Here’s one from JustWorks:

Bundles seem straightforward.

And they’re certainly the “standard.”

But even standards change over time and bundles are starting to feel dated.

“Innovative SaaS companies are recognizing a shift in customer demand and offering their products and features ‘à la carte,’ and are tailoring specific offers to target sets of customers rather than offering all customers the same generic packages. Offering unbundled options on SaaS pricing pages isn’t a passing trend; I see it as a glimpse into the future of SaaS pricing,” explained Kate Harvey.

Somewhat famously, Intercom led the pack with this one:

And over time others, like Podia, followed suit:

Because it makes sense.

Customers want choices, and smart software companies are quick to reply.

Designing a pricing page is more than just looks, it seems. And the most brilliant pricing pages don’t just score high in beauty, but also in brains.

C is for Content

SaaS pricing doesn’t exist in a vacuumTwitter Logo,” says Nichole Elizabeth DeMeré, Head of Community Growth at Zest.is.

“Everything that your startup does, from marketing and sales to customer success and product management, should work in conjunction to create a perceived value for your ideal customers,” she said. “And the exchange rate on that perceived value is pricing.”

Think about it this way:

Your customers don’t want a better piece of invoicing software. They want to get paid easily.

When asked to share more on the subject, Nichole dove in:

“There’s an old saying that nobody who buys a hammer wants a hammer—they want a hole in the wall. What is the end result your ideal customers hope to achieve when they have your product in-hand, or on the computer screen? If you prove you can deliver that, they won’t care about the price.”

Here are a few ways to do just that, according to Nichole:

  • Don’t pick desired outcomes out of thin air. Do your research: It’s an all-too-common mistake for founders to think they know what their customers want, without actually having asked them! Just like there’s “no crying in baseball,” there’s no guessing in business. Ground your assumptions in actual, qualitative and quantitative researchTwitter Logo (i.e. words and numbers both).
  • Don’t settle for the easy answers. What people really want most isn’t having another app on their phone or lower prices, it’s to feel a certain way.
  • Clearly state your value proposition. Your ideal customer’s desired outcome is closely tied with your value proposition.Twitter Logo In fact, your value proposition had better include your audience’s desired outcome, or you haven’t achieved product-market fit.
  • Show that you’re delivering on your promises with user-generated content. This wouldn’t be included on the pricing page, but it can support it
  • Price based on perceived value. “Perceived value” is what consumers think the product is worth to them, rather than a monetary value based on material quality and cost. In the 2010 book Money Makers, David Snider and Dr. Chris Howard assert that “When the benefits outweigh perceived costs, your prospect will take action.” Once you’ve changed your content to sell the desired outcome, the benefits of buying your product will become more apparent, and have a better chance of outweighing the perceived costs in the buyer’s mind. Essentially, when your customer believes they can get exactly what they want from your product, you can justify charging more for it.

“Don’t design for the hammer—design for the hole in the wall.”

Twitter Logo

“If you want to create an optimal pricing page, talk to your paying customers, determine their desired outcomes, and learn how much they’re willing to pay to reach those desired outcomes on a monthly or annual basis. And this isn’t a set-it-and-forget-it situation, so be sure to continually do your research,” added Nichole.

Content and design consistently play off of one another, and pricing pages are no exception.

Your design choices should be informed by the options and content that speak to your customer’s needs.

Don’t design for the hammer—design for the hole in the wall.

KISS your pricing page hello

At the end of the day, there are a few fundamental truths:

  • People skim—don’t anticipate they’ll read every word
  • If it’s easy to understand, you’ll have happier (read: easier to convert) customers
  • No one wants to figure anything out on their own.Twitter Logo Make it simple.

Your D.O.C. should follow those same truths. Keep the design from being distracting, the options as few as possible, and the content high level.

Because while there might be 24 flavors of jam out there, we really only need strawberry and grape to know which one you’d choose. (#teamstrawberry4life)

Collaborate in real time on a digital whiteboard