Download our free how-to guide for setting up your new Drupal site and using our themes

ÜberTip #2: Simplify!

Ubercart product page before and after -- defaults compared to our optimized (simplified!) version

The second post in our ÜberTip series (read/download the full guide) is an important attitude for any e-commerce site — keep it simple!  Drupal can be prey to "open buffet syndrome" on modules and features.  All that exciting functionality is there at your fingertips, an enabled block away!  But when you’re trying to encourage your customers to part with their hard-earned money on what you’re selling, you don’t want to distract them from that primary goal.

Dealing with Drupal’s defaults

Unless you’re running a social networking site with chat functionality, do customers really need to know who else is logged in?  For that matter, Drupal’s default Navigation and User Login blocks are unnecessary for most e-commerce sites.  Disable whatever blocks aren’t absolutely necessary, especially once the user gets to the checkout pages.

Focus on essential information

Beyond blocks, consider the content of individual pages. Ruthlessly cut words and graphics that don’t serve your purpose. That’s no easy task, as was illustrated by the writer Edgar Allen Poe when he turned in a novel on deadline: "Here it is, at 400 pages. I could have made it 300 pages if you’d given me more time."

Make the buying process obvious

Assuming that your purpose is to sell products, make sure that customers are never more than a click away from buying — and make that button big, unambiguous, and attractive.

Übercart does some of the work for you by providing a Shopping Cart block that you can (and should) make visible on every page, but you can do more by emphasizing the "Add to cart" button on product pages.

You can make your own adjustments by tweaking a theme’s CSS according to these instructions.

Minimize fields that appear on product pages

You can edit this at example.com/admin/store/settings/products/edit/fields. Übercart makes nine fields available for display on product pages, and the defaults are pretty good — with two exceptions. There’s a good chance you don’t need to show the SKU to customers, as it’s a "stock-keeping unit" that’s mostly of use to retailers. And the "Sell price" is the same as the display price, but in a less-prominent format. For a less-distracting product display, uncheck both of these fields. (The information is still in Übercart, it’s just hidden from customers in that place.)

Minimize information that appears on catalog pages

As with product pages, Übercart lets you add and remove fields from catalog pages through the settings at example.com/admin/store/settings/catalog/edit/grid — you’ll need to first check "Display products in grid".

Remove Author & Date information from "product" and "product kit" nodes

On example.com/admin/build/themes/settings, uncheck the boxes for these content types.  This will remove that unnecessary information from your products, unless it’s important that your customers know when a product was entered into your catalog.

Our Drupal themes go a step further by allowing you to set whether to display just author or date independently on each content type by changing settings at example.com/admin/build/themes/settings/[theme name].

Further reading

Two resources we’ve found extremely valuable for improving your e-commerce site and checkout process are:

Web Design for ROI - this is a fantastic book filled with real examples, screenshots, and tips to improve customer experience and conversion rate on your site

Get Elastic Ecommerce Blog - if you want to learn more about landing page optimization, split testing, best practices for customer emails, add to cart forms, analytics, social marketing, and many other details that will help you increase the value of your e-commerce site, this site is regularly updated and a must-read!

Coming up next… the face of your product — images!

A style note… Ubercart has dropped the umlaut from their name. Save for some older documentation which has yet to be updated, the only place it still exists is in their logo.

Minimizing the fields is really a great idea to make your storefront look smarter in a jiffy - I don't quite understand why Ubercart prints so much unnecessary info by default.

Hah, and here I thought I was being all clever -- "Well, it's in their logo, so that MUST be the right way!"

I'll update that going forward, thanks.

ROFL, ya my lastname's the same way. The "ae" in my name should really be a umlaut. Normally in german, when not using an umlaut, you add an "e" after the umlaut character, but "Uber" doesn't normally require an umlaut. I guess you could use Ueber, but that would read wierd.

As the founder of the project, I think I can say with authority that the ideal spelling of Übercart includes the umlaut, but it is commonly spelled Ubercart because we are lazy and or don't want to deal with the occasional display issues. In short, "Whatever floats your boat."
Peace,
Andy