Endcap Guide

Planning Endcaps

The Product Recommendations add-on allows you to quickly add endcaps to any page on your site. Advanced planning for your endcaps can make your efforts as efficient as possible.

You can use the steps below as a basic outline for your merchandising plan:

  1. Send your product feed to Monetate. For more information, see Upload a Product Feed.
  2. Plan for the placement and dimensions of any endcaps you plan to add to your site.
  3. Select the set type (algorithm) that you want to use to populate the endcap.
  4. Decide how you want to style the endcap.
  5. Decide how you want to style the individual product display.
  6. Measure, test, and refine the endcap with live site traffic.

Keep in mind that every endcap that you use on your site has the potential to address a particular need for a different audience. The style and content of each endcap probably shouldn't be the same. Instead, design each one to achieve a singular purpose. Then, constantly validate and test your approach and assumptions to get the maximum value from your merchandising strategy.

Uploading a Product Feed

Detailed steps for how to send endcap requirements to Monetate are available in Upload a Product Feed.

Page Placement

There are very few restrictions for where you can place endcaps. You can add them to any page on your site, and you can choose the location on the page where they should appear without modifying the page template. The table below provides you with some suggested use cases for individual page types on your site. These suggestions are by no means a complete list of what you can do with endcaps, but you can use them as a starting point.

Page TypeUse Case
Home page
  • Promote new products for returning visitors
  • Promote bestsellers for new visitors
  • Showcase popular or trending products
  • Merchandise seasonal or special promotional products
Product detail page
  • Highlight accessories and related items for the product
  • Suggest alternatives for out-of-stock products
  • Promote outfits, bundles, and matching sets
  • Cross-sell additional items
  • Upsell more-profitable items
  • Display distressed inventory to clear it or to make the current product appear more attractive
  • Show alternative choices to customers who are browsing
Category page
  • Showcase popular/bestselling/top-rated products within the category
  • Spotlight products that are popular within your site visitor's geography
  • Highlight manually curated items in the category (for example, "Staff Picks" or "Our Favorites"
Content pages
  • Highlight products closely related to the content shown on the page
  • Highlight products from relevant categories or brands
  • Showcase products that appeal to the reader of the content
Search results page
  • Promote popular products within the search result set
  • Merchandise specific products for brand or category searches
  • Provide additional product or category guidance for generic searches
  • Suggest additional search paths (for example, "People who viewed also viewed")
  • Show products on "No results found" pages
Cart page
  • Suggest accessories and related products
  • Promote impulse additions to the shopping cart
Checkout page
  • Accessories or impulse purchase suggestions, but be careful to not distract from checkout
Order confirmation page
  • Promote an additional purchase
  • Give the shopper a reason to stay on the site even after a purchase
  • Encourage a return visit to your site for a promoted item
Index page
  • Showcase products related to the experience that employs the landing page
  • Provide product recommendations based on the searcher or recipient of an email

Endcap Dimensions

After you decide on the page, you need to decide where on that page to put the endcap. This location depends on the page type and is often a matter of some internal debate. (For example, should you upsell aggressively, or keep your customers on a purchase path for the item they appear interested in?) Regardless of what you decide, the location you choose should remain consistent with the character, style, and flow of your page and site.

The page location you choose leads you to a choice about the orientation and size of the endcap you build. The endcap should fit seamlessly into the flow of the page you choose. Remember, an endcap can be horizontally oriented to display products from left to right or it can be vertically oriented to display products from top to bottom.

You should also consider the collection of elements you plan to show in the endcap. You can subdivide endcaps built with the Product Recommendations add-on into five customizable areas.

The example below illustrates a horizontal endcap, but the same elements are also present in a vertical endcap.

Illustration of a horizontal endcap format

The table below outlines some of the locations on a page you can consider and possible use cases for each.

Location on PageUse Case
Header
  • Promote new products (often used for returning visitors)
  • Promote bestsellers (often used for new visitors)
  • Showcase popular or trending products
  • Merchandise seasonal or special promotional products
Footer
  • Highlight accessories for product of interest
  • Suggest alternatives for out-of-stock products
  • Promote outfits, bundles, or matching sets
  • Cross-sell additional items
  • Upsell more profitable items
  • Display distressed inventory to clear it or to make the current product appear more attractive
  • Show alternative choices to shoppers who are browsing
Product display area
  • Showcase popular, bestselling, or top-rated products within the category
  • Spotlight products that are popular within the visitor's geography
  • Highlight manually curated items in the category
Navigation
  • Highlight products closely related to the content shown on the page
  • Highlight products from relevant categories or brands
  • Showcase products that appeal to the reader of the content

Choose a Set Type to Populate the Endcap

Detailed information for selecting a set type for an endcap is available in Merchandiser Sets.

For information about creating a merchandiser set, refer to Creating a Merchandiser Set in Merchandiser Sets.

Endcap Style

The endcap should match the overall style of your site and the style of the page(s) on which the endcap is displayed. You can configure each distinct area of your endcap (header, footer, navigation, and product display area) through a set of options within an endcap action. This includes CSS styling.

If you plan to use graphics in any of these areas, you can also use Monetate's dynamic text capabilities. You can specify a background image and have Monetate automatically superimpose text (using any TrueType fonts) over the background image, specifying the (x,y) coordinates at which you want the text to appear. The Monetate image-compositing engine builds a graphic element in real time and serve it to your site visitor.

If you plan to include a message in your header or footer and want to match your site exactly, you can style the text directly in the Monetateio platform. It is often useful to note in advance the face, style, weight, size, and color of your current site.

Endcap Scrolling

If your endcap contains more products than what can be displayed at one time, you will also need to decide on the scrolling behavior of the endcap. The following scrolling options are available:

OptionDescription
By productWhen you scroll, the product display area moves by a single product increment. Scrolling stops when you reach the first or last product in the endcap.
By pageWhen you scroll, the product display area moves by the number of products visible in the endcap. For example, when the endcap shows products 1–4, a forward scroll then displays products 5–8. Scrolling stops when you reach the first or last product in the endcap.
By half-pageWhen you scroll, the product display area moves by an increment of one-half of the number of products visible in the endcap. For example, when the endcap shows products 1–4, a forward scroll then displays products 3–6. Scrolling stops when you reach the first or last product in the endcap.
CarouselWhen you scroll, the product display area moves by a single product increment. However, scrolling doesn't stop when you reach the first or last product in the endcap. Once you reach the end of the list of products, scrolling continues with the first product on the list. For example, in an 8-item endcap with 3 items visible, a forward scroll on an endcap that displays items 6,7, and 8 then displays items 7,8, and 1.
Automated scrollIf you select this option, the endcap scrolls automatically without any interaction. You can specify how fast the endcap should scroll by entering a value in Auto-Scroll Delay. This field specifies the amount of time the endcap should pause in milliseconds (ms) before scrolling to the next item. If your mouse pointer hovers over an item in the endcap, scrolling pauses until you move the mouse pointer away from the item.
AnimationIf you select this option, the endcap uses an enhanced animation algorithm to make the endcap scrolling more smoothly animated. This option has no effect if you view the endcap via Internet Explorer.

Product Display Area

The style of product display area within your endcap is an important piece of your overall endcap and recommendation strategy. The Product Recommendations add-on support an array of options to display products in your endcaps. The choices available to you are most directly determined by the items you send to Monetate through a product feed. For example, for an endcap to display a sale price for an item, the product feed must also contain an alternate price for that specific item.

The diagram and table below provide more information about the display attributes available for an endcap. You can style all of these elements and the product display area itself to match the look and feel of your site.

Diagram of the display attributes for an example product in an endcap

Display AttributeDescription
Product nameThe name of the product shown in the endcap, which comes from the product_name field in the product feed. You can display this name on a single line or automatically extend it to a second line if the product name is too long.
Thumbnail imageThumbnail image of the product, which comes from the endcap_image_url or product_image_url field in the product feed. In general, you don't need to resize the image to fit within the endcap because Monetate does that dynamically. As a best practice, you should use sets of images with similar proportions to ensure that the endcap display is most aesthetically pleasing, but doing so isn't a requirement.
PriceThe current price of the item, which comes from the price field in the product feed. Regularly updating and uploading the feed ensures that this price is current.
Before priceAlso known as an alternate price or comparison price, which comes from the alt_price field in the product feed. It's typically used to show a previous or "before promotion" price as encouragement to purchase.

Measure, Test, and Refine

Revising your merchandising plan and, in turn, your endcaps is an ongoing and progressive process.

Start by thinking about the goal for each of your endcaps:

  • What behavior(s) do you want to drive, and what KPI(s) will you use to measure progress towards those behaviors?
  • Do you want to drive product sales by merchandising more of your product assortment to visitors?
  • Do you want to increase conversion by matching an appropriate product to customer needs?
  • Do you want to increase basket size or average order value by selling outfits or accessories to those customers who have already added at least one item to the cart?
  • Do you have a different goal specific to your business or your consumers?

Your number one strategy here should be testing. If you aren't getting the kind of lift for the KPIs that you expect, try something else. Chances are that you may not hit a home run on your first attempt.

As you get more proficient in understanding customers' behavior, you can engage in a process of constant improvement where you pit your best-performing tactic against a new idea.

There are a number of tactics you can try:

  • Move endcaps to other parts of the page. Experiment with placement as well as orientation (horizontal vs. vertical).
  • Vary the size, style, and number of items in your endcaps. Sometimes less is more and other times, more choices equals more sales.
  • Style the endcap to fit in or to stand out and see which approach is more effective.
  • Include different item attributes. Some customers prefer lots of information and others value a clean display.
  • Test different descriptions and calls to action in the header and footer.
  • Try different algorithms for different audiences. New visitors may appreciate seeing bestsellers on their entry page, while loyal customers may react well to new items.
  • Vary the targeting options. Use one algorithm and call to action in one city or state and a different pair in another.

The most effective tactics aren't always the most obvious ones. Matching many alternatives with the proper shopper segments often leads to surprise discoveries that can transform your merchandising strategy.