Browsed by
Author: Braydon Nelson

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

 

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

StackShops Product Update: Feb 2016

StackShops Product Update: Feb 2016

We’ve enhanced our stores!

This is the latest hot and fresh out the kitchen…

Homepage Customization

 

hp-loop(cut)

We now have the ability to customize the look of our store fronts with our new homepage customization tool.  Publishers can now choose from several different layouts with different options for banner image sizes, products columns and product category order.

 

Enhanced Email Platform

 

emails

Email is one of our most important marketing channels, and we take great pride in sending the most engaging and valuable emails possible to our customers. To that end, we have upgraded our email service provider to Responsys, an enterprise-level platform owned by Oracle! With it, we can create highly customized and exceptionally optimized emails to promote the best products to the publisher’s audience.

 

Deal Feed Widget

 

dealfeed

The StackCommerce Deal Feed plugin is a new way for our publishers and affiliates to get curated products in front of their readers. Since we have data on how the deals on each store are performing, it creates a huge opportunity to surface the top deals to their readers at the right time. The setup takes less than 10 minutes, and the feed is designed to inherit the existing elements of their site’s design, making it a seamless experience for them and their readers.

Check it out here

 

New Checkout Experience

 

desktop-checkout-gif

One of the most important parts of an online store is the checkout page. We rebuilt it to be faster and easier to use by reorganizing the form fields, and cleaning up the look and feel of the page.  The new layout has led to an increase in conversion network wide.

– The Stack Product Team