---
schema_version: "1"
id: 17bff482603ba8983e0c48a9aa283bfd0880d59cde73224c78a0f0edddfcce41
title: Einstein Recommendations Component (LWR) for D2C Stores
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/commerce/264-0-0/comm_einstein_component.md
canonical_url: https://help.salesforce.com/s/articleView?id=commerce.comm_einstein_component.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 14f2834604d5ded39075a3a69908bb576be0e7eeaf14a9d5f4aef87ee14acaeb
description: The Einstein Recommendations component personalizes the shopping experience and reduces the manual effort required to drive product discovery on your storefront.
products:
  - Commerce
  - B2B Commerce
release: "264"
---
# Einstein Recommendations Component (LWR) for D2C Stores

The Einstein Recommendations component personalizes the shopping experience and reduces the manual effort required to drive product discovery on your storefront.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=commerce.comm_editions.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

[Which Salesforce Commerce Product Do I Have?](https://help.salesforce.com/s/articleView?id=commerce.comm_what_product.htm&language=en_US)

![Important](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-commerce-comm-264-0-0-production-enus/d863e308-482a-4dfa-8d20-2a94737d394a/images/icon_important.png)

Important This component is deprecated as of Spring '26 (API version 262). To add product recommendations to your store pages, use the Carousel component with the Product Recommendations data source instead. See [Add Recommended Products to Store Pages](https://help.salesforce.com/s/articleView?id=commerce.comm_add_recommended_products.htm&release=264.0.0&type=5 "Increase engagement by showing personalized product recommendations on your store pages. Use a Carousel component with the Product Recommendations data source to show dynamic suggestions based on shopper activity.").

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:25%">
          <col style="width:75%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d45051e74">Property</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d45051e77">Details</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d45051e74 d45051e77 ">Recommendations Definition</td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Anchor</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">Select an option to use as initial input for making recommendations on this
              page. Selecting the Product ID or Catalog ID anchor shows a field where you must add
              a product or catalog ID to complete your selection.</td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Product ID</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">
              <p>Add a site-specific product ID starting with 01t. This field appears only when
                you select the Product ID anchor.</p>
              <p style="margin-bottom:0;">To find the product ID, select a specific
                product in the Commerce App and copy the product ID from the browser
                URL.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Catalog ID</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">
              <p>Add a site-specific catalog ID starting with 0ZG. This field appears only when
                you select the Catalog ID anchor.</p>
              <p style="margin-bottom:0;">To find the catalog ID, select a specific
                product in the Commerce App and copy the catalog ID from the browser
                URL.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Use Case</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">
              <p>Select the recommendation outcome that you want shoppers to see. Choose from
                recently viewed, similar products, and the like. Use cases have predefined
                strategies and rules that respond to shopper interactions in real time.</p>
              <p style="margin-bottom:0;">Selections
                for use cases change dynamically based on the page containing the component and
                the anchor that you select. See the Usage Notes for details about each use
                case.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Header Text</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">
              <p>Enter text to show at the top of the Einstein recommendations
                carousel.</p>
              <p style="margin-bottom:0;">Header text appears to shoppers only when recommendations are
                generated and when the number of recommendations exceeds the value defined for the
                <samp class="parmname">Hide for Results Fewer Than</samp> parameter.
              </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Maximum Products Visible</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">
              <p>Set the maximum number of products to show before advancing the recommendations
                carousel to the next set of products. The default is 4.</p>
              <p style="margin-bottom:0;">Regardless of this
                setting, mobile devices show a maximum of two recommendations at a time. If you
                choose to show the quantity selector and call to action button, mobile devices
                display only one recommendation at a time.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Hide for Results Fewer Than</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">Set a minimum number of products to show. If there are fewer products than the
              number specified, the component doesn’t appear. The default is two products.</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d45051e74 d45051e77 ">Display Options</td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Product Text</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">Select to show the product name for each product recommended.</td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Price</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">Select to show price information for each product recommended. When selected,
              you can choose whether to show the sale price with the original price crossed out or
              only the sale price.</td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">
              <samp class="parmname">Quantity Selector and Call to Action Button</samp>
            </td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">
              <p>Select to show the quantity selector and the call to action button. When
                selected, you can also change the quantity selector label text and the text that
                appears in the call to action button.</p>
              <p style="margin-bottom:0;">Selecting this option limits the display to
                one recommendation at a time for mobile devices.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">Price options menu</td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">Choose between Sale Price with Original Price Crossed Out or Sale Price. This
              parameter appears only when the Price option is selected.</td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">Quantity Selector Label</td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">Change the label text associated with the quantity selector. The default is
              qty. This parameter appears only when the Quantity Selector and Call to Action
              Button option is selected.</td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e74 ">Call to Action Button Text</td>

            <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e77 ">
              <p>Change the text that appears in the call to action button. The default is Add
                To Cart. This parameter appears only when the Quantity Selector and Call to Action
                Button option is selected.</p>
              <p style="margin-bottom:0;">Inventory availability isn’t checked when products are
                added to the cart using Einstein recommendations.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Usage Notes

Commerce Einstein can provide product recommendations based on shopper activity. You can add one or more Einstein Recommendations components to any page in D2C stores. You can customize the Einstein components using supported anchors and related use cases. The Category Viewed anchor is supported on only Category pages. All other anchors are supported on any page, but they’re intended for use on certain pages.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-commerce-comm-264-0-0-production-enus/d863e308-482a-4dfa-8d20-2a94737d394a/images/icon_note.png)

Note Adding Einstein Recommendations components to page headers and footers isn’t supported.

When you select an anchor for a page, the use case menu changes to show only the supported options for that anchor.

  
| Anchor | Intended Pages | Supported Use Cases |
| --- | --- | --- |
| No Anchor | Home, Search, Error, My Profile, Service Not Available | Recently Viewed, Top Selling, Personalized for Shopper |
| Product ID | Home, Error, My Profile, Service Not Available | Recently Viewed, Similar Products, Complementary Products, Customers Also Bought |
| Product Viewed | Product | Recently Viewed, Similar Products, Complementary Products, Customers Also Bought |
| Products in Cart | Cart, Checkout, Order | Recently Viewed, Similar Products, Complementary Products, Customers Also Bought, Upsell |
| Category ID | Home, Error, My Profile, Service Not Available | Recently Viewed, Most Viewed By Category, Top Selling By Category |
| Category Viewed | Category | Recently Viewed, Most Viewed By Category, Top Selling By Category |

A use case defines the type of recommendations that Commerce Einstein shows. The strategies listed in the table are in order of occurrence. If there isn’t enough shopper activity for the first strategy listed, the next strategy on the list is used. The Text Similarity strategy works even when there’s no shopper activity.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-commerce-comm-264-0-0-production-enus/d863e308-482a-4dfa-8d20-2a94737d394a/images/icon_note.png)

Note All use cases, except Recently Viewed, can have up to 20 products for recommendations. The Recently Viewed use case shows up to the last 10 browsed products.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:33.33333333333333%">
          <col style="width:33.33333333333333%">
          <col style="width:33.33333333333333%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d45051e404">Use Case</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d45051e407">Strategies</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d45051e410">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e404 ">Recently Viewed</td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">Last browsed products</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations based on items that the shopper recently
              viewed.</td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" rowspan="3" style="vertical-align:top;" headers="d45051e404 ">
              <p>Similar Products</p>
              <p style="margin-bottom:0;">This use case recommends products that match
                the category of the product being viewed.</p>
            </td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">1. Customers who viewed also viewed</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the viewing behavior of other shoppers
              who viewed the same product.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">2. Product affinity algorithm</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the product’s similarity to other
              products.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">3. Text similarity</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Uses natural-language processing to generate product recommendations based on
              similarity between products in product details.</td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" rowspan="3" style="vertical-align:top;" headers="d45051e404 ">
              <p>Complementary Products</p>
              <p style="margin-bottom:0;">This use case recommends products that
                don’t match the category of the product being viewed.</p>
            </td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">1. Real-time personalized recommendations</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the shopper’s current viewing and past
              viewing behavior.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">2. Customers who viewed also viewed</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the viewing behavior of other shoppers
              who viewed the same product.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">3. Text similarity</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Uses natural-language processing to generate product recommendations based on
              similarity between products in product details.</td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" rowspan="3" style="vertical-align:top;" headers="d45051e404 ">
              <p>Customers Also Bought</p>
              <p style="margin-bottom:0;">This use case doesn’t show products
                purchased by the shopper in the past 30 days.</p>
            </td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">1. Customers who bought also bought</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the purchasing behavior of other
              shoppers who bought the same product.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">2. Customers who viewed ultimately bought</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the purchasing behavior of other
              shoppers who viewed the same product.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">3. Text similarity</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Uses natural-language processing to generate product recommendations based on
              similarity between products in product details.</td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e404 ">Most Viewed By Category</td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">Recent most-viewed products from category</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing which products other shoppers recently
              viewed in the same category for the product being viewed.</td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e404 ">Top Selling By Category</td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">Recent top-selling products for the category within the past 30 days</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">
              <p>Generates recommendations by analyzing which products were recently purchased
                by other shoppers in the category being viewed.</p>
              <p style="margin-bottom:0;">This strategy uses a rolling
                30-day time frame that updates daily to return recommendations that are similar to
                top sellers found in your weekly sales reporting.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" rowspan="4" style="vertical-align:top;" headers="d45051e404 ">Upsell</td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">1. Customers who bought also bought</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the purchasing behavior of other
              shoppers who bought the same product.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">2. Customers who viewed ultimately bought</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the purchasing behavior of other
              shoppers who viewed the same product.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">3. Customers who viewed also viewed</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing the viewing behavior of other shoppers
              who viewed the same product.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">4. Text similarity</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Uses natural-language processing to generate product recommendations based on
              similarity between products in product details.</td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e404 ">Top Selling</td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">Top-selling products within the past 30 days</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">
              <p>Generates recommendations by analyzing which products were recently purchased
                by other shoppers. </p>
              <p style="margin-bottom:0;">This strategy uses a rolling 30-day time frame that updates
                daily to return recommendations that are similar to top sellers found in your
                weekly sales reporting.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Use Case" class="slds-cell-wrap" rowspan="2" style="vertical-align:top;" headers="d45051e404 ">Personalized for Shopper</td>

            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">1. Real-time personalized recommendations</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing current and past viewing behavior of the
              shopper.</td>

          </tr>
          <tr class="">
            <td data-label="Strategies" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e407 ">2. Recent most-viewed products</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d45051e410 ">Generates recommendations by analyzing which products other shoppers recently
              viewed.</td>

          </tr>
        </tbody>
      </table>

![Einstein Recommendations component](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-commerce-comm-264-0-0-production-enus/d863e308-482a-4dfa-8d20-2a94737d394a/comm/images/einstein_recs.png)