Skip to main content

Recommendation Tool

The Recommendation Tool acts as an interactive tool for brands to help guide their end users through a series of single-response and multi-response questions and provide a recommendation for them calculated from the indicated answer selections.  This feature can be used to support many different brand objectives including the following examples:

  • Help consumers filter down symptoms, conditions and demographic information to discover the right product for them during their heightened need state
  • Provide consumers with resources to prepare for or prevent their reoccurring conditions
  • Empower consumers to be experts on their health and provide self-help resources
  • Enable consumers to make the right product decision at the point of purchase
  • Deliver “total solution” recommendations
  • Drive purchase intent through solution recommendations
  • Differentiate products in the mind of the consumer

Download Decision Tree Template

 

See a demo of this template

 

When To Use This Page Or Component

The Recommendation Tool helps enable users to differentiate available products and services, and make well informed decisions about their health.  If your brand offers a variety of products, this will be a good tool to include with your site.

 

Recommendation Tool Detail Page Template Components

The following components are default, fixed elements within the Recommendation Tool Detail Page template.

Breadcrumb

A series of clickable links that display the navigational path to the current page.

Recommendation Tool Component Carousel – Intro Card

The first card in the 100% width Recommendation Tool Component Carousel will display the introduction to the given tool.  A title and “Get Started” button are required with a description and image optionally available.

Recommendation Tool Component Carousel – Question Card

Each Question Card displays the given question and corresponding answer choices.  Questions with 2-9 possible answers support both single-select and multi-select behavior.  Both of these types of questions display answer choices as buttons.  If the given question allows a user to select multiple answers, a checkbox displays to give the user a visual clue and fills in once an answer is selected, and prompts the user to select the next button to move forward.  Questions with 10+ answer options display answer choices as a drop-down and only have single-select behavior.

Question Counter

Tracks the number of questions completed out of the total number of questions in the recommendation tool

Social Share (Where Applicable)

The ability for users to share content with their friends and followers on supported social networks

 

Additional Optional Template Components for the Recommendation Tool Detail Page

Page Hero Image

Display a main image at the top of the page

 

Recommendation Tool Result Page Template Components

The following components are default, fixed elements within the Recommendation Tool Result Page template.

Breadcrumb

A series of clickable links that display the navigational path to the current page

Social Share (Where Applicable)

The ability for users to share content with their friends and followers on supported social networks

Dynamic Primary Recommendation Summary

Displays a user’s calculated primary recommendation based on their answer selections.  This includes a clickable result title, result description, and corresponding result image.

Retake This Recommendation Tool Link

Allows users to return to the Recommendation Tool Detail Page to re-take the tool

 

Additional Optional Template Components for the Recommendation Tool Result Page

Page Hero Image

Display a main image at the top of the page

Tips Section

Provide additional context on the recommendation that your user received with the Tips Section.  An introduction to the section must be included when this element is used and up to four tips can be added with supporting information.

Secondary & Tertiary Recommendation Summary

In addition to the primary recommendation, brands can provide users with secondary and tertiary recommendations.  These results consist of a clickable title, description, and image.

Approved Tout Combination

Use any approved combination of touts that adds up to 100% of the content area

Embedded Poll

A poll can be placed anywhere a tout can be placed

Related Content Component

Feature a Related Content Component below the main content section

 

Design Details

These helpful diagrams highlight key components across the three Canvas viewports. Components are either required or optional; some can be adjusted, while others must remain as-is. 

 

 

Template PSDs

Access the PSD files for your Recommendation Tool Detail & Result Pages.

Template PDFs

View the PDF files for your Recommendation Tool Detail & Result Pages.

See examples of page layouts, features and functionality in CANVAS.

Our demo provides a glimpse of the flexibility of CANVAS and its templates.