Browsed by
Category: UX

3 UX-Friendly Ways To Upsell Your Customers

3 UX-Friendly Ways To Upsell Your Customers

Upselling or cross-selling customers with relevant products is about more than boosting revenues (although it does that, too). From the user’s point of view, it’s an effortless way to see complementary products without browsing aimlessly. When done properly, upsells can truly enhance the user experience, while simultaneously increasing average order value (AOV) and generating incremental “free” money that the company or publisher would otherwise miss out on. Everyone wins, right?

Unfortunately, not always. Some e-commerce sites make a habit out of constantly shoving upsells in the user’s face, taking away from the user experience and leaving customers with a sour taste in their mouths. Successful upsells start and end with a carefully thought out product selection, but they also require a tactful UX strategy. Bypass common mistakes and read on for my top 3 methods of flawlessly implementing upsells across your site.

Product Page

Across StackCommerce’s 100+ publishers shops, users consistently spend the majority of time on product detail pages, and almost always, this is the first opportunity to provide an upsell to the user.

At this moment in the purchase lifecycle, offering a higher priced, upgraded model of the product at hand is beneficial for both user and seller. One strategy is to promote the cheaper version of a product and then provide options for the higher priced versions during the product selection process.

product-upsell

In the example above, the user is viewing the cheaper plan, but is also made aware that bigger discounts are available for longer subscriptions. The options are laid out clearly but not aggressively for the user, maintaining an overall positive user experience.

Shopping Cart

The shopping cart is another great place to offer upsells. A user with an item in-cart has already expressed an intent to buy, and if executed well, a cross-sell can provide a relevant addition to the user’s purchase. Buying a drone? Perhaps the user is interested in a crash pack. When testing cross-sells across the StackCommerce network, the team was shocked at the immediate success of this technique.

cart-desk

To date, this has been our most successful cross-sell placement, and we’re continually enhancing it with improved automated recommendation logic and updated visual layouts. 

Note: the cross-sell item remains separated from items intentionally placed in the user’s cart to distinguish it as something different. As with the upsell strategy, the cross-sell recommendation can be easily ignored by the user and does not interrupt the purchase flow. We fixed it to the bottom of the cart nearest the Checkout button for optimal visibility.

Order Confirmation Page

The order confirmation page is one of the most underutilized pages in e-commerce. It’s typically the last page a user views and generally consists of nothing but a simple receipt.

One method for monetizing your order confirmation page is by cross-selling a relevant product with a limited-time discount applied. You may be surprised at how many people are willing to immediately make a second purchase right then and there.

By applying the user’s payment method, you can create a one-click checkout flow on the order confirmation page itself. We offer a selection of relevant products at a discount across the the top of each order confirmation page, all equipped with a seamless one-click checkout solution.

order-conf

Upsells and Native Commerce

Unlike typical affiliate commerce which redirects customers to a third party e-commerce site and yields a portion of the profits, native commerce branded shops allow publishers to benefit from techniques usually reserved by the e-commerce sites themselves. Upsells and cross-sells are amazing examples of this. With StackCommerce’s platform, publishers are able to seamlessly offer relevant upsells to their readers and collect on an additional incremental revenue stream as a result.

Whether you’re a publisher or e-commerce site looking for new user-friendly ways to monetize, remember that upsells and cross-sells should be implemented tastefully, carefully, and with a UX state-of-mind.

Introducing The All New Look For Bundle Pages

Introducing The All New Look For Bundle Pages

We’re pretty big on bundles here at Stack. These unique curated sales are exclusive to our business, and allow our partners to offer customers amazing deals not found anywhere else on the Web. Last month we rolled out our new online course sale page, and based on that success, it was time to give our bundle sale page a facelift as well.

Our goal while redesigning our new bundle page was to give our users a better experience by highlighting important information and clearly showcasing the products. By diving into the most common customer service inquiries, we pinpointed the information that is most important in the user’s eyes. Then, we served it to them on a silver platter.

bundle-comp

THE BREAKDOWN

We started by bringing the most important elements up higher on the page so users would instantly know how many and which courses are included, without needing to scroll. The “Add To Cart” CTA was also moved up for immediate access. The result? The entire page was lifted, and now reveals the top part of the Product Details. This tells the users that there’s more content on the page.

We also made some significant improvements to the mobile experience.  Before, the bundle page was essentially just a long, difficult-to-digest scrolling page.

mobile-old

Like the desktop redesign, we brought up the most important information to give the user quick and easy access. Instead of featuring vertical bars for the items in the bundle, we built a horizontal scrolling container so the user can easily swipe left or right through the products and still see other important content on the page.

mobile

The redesign not only provides a cleaner visual experience, but has proven to be a better overall user experience for our customers and those of our partners.  Since launching the new design, we have watched the conversion rate on bundle pages rise by over 12%!

Up next: sale page redesign for more product types!

Thanks for reading!

– Braydon on behalf of the Stack Product Team

 

Stack Without Borders: International Feature Update

Stack Without Borders: International Feature Update

One of the many benefits of working with StackCommerce is our ability to accommodate international markets. For vendors, this means getting your products in front of users located in hundreds of countries across the globe, creating valuable brand awareness. For publishers, this means we’re here to support commerce for your current or future international audience. We want to help you grow! With such a significant segment of our current audience outside the US, it’s crucial that we create the best possible shopping experience for users in any location.

Where do we start? A critical piece of the international experience lies within our checkout flow. Due to varying costs, product variations, and availability, shipping items internationally is complex by nature. In an effort to maximize conversion, we’ve updated our UI to collect the most important shipping detail first: country of origin. This accomplishes two important goals:

  1. Ensures shipping costs, which vary by country, are correctly applied to the order
  2. Ensures that the customer’s checkout flow is relevant to the shipping destination (i.e., collecting state, zip code, or phone number where necessary)

We’re excited to continue fine-tuning our commerce experience for all users. Be on the lookout for more new features in the near future!

Optimizing Sale Pages for Elearning Products

Optimizing Sale Pages for Elearning Products

On our StackSocial site, different product types require different page layouts. The two main layouts we use are designed for our bundle sales and single product sales. Last week we introduced a brand new page page layout tailored to our eLearning sales.  This is significant for two main reasons: 1. eLearning is one of our largest product categories and 2. eLearning sales contain product details that are vital for the consumer, that are irrelevant for other product categories. With this update, we now have a layout that was built solely with an eLearning product in mind.

After doing some research, we decided that the eLearning layout should be built around two key features – a course outline and a preview video of the course.

A before and after of our eLearning page updates:

top-part

 

 

By adding a video we were able to use a wider image ratio allowing the rest of the page move up, above the fold.  We also added eLearning specific information opposite from the video/product image which includes: Instructor name, number of lessons, and a star rating. Now all of the product detail tabs are above the fold which allows for fast consumption of important information on the page.

A look at the course outline:

middle-part

The course outline was added to the page parallel to the description and other, with each section able to be expanded to show more course information. Now our users have more granular information on the course they are intending to buy.

With this new layout, we hope to give our users a better understanding of what’s offered in the courses we sell.  In the next month we we hope to roll out redesigns for our eLearning bundle and ‘pay what you want’ pages and continue to improve the user experience across our platform.

Thanks for reading!

-Stack Product Team