How to design a product page

If you want to sell online, you need to know how to design a product page. In this guide, we’ll look at how even a complete beginner can create product pages that look great and engage customers.

Choosing a tool to build your product pages

Before you think about the design of your product pages, you’ll need to decide how you’re going to create them.

The easiest way for a beginner to create any kind of webpage is by using a drag and drop interface as you don’t need to learn to code to build your website. That means you’ll probably want to use a website builder tool.

You’ll also need to make sure the tool you choose offers ecommerce functionality.

If you’re a beginner who wants to create product pages with a GoDaddy tool, check out our Online Store package.

If you have web design skills and want to create your own ecommerce website from scratch, check out GoDaddy’s ecommerce hosting.

Once you’ve decided which tool you’ll be using to create your product pages, you can think about the elements your product page will need.

Include high-quality product photos

People want to know what a product looks like before they buy it, so multiple high-quality photos are a crucial part of any product page design.

As photos are the first thing people expect to see when looking at a product page, you’ll need to make sure they’re prominently positioned. Make sure people don’t have to scroll down to view your product photos.

This is a great example of product photography from vegan pie maker Magpye. Magpye is a GoDaddy Online Store customer and the star of our latest TV advertising campaign.

Notice how the pie looks ready to eat, exactly as if you had cooked it at home. It really helps potential customers understand what they’ll be getting if they order one.

You can learn more about creating product photos in this guide.

Include clear pricing

Pricing is another crucial part of any product page. Make sure your pricing information is easy to find and easy to understand.

People don’t want to spend time scouring a product page for a price and they don’t want to have to open a calculator app to work out how much they’ll really be paying for something.

If they have to do either of these things, the chances are they’ll head off to another website that doesn’t make them jump through hoops to find the price of the product they’re interested in.

In this example from Magpye, it’s clear that it costs £3.50 per pie.

Include clear delivery details and costs

If you’re sending out physical products, make sure people know where you ship to, how you’ll be sending the product, how long it will take to get to them and how much they can expect to pay for shipping.

If someone doesn’t know when they’ll get their product, they may be put off buying.

The same is true if they add an item to their basket only to be hit with an unexpectedly large shipping fee.

Magpye’s delivery charges are made clear at the top of every product page, as you can see in the example below.

Include a clear call to action

Calls to action exist to show people what to do next on a website. In the case of a product page, your main calls to action are likely to be something like “add to basket”, “checkout” and “buy now”.

Whatever your choice of call to action, make sure they are clear and easy to find so visitors don’t have to hunt for them.

In this example from Swole Panda, a company that makes sustainable fashion accessories from bamboo, it’s hard to think how the call to action could be much clearer. Swole Panda’s site is hosted with GoDaddy.

You can learn more about creating strong calls to action in this guide.

Include clear product descriptions

The product description is your chance to convince people that what you’re selling meets your needs.

Exactly what you include in your product descriptions will depend on what you’re trying to sell and who you’re trying to market to.

But a good general rule is to focus on the benefits of a product over the features. For example, someone selling lawnmowers with a large grass collection bucket should focus on the benefit that feature brings (eg you’ll need to empty your lawnmower less often) rather than just talking about the feature itself.

You’ll also need to make sure you include important details such as product dimensions, sizing options, colour options and so on, depending on the kind of product you’re talking about.

Magpye’s product descriptions include a significant amount of important information, including the pie’s flavour, ingredients and any allergens that may be in it.

This description of a pair of socks from Swole Panda is shorter because there isn’t as much to talk about, but all the important information is still covered. Plus, it’s easy to see where you need to go if you want to learn about product sizing and how to care for the socks.

You can learn more about writing good product descriptions in this guide.

Include customer reviews and testimonials

If you have existing customers, including their reviews and testimonials about a product on that product’s page can help convince people that it’s the right choice for them.

The idea is that your potential customers can see someone like them has found a product enjoyable/useful.

If you’re a new business, you might not be able to include reviews and testimonials on your product pages right away, but make sure you start gathering them as soon as possible so they can be added in the future.

Here’s an example of Swole Panda showcasing its five-star reviews for one of its products.

Ensure consistent design across all product pages

Keeping a consistent design across all product pages will make it easier for people to understand your site.

If you don’t have consistent design across product pages, you run the risk of confusing visitors as they’ll have to get used to a different layout every time they look at a new product.

As well as consistent design, you should also ensure things like fonts, the colours you use and the tone of voice you use are the same across your website.