---
schema_version: "1"
id: 34d9989565ea8f88d26d170271aa990e3ba920d487b712b692794c367d93094c
title: Enable Customers to Add Products to Their Cart from Search Results
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/commerce/264-0-0/comm_configure_add_to_cart_button.md
canonical_url: https://help.salesforce.com/s/articleView?id=commerce.comm_configure_add_to_cart_button.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 337aa553a50e3fae11a53a2f351772efd614c682079d6aeece43ade29854da56
description: When customers search for products in your store, let them add the product to their cart directly from the search results page.
products:
  - Commerce
  - B2B Commerce
release: "264"
---
# Enable Customers to Add Products to Their Cart from Search Results

When customers search for products in your store, let them add the product to their cart directly from the search results page.

### 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)

## Configure the Add to Cart Button

These steps apply to the Results component in B2B stores.

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

1. In the navigation sidebar, select a store from the **Store** dropdown.
2. Select **Website Design**, and then click **Experience Builder**.
3. In Experience Builder, open the search page.
4. From the Components panel, drag the Results component into the page’s Results section.
    
    When you drag a component over a content or theme layout region, a label appears to identify the region. Components in a content layout region are specific to the page. Components in a theme layout region have the label “Shared” added to the name because they’re shared everywhere that the theme layout region is used.
5. In the component’s Results Display section, select **Show Call To Action Button**.
6. Use the customization options to tailor the button style and text.

## Configure the Add to Cart Button (D2C Stores Only)

These steps apply to the Results Grid component in D2C stores.

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

1. In the navigation sidebar, select a store from the **Store** dropdown.
2. Select **Website Design**, and then click **Experience Builder**.
3. In Experience Builder, open the search page.
4. From the Components panel, drag the Results Grid component into the page’s Results Layout section.
    
    When you drag a component over a content or theme layout region, a label appears to identify the region. Components in a content layout region are specific to the page. Components in a theme layout region have the label “Shared” added to the name because they’re shared everywhere that the theme layout region is used.
5. Edit the Results Grid component properties.
    1. Go to the component’s Settings tab.
    2. For Data Source, select **Nested Expression**.
        
        ![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 Custom expressions aren't supported inside Nested Expressions.
    3. For Expression, select **Description**.
6. Add the Product Card component to the Results Grid component, and edit the Product Card component properties.
    1. From the Components panel, drag the Product Card component into the sfdcRepeaterItem section of the Results Grid component.
    2. Go to the component’s Settings tab.
    3. For Data Binding, make sure that {!Item} is entered.
    4. In the Button Settings section, select **Show Add to Cart Button**.
    5. Use the customization options to tailor the button style and text.
7. Edit the Results Grid component properties again.
    1. Go to the component’s Settings tab.
    2. For Data Source, select **Nested Expression**.
        
        ![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 Custom expressions aren't supported inside Nested Expressions.
    3. For Expression, select **Product Cards**.

#### See Also

- [Considerations for B2B Commerce Product Bundles and Sets](https://help.salesforce.com/s/articleView?id=commerce.comm_merchant_considerations_for_product_bundles_and_sets.htm&release=264.0.0&type=5 "A Commerce product bundle or set is a simple product that can contain simple products and variation products as child products. When you have bundles or sets and run Product Readiness for your catalog, Commerce checks for different product scenarios related to the parent and child products. Certain scenarios limit readiness. Before you create and configure a product bundle or product set for your store, keep these considerations in mind to increase readiness and support for other features, like search.")
- [LWR Store Components](https://help.salesforce.com/s/articleView?id=commerce.comm_components.htm&release=264.0.0&type=5 "B2B stores created with the unified Commerce Store template share the same Commerce components in Experience Builder.")