CALLSTO ACTION

E C O M M E R C E

D e s i g n i d e a s t o c re a t e e f f e c t i v e c a l l s t o a c t i o n o n p ro d u c t p a g e s

e C o m m e r c e U X D e s i g n a M i n e W h a t i n i t i a t i v e

1e c o m m e r c e u x d e s i g n . c o m

The ‘Buy’ button

The primary call to Action on your product page should be the “Buy button”. Make it a large sized button in a contrasting color to the background that reads ‘Buy Now’ or ‘Add to Cart’ or ‘Add to Bag’ etc. In short, distinguish it from other elements of the product details page. Make sure it comes above all your secondary CTAs and that there is enough space around your add to cart button so that it is easy to spot and doesn’t feel cluttered. You can also include visual cues in your add to cart button such as a shopping cart icon. And remember, always A/B test your primary CTA.

1

2e c o m m e r c e u x d e s i g n . c o m

Quick Buy

Some shoppers know exactly what they want. Enable them to get to the cart directly with a Quick buy or a one step buy button on the product page. You can keep a ‘Quick Buy’ button along with the ‘Add to Cart’ button and order them based on your product, target market etc.

2

3e c o m m e r c e u x d e s i g n . c o m

Notify Me

How do you save a sale when the product is temporarily out of stock? Hide the buy button, ask for the shoppers’ email id and notify them when it’s re-stocked. You can also inform shoppers of an expected re-stock date. For more on how to design a product page for out of stock product variants visit

Product Page - Product Options.

3

Read on to f ind out how a Shopify based luxury retai ler increased their landing page conversion by 200%.

4e c o m m e r c e u x d e s i g n . c o m

Secondary CTAs

A secondary call to action will provide an alternative conversion opportunity. You can ask your shoppers to add the product to a wishlist, share the product with friends and family, write a review about it or even encourage them to buy complimentary products along with it. From color, to size, to placement, ensure your secondary CTAs don’t compete with your primary CTA.

4

4

5e c o m m e r c e u x d e s i g n . c o m

Add to Wishlist

Shoppers might not always buy a product immediately. The Wishlist allows them to save the product so that they can review and purchase it later. It is also a good way to encourage repeat visits. Provide a Add to Wishlist button on the product page. Keep it subtle as it is not the primary call to action.

5

Time saved on category management everyday 2Hrs. See how MineWhat brought an entire team onto one page.

6e c o m m e r c e u x d e s i g n . c o m

Social Sharing Buttons

Shoppers often use social media to bookmark their favorite products or share what they have purchased. Social sharing can be considered as a secondary call to action on the product page as it can help increase the awareness of the product among a wider audience. Identify which buttons to include and where to place them based on the habits of your shoppers. Placing them close to the product images is one good option as the eye is drawn to photos. If possible provide incentives for sharing.

6

7e c o m m e r c e u x d e s i g n . c o m

Write a review

Encourage customers to leave a review for future shoppers by providing them with the option to write a review directly on the product details page. Make it simple and easy to use. Some shoppers may have limited attention span. You can let them leave a quick star rating on a scale of, say 1 - 5. You could also ask them to rate on different aspects of your product along with the overall rating.

7

8e c o m m e r c e u x d e s i g n . c o m

Buy The Look

Fashion retailers display products using models styled with a range of other accessories showing shoppers that these products look great together. Allow shoppers to purchase all the items together with a ‘Buy The Look’ call to action so that they don’t need to navigate to different product pages to add each of those products to their cart. This is also a good approach to recommend products.

8

P O W E R E D B Y

Product Analytics for eCommerce

T h e # 1 e C o m m e rc e i n t e l l i g e n c e p l a t f o r m f o r y o u r s a l e s a n d m a r k e t i n g t e a m s .

Quick ly spot what works and what doesn’ t on your s tore. Dr ive more convers ions.

w w w. m i n e w h a t . c o m > >