---
schema_version: "1"
id: af10f4649f1977a48579c6f3f5f953ba24b5dfde13af4511aa1c457959ce7ae2
title: Add the CPQ Cart to Your Digital Experience Site
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_add_the_cpq_cart_to_site.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_add_the_cpq_cart_to_site.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: a43bda11b8729d54a01d79a5b268f1edef7d17336efadd3be620bea9d4ba44e0
description: Add the Industries CPQ Cart to your Digital Experience site to allow your users to create quotes, orders, or opportunities using the cart.
products:
  - Communications
  - Media
  - Energy and Utilities
release: "264"
---
# Add the CPQ Cart to Your Digital Experience Site

Add the Industries CPQ Cart to your Digital Experience site to allow your users to create quotes, orders, or opportunities using the cart.

Before you create a site with the LWC Cart, enable digital experiences in your org. For more information, see [Enable Digital Experiences for Salesforce Customer Identity](https://help.salesforce.com/s/articleView?id=xcloud.external_identity_enable_salesforce_communities.htm&type=5&language=en_US).

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/images/icon_note.png)

Note Multisite cart is not yet validated for Experience Cloud. You may attempt this setup, but it is currently unsupported.

1. From **Setup**, use the Quick Find box to search for Digital Experiences and click **All Sites**.
2. Depending on if you're adding the cart to an existing or new site:
    
    - If you’re adding the cart to a new site, click **New**.
    - If you’re adding the cart to an existing site, click **Edit** on the site.
3. If you’re creating a site, select a template that supports record and object pages and LWC components.
    
    For example, you can select the Help Center template and click **Get Started**.
4. Enter a name for your site and optionally a URL and then click **Create**.
5. Click **Builder**.
6. Click **Home** and then **\+ New Page**.
7. Click **Object Pages**.
8. From the list, depending on the page that you want to create, search for and select Order, Quote, or Opportunity.
9. Click **Create** and then **Create** again.
    
    Salesforce Experience Cloud creates a page with Detail, List, and related list pages.
10. Click the Lightning ![lightning icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/resources-product/images/lightning_icon.png) icon and add the following Industries CPQ Cart components to your site:
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/images/icon_note.png)
    
    Note Set the value for objectApiName to match the type of page that you're creating. For example, if you're creating a page for quotes, use `objectApiName = Quote`.
    
     
    | Component | Properties |
    | --- | --- |
    | CpqGlobalHeaderContainer | recordId = {!recordId}, objectApiName = Order |
    | CpqEventOrchestratorUtil | recordId = {!recordId} |
    | CpqFlexCardUtils | channelName = cpqutils, cartPageSize = 10, recordId = {!recordId} |
    | CpqCartSummaryContainer | recordId = {!recordId}, objectApiName = Order |
    | CpqCartDetailViewContainer | recordId = {!recordId}, objectApiName = Order |
    | CpqBrowsePhaseContainer | recordId = {!recordId}, objectApiName = Order |
    | Record Detail | recordId = {!recordId} |
    | Related Record List | Parent record Id = {!recordId} |
    | CpqProductConfigureTotalBar | recordId = {!recordId}, objectApiName = Order |
11. Click **Preview** and verify the page and CPQ cart components.
12. If the preview looks good, click **Publish**.