Total Blue System Ecommerce

Flexible product template shows more image details, upon request

Embracing the idea of progressive disclosure, the latest System Update to the 'tabbed' product detail page no longer shows all additional photos that may be available for a product. Now the 5th photo (you can sort their priority) will not display without what might be called "extra user input." In other words, the site visitor needs to now click a "more" link to show all additional photos beyond 4. The text of the "more" link is configurable by you the site owner, and only displays if there are more than 4 photos for a given product. The behavior is similar to the "more info" or "more details" link that can show the full product description, if you so configure it to hold some details back. The key word is progressive disclosure.

A couple other refinements have been introduced that amend what was described in the 'view larger' post here. The changes may best be observed rather than described. Suffice to say they are subtle and all manifest the idea that the template ought not waste space without feeling tight, and ought adapt to the fact that some products have lots of descriptive data (photos, text, links, relations to articles, etc.) while other products have very little.

• In either case, the page template ought exhibit enough intelligence to display information in a way that's appropriate to the product, while appearing consistent in lay-out for the sake of making it easy to comprehend by the site visitor. Feedback so far says we're hitting that target.

Consolidate product option choices to one page

The new product detail page template with tabs for progressive disclosure and minimal scrolling can help you consolidate the product option choices presented to the web shopper. When a product comes in multiple sizes and colors (to use the two most common options for a product), the optimal way to present those choices is on one page. Known as the "product detail page" to Total Blue System users, this page now gracefully handles a product matrix with two, three, or more dimensions.

Here are some highlights:

• Create a product with item ordering options, as many sets as necessary. Examples include color, size, fabric all for one product.
• The Catalog module will perceive which option determines the price variance. The price for each option will then appear in the drop-down select menu that presents that option set. So if the price varies by size, then only the size drop down menu will show the price, separated by white space at the far right of the menu option.
• The price range will be automatically calculated and displayed in place of the product's "Our Price" field value, which is used if there is no price variance among options.
• Each option's select menu will be preceded by a label that you configure. It could be as simple as "Size," for example" or more explanatory as you choose.
• If there are no options for a product, then the drop-down select menus do not appear, of course.

This kind of product arrangement has positive benefits for search engine optimization efforts, as it can eliminate what would otherwise be deemed "duplicate content" from your site as perceived by a search engine spider.

By implementing this kind of product arrangement, you ought also consolidate product reviews into one product detail page. In short, reduce the number of "products" in your website catalog and increase the depth of descriptive content about each product.

The timing of this release matches the release of the new product detail page template in an upcoming System Update that will be coordinated specifically for you and your e-commerce site.

Contact our technical support team for input on how this may interact with your internal order management system. Mail Order Manager users may find there are adjustments necessary to how you store items in MOM, or in how you construct the item # or SKU.

Gain attention and interest in your product, then deliver the details

Feed the appetite of the web shopper who is hungry for information about your products. That's become something of a mantra in our clients' ears this summer, repeated by SEO and merchandising expert Howard Gray. But how much info is too much? And how do you make it all easily digestable in bite-size chunks?

The answer begins with understanding the concept of progressive disclosure, employed by successful sales people down through the ages. But now you have the ability to make immediate use of this concept with the release of a new product detail page template. It's distinguished by it's use of tabs to reveal or hide detailed information about a product or related content on your site. Available now as part of a System Update, the timing of the actual release will be coordinated with you given the need to configure this template in advance and the importance of having given consideration to how best to optimize your catalog.

You can see what's configurable about the product detail page template by going into the Configure section of the Admin Area. Choose the Catalog tab on the left side, and then find the Product Detail configuration options. Here's a few highlights:

• You define the name given to all "tabs" on the page. Default values are presented, but whether or how you use the tabs is up to what's most useful to your website customers. If there's no data associated with that "tab," then the tab won't appear.
• You decide how many tabs appear on your page. Make use of the Description 1 field of course, but you can also use the Description 2 and Description 3 fields as you think best, including HTML code for special formatting.
• Related content now gets more space on the page, adding an incremental boost to search engine optimization efforts. Pick related articles, frequently asked questions, and related product categories, plus upload data files, spec sheets, schematic, or audio files as "supporting content."

Overall, this product detail page template ought give your shopper the opportunity to quickly assess your product's appeal with a minimum of vertical scrolling of the browser window. Then, once attention and interest are present, the page discloses more information as they approach the buying decision.

Look for our contacting you individually to schedule the release of this System Update.

Easy upload of banner and promotional graphics

Within the Total Blue System we have the concept of Teasers, which are simply rectangular spaces tucked into various places on your website where you can communicate to site visitors about the latest promotional offer, customer service message, or announce whatever's new.

Teasers are often graphic files, in .jpg, .gif, .png, or .swf (flash) format. Sometimes they're a combination of grahpics and text, with HTML to stitch it all together.

Now it's easier than ever to create a new Teaser because you can easily upload graphic files through a web browser, within the Admin Area of your website. Click the upload button, select the file on your desktop computer, and upload it to a special folder on the web server with another click of the mouse.

Choose the "Upload Teaser Content" menu item in the Teasers section of your e-commerce site's Admin Area.

Accelerate Add to Cart action when browsing

Your site's "sortable product" page templates now make it easier for website shoppers to add an item to their cart or basket. This is specifically for the one product per row (1 column) sortable template.

The "add to basket" or "add to cart" button now appears on the Category Gallery page. Before this, it required a shopper to click through the category page template to the product detail page template before an Add to Cart action could be taken.

Note: this feature respects whether the product has ordering options, and if present, the page will display them as a select menu on the Category Gallery page right above the Add to Cart button.

See an example of how this works for browsing and buying products.

Spotlight on best sellers when sorting products

A good salesperson can be thought of as helper, someone to help you eliminate options as much as anything else. Discarding what's not useful as a process is what leads you to narrow your choices down to what you really want. Sometimes, when it's not clear the best option to choose, people are more comfortable choosing what someone else already bought. There's comfort in buying a best selling item, because you're leaning on the combined wisdom of others.

Now your website shoppers can similarly benefit when browsing products that use the Sortable Category Gallery page templates. Sort by Best Sellers is now an option within the select menu that sorts products within the category.

Here's a couple considerations hat influenced how the template was constructed:

• Our clients are sensitive to showing all products in a category from best to worst selling. For reasons of competitive snooping, some don't want other merchants to know the worst selling items in their catalog.
• A focus on best sellers ought really be just the best. In other words, it's not everything in the category, it's only the best ones that we want to show. Again, it's about narrowing down options to make it easier to decide which to buy.

So, when sorting products using this method, only the top ___ products are shown. In this template example, the setting is for 5 products to be displayed. The pagination preferences are ignored, and only a limited number are shown. In fact, on the page the "sort by __ per page" is hidden, so it's no longer even an option.

Tip: If you apply this template to one of your categories, like this category, you can later check to see how popular this sorting method is. If you use Google Analytics, use the filter field to filter only pages that include this "string" in their file name:  sort=bestsellers. That will show you the pages viewed and their sales index when they were sortable by Best Sellers...

Highlight newest product arrivals

Enable your website shoppers to spot the latest items within a category of products. There's now the ability to sort products by "Newest Arrivals" from within the select menu on Sortable category gallery page templates.

In an earlier post, we described the Catalog module's Debut Date concept. The debut date is the criteria upon which the page sorts products in this new category gallery template. These two new features go hand in hand.

The screenshot at right gives you an idea, but here's an example of sorting products in action.

Note: In the screenshot example, it shows that the newest product doesn't yet have a product photo added (as of the moment this was taken). That might be a problem that's corrected by now, but this example points out the fact that with this new sorting ability, there's little margin for you to delay getting all photos in place for a new product that you've made displayable on the website.

Show shoppers their items of interest, all on one page

Imagine a site visitor browses your web store, and 5 minutes later, she has a couple items in her "basket" but can't remember in which category was that other product that also caught her eye. With the new "all recently viewed" link appearing on the Recently Viewed bar, she can find it with one click, from any page. See an example in the image at right.

The Recently Viewed feature introduced in November gains a page at http://www.yourdomainname.com/recently-viewed.php. The page displays all of the products and categories viewed by the shopper during this visit to your website. Note: cookies have to be enabled in the web browser for this feature to work.

Would this page be improved by adding an "add to basket" button underneath each product? Or making it easy to add all of the items on this page into a "saved cart" that can be saved in the shopper's My Account area.

What about working in the Wish List functionality into this page? What about a prompt to print out the page, with it serving as a handy record of all of the items of interest? (The printer-friendly formatting will already appear as part of the style sheet's recognition of it being sent to the printer.)

Mix content & commerce, merchandising & SEO

Website shoppers who use search engines to find products to buy have a tendency to quickly bounce in and out of sites, as they click through search result links to a merchant's product category page and then back to the engine's search results page. Wouldn't it be nice to grab that shopper for a moment, and capture her interest in something BESIDES the price? "Take your time, listen to our story, hear what other satisfied customers have to say..." This is one of the goals of a new category gallery page template released today as part of a Total Blue System update.

The "Gallery Core Sortable - 2 Column" template is now available within your Catalog module in the Admin Area. See the screen shot at right for an example of what it looks like. The basic components are a sortable listing of products in two columns, plus a right side bar that features content from your website Articles module, Teasers, and Catalog module. Here's a breakdown of what's possible, as the right side bar has several conditional elements:

1. Display a Teaser, with an optimal width of 214 pixels. You can set this as a new "Teaser Spot" within the Teasers section of the Admin Area. The same Teaser will display regardless of which category this template is applied to. Use it for site-wide promotions that aren't unique to one category, like a special holiday shipping offer, for example.
2. Display a customer's product review. Sometimes shoppers aren't clear which product within a category is most attractive, until they read someone else raving about a particular item. This area pulls the 5 most recently approved customer product reviews, then makes a random selection of 1 review from that set. Note: there has to be at least 1 product review for a product within that category for it to display.
3. Display a featured product. From all of the products that are marked "featured within category" within the product's display options, within this category, this template displays one such product, pulling a random selection from that set of products.
4. Display an Article. From all of the Articles that are marked "related to this product category" within the Article's display options, this template displays one such article, pulling a random selection from that set of articles. If a photo exists for the article, it will display in a thumbnail size.
5. Display Top Sellers. The top 3 selling products within this category, calculated from a rolling total of the last two week's sales history (coming from your order fulfillment system or website, depending on the integration in place for you). Simple text links are used to highlight those products that sell best, identifying name and price only.

Improving the "freshness" factor of your category gallery pages is one of the underlying goals of this template. Yes, it's oriented around what human shoppers will see with their eyes when visiting this page, but it's also oriented around what a search engine bot or spider will see. In the latter case especially, it's important that each visit to this page communicate "new stuff" to the search engine. For this reason, we're pulling in a random display of content like customer reviews and articles that will always be different. The objective is to give the search engine spider the perception that this category gallery page changes frequently -- more frequently than you might normally add new products to this category. It's an example of blending search engine optimization with your site merchandising efforts, striving for a balance between the two.

Glean new products at-a-glance

Show shoppers what's new, at-a-glance, with this page template at http://www.yourdomainname.com/new_products.php.

This isn't a brand new template, but it has been updated in its lay-out to streamline the display of how many items, by category, have been added in the most recent month. Alernatively, it shows the last month in which items were added to a given category. For shoppers who are monitoring a certain category of products because they regularly buy "new releases" -- especially appropriate for clients who sell media products.

New also today is the introduction of a Teaser Spot at the top of this page template. Now you can insert lifestyle or featured product photos, or a picture of your new print catalog, plus text copy to make this page stand-out.

Note: this page is now linked from the bottom of the site search results page, under the "Still Looking?" section. If you haven't worked in this page template into your site navigation yet, now your website's shoppers will find the link from the search results page....