---
schema_version: "1"
id: e999d630a6abe01f351f5c7550bad671033a5051fd2dd69a080371cd63cebe7b
title: Service Catalog Site Basics
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/svc_site_comps_temps_ov.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.svc_site_comps_temps_ov.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 42c8b708ce959889cb3cd3701af203ca6cd2a1222c1c5a55045731c6d52b2851
description: The Service Catalog Site is a CRM-powered self-service site that connects your customers and partners with your Service Catalog to browse and request catalog items.
products:
  - Service Cloud
release: "264"
---
# Service Catalog Site Basics

The Service Catalog Site is a CRM-powered self-service site that connects your customers and partners with your Service Catalog to browse and request catalog items.

### 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=service.service_editions_reference.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

## What Is the Service Catalog Site?

The Service Catalog site provides your customers and partners access to request products and services from your Service Catalog. The site is created, customized, and managed with Experience Cloud. With Experience Cloud, you have no-code, point-and-click tools and prebuilt templates, themes, and components to quickly set up your Service Catalog site. Experience Cloud provides several frameworks to build Experience Sites. Service Catalog supports the Aura and Lightning Web Runtime (LWR) frameworks. See [Learn About Experience Cloud Frameworks and Templates](https://help.salesforce.com/s/articleView?id=experience.exp_cloud_plan_frameworks.htm&type=5&language=en_US).

You can also integrate Service Catalog with sites alternative to Experience Cloud, such as Salesforce and externally built sites. See [Alternative Sites Setup Pathway](https://help.salesforce.com/s/articleView?id=service.svc_site_alt_setup.htm&release=264.0.0&type=5 "Take the steps in this setup pathway to set up Service Catalog Guest Users in sites alternative to Experience Cloud, such as Salesforce Sites and externally built sites.").

## Supported Site Frameworks, Templates, and Themes

To provide you a streamlined and quick setup experience, the Service Catalog pages and components are available in several templates from Experience Cloud. The templates help you quickly build and customize your site with Experience Builder, and each template contains a specific page layout and standard components for common business scenarios.

Each template is based on two site frameworks: LWR and Aura. These frameworks shape how you build your Service Catalog site and how it runs when it's live. For Service Catalog, the difference between the frameworks is that LWR templates support data categories, which help provide an intuitive site indexing of all your catalog items, categories, and their hierarchies.

Review each and determine which is best for your business needs. See [Learn About Experience Cloud Frameworks and Templates](https://help.salesforce.com/s/articleView?id=experience.exp_cloud_plan_frameworks.htm&type=5&language=en_US). If you select LWR, be sure to:

- Review [LWR Service Catalog Site Guidelines](https://help.salesforce.com/s/articleView?id=service.svc_site_lwr_guidelines.htm&release=264.0.0&type=5 "Review the provided guidelines before using the LWR framework to build your Service Catalog Site.").
- Have data categories. See [Create a Data Category Group](https://help.salesforce.com/s/articleView?id=service.svc_dc.htm&release=264.0.0&type=5 "Data categories offer an alternative type of categorization for catalog items. Data categories are used with other Service products such as Knowledge. Organizing catalog items under a data category makes those catalog items viewable on LWR sites.") and [Work with Data Categories](https://help.salesforce.com/s/articleView?id=service.category_whatis.htm&type=5&language=en_US).

Here are the supported templates you can use to quickly build, customize, and launch your site. They’re available for selection as part of the Service Catalog site setup process.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e127">Framework</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e130">Supported Templates</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Framework" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e127 ">Aura</td>

            <td data-label="Supported Templates" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e130 ">
              <ul>
                <li>
                  <a href="https://help.salesforce.com/s/articleView?id=experience.rss_build_your_own_pages.htm&amp;type=5&amp;language=en_US" target="_blank">Build Your Own
                    (Aura)</a>
                </li>

                <li>
                  <a href="https://help.salesforce.com/s/articleView?language=en_US&amp;id=sf.rss_customer_account_portal_pages.htm&amp;type=5" target="_blank">Customer Account
                    Portal</a>
                </li>

                <li>
                  <a href="https://help.salesforce.com/s/articleView?id=experience.rss_napili_views.htm&amp;type=5&amp;language=en_US" target="_blank">Customer
                    Service</a>
                </li>

              </ul>
            </td>

          </tr>
          <tr class="">
            <td data-label="Framework" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e127 ">LWR</td>

            <td data-label="Supported Templates" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e130 ">
              <a href="https://help.salesforce.com/s/articleView?id=experience.rss_build_your_own_lwr.htm&amp;type=5&amp;language=en_US" target="_blank">Build Your Own (LWR)</a>
            </td>

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

In addition to the templates, the Service Catalog pages and components are supported on Experience Cloud themes. The theme is a specific visual flow, design, and color scheme of a template. Themes provide you even more flexibility and customization of your site’s style. See [Add Style to Your Experience Builder Site with Themes](https://help.salesforce.com/s/articleView?id=experience.community_builder_theme_understanding.htm&type=5&language=en_US).

## Supported Site Components and Pages

The Service Catalog site is made up of Experience site pages. The Service Catalog features are contained within these site pages, which are available only with the Service Catalog Access permission set license and Service Catalog User permission set. Each site page contains Service Catalog components, which are no-code, point-and-click tools used to build and customize your site. The components are preconfigured on each page. Just point and click each component to customize it to your preferences. These components are designed for Service Catalog using the Aura and LWR frameworks and are in addition to the standard Experience Cloud components.

The pages and components provide you with the Service Catalog features to help you get set up quickly and provide your customers with an efficient self-service experience for Service Catalog. Here’s what the Service Catalog site contains for both Aura and LWR frameworks.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:21.218487394957986%">
          <col style="width:36.5546218487395%">
          <col style="width:21.008403361344538%">
          <col style="width:21.218487394957986%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e221">Objects</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e224">Components</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e227">Pages</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e230">Page Variations</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Objects" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e221 ">
              <ul>
                <li>
                  <p>SvcCatalogCategory</p>
                  <p>Groups Service Catalog items into a functional area.</p>
                </li>

                <li>
                  <p>SvcCatalogCategoryItem</p>
                  <p>Associates a Service Catalog item with a category.</p>
                </li>

                <li>
                  <p>SvcCatalogItemDefinition</p>
                  <p>Represents a Service Catalog item that is requested by a Service Catalog
                    user.</p>
                </li>

                <li>
                  <p>SvcCatalogRequest</p>
                  <p>Shows a user’s Service Catalog request.</p>
                </li>

                <li>
                  <p>SvcCatalogReqRelatedItem</p>
                  <p>Shows a list of related requests.</p>
                </li>

              </ul>
            </td>

            <td data-label="Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e224 ">
              <p>Aura Components</p>
              <ul>
                <li>
                  <p>Service Catalog List</p>
                  <p>Shows a list of active Service Catalog items and categories.</p>
                </li>

                <li>
                  <p>Service Catalog Grid</p>
                  <p>Shows a collection of active Service Catalog items that are set as
                    featured.</p>
                </li>

                <li>
                  <p>Service Catalog Record Detail</p>
                  <p>Shows the details of a Service Catalog item.</p>
                </li>

              </ul>
              <p>LWR Components</p>
              <ul>
                <li>
                  <p>Service Catalog Grid (beta)</p>
                  <p>Shows active Service Catalog items set as featured as a collection and a
                    list.</p>
                </li>

                <li>
                  <p>Service Catalog Record Detail</p>
                  <p>Shows the details of a Service Catalog item.</p>
                </li>

              </ul>
            </td>

            <td data-label="Pages" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e227 ">
              <ul>
                <li>
                  <p>Service Catalog Home page (Aura)</p>
                  <p>A standard home page associated with your selected template that you
                    configure to add the Service Catalog Grid component.</p>
                </li>

                <li>
                  <p>Service Catalog Item Definition object page (Aura and LWR)</p>
                  <p>Contains the Service Catalog Item Definition detail, list, and related list
                    pages and their page variations associated with the
                    <samp class="parmname">SvcCatalogItemDef</samp> object.
                  </p>
                </li>

                <li>
                  <p>Service Catalog Request object page (Aura)</p>
                  <p>Contains the Service Catalog Request detail, list, and related list pages and
                    their corresponding page variations associated with the
                    <samp class="parmname">SvcCatalogRequest</samp> object.
                  </p>
                </li>

                <li>
                  <p>Network Data Category Detail object page (LWR)</p>
                  <p>Contains the Service Catalog Grid component that &nbsp;surfaces catalog items and
                    their associated data categories in your site using the Network Data Category
                    Detail object page variation.</p>
                </li>

              </ul>
            </td>

            <td data-label="Page Variations" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e230 ">
              <ul>
                <li>
                  <p>Service Catalog Item Definition Detail (Aura and LWR)</p>
                  <p>Shows the details for a Service Catalog item using the Service Catalog Record
                    Detail component.</p>
                </li>

                <li>
                  <p>Service Catalog Item Definition List (Aura and LWR)</p>
                  <p>Shows a list of active Service Catalog items and categories using the Service
                    Catalog List component.</p>
                </li>

                <li>
                  <p>Service Catalog Item Definition Related List (Aura and LWR) </p>
                  <p>Shows a list of related catalog items.</p>
                </li>

                <li>
                  <p>Service Catalog Request Detail (Aura)</p>
                  <p>Provides the record details for a Service Catalog request using the standard
                    Record Detail component.</p>
                </li>

                <li>
                  <p>Service Catalog Request List (Aura)</p>
                  <p>Shows a list of a user’s service catalog requests using the standard Record
                    List component.</p>
                </li>

                <li>
                  <p>Service Catalog Request Related List (Aura)</p>
                  <p>Shows a list of records related to the request.</p>
                </li>

              </ul>
            </td>

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

## Which Service Catalog Components Can I Use with Each Experience Cloud Template?

Review the table to find out which templates from Experience Cloud currently support the Service Catalog components for both Aura and LWR. All the listed components are supported on all Experience Cloud themes that are available with each template.

To determine what standard components are available for you to use within your site based on your selected template, see [Which Components Can I Use with Each Aura Template?](https://help.salesforce.com/s/articleView?id=experience.rss_component_reference_table.htm&type=5&language=en_US) and [Standard Components for the Build Your Own (LWR) Template](https://help.salesforce.com/s/articleView?id=experience.networks_byo_lwr_components.htm&type=5&language=en_US).

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:12.5%">
          <col style="width:12.5%">
          <col style="width:12.5%">
          <col style="width:12.5%">
          <col style="width:12.5%">
          <col style="width:12.5%">
          <col style="width:12.5%">
          <col style="width:12.5%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e509">Service Catalog Component</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e512">Framework Supported</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e515">BYO (AURA) Template</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e518">BYO (LWR) Template</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e521">Customer Account Portal Template</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e525">Customer Service Template</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e528">HELP CENTER template</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d116467e531">PARTNER CENTRAL template</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Service Catalog Component" class="slds-cell-wrap" rowspan="2" style="vertical-align:top;" headers="d116467e509 ">Service Catalog Grid</td>

            <td data-label="Framework Supported" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e512 ">Aura</td>

            <td data-label="BYO (AURA) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e515 ">
              <a name="svc_site_comps_temps_ov__image_wlt_ks1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_wlt_ks1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="BYO (LWR) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e518 ">
              <a name="svc_site_comps_temps_ov__image_ets_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_ets_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="Customer Account Portal Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e521 ">
              <a name="svc_site_comps_temps_ov__image_oc5_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_oc5_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="Customer Service Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e525 ">
              <a name="svc_site_comps_temps_ov__image_kwb_ms1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_kwb_ms1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="HELP CENTER template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e528 ">
              <a name="svc_site_comps_temps_ov__image_bkn_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_bkn_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="PARTNER CENTRAL template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e531 ">
              <a name="svc_site_comps_temps_ov__image_cm4_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_cm4_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

          </tr>
          <tr class="">
            <td data-label="Framework Supported" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e512 ">LWR</td>

            <td data-label="BYO (AURA) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e515 ">
              <a name="svc_site_comps_temps_ov__image_psm_ms1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_psm_ms1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="BYO (LWR) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e518 ">
              <a name="svc_site_comps_temps_ov__image_gmr_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_gmr_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="Customer Account Portal Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e521 ">
              <a name="svc_site_comps_temps_ov__image_sc2_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_sc2_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="Customer Service Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e525 ">
              <a name="svc_site_comps_temps_ov__image_f3f_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_f3f_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="HELP CENTER template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e528 ">
              <a name="svc_site_comps_temps_ov__image_m2m_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_m2m_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="PARTNER CENTRAL template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e531 ">
              <a name="svc_site_comps_temps_ov__image_unp_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_unp_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

          </tr>
          <tr class="">
            <td data-label="Service Catalog Component" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e509 ">Service Catalog List</td>

            <td data-label="Framework Supported" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e512 ">Aura</td>

            <td data-label="BYO (AURA) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e515 ">
              <a name="svc_site_comps_temps_ov__image_odl_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_odl_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="BYO (LWR) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e518 ">
              <a name="svc_site_comps_temps_ov__image_dvc_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_dvc_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="Customer Account Portal Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e521 ">
              <a name="svc_site_comps_temps_ov__image_jpv_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_jpv_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="Customer Service Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e525 ">
              <a name="svc_site_comps_temps_ov__image_krz_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_krz_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="HELP CENTER template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e528 ">
              <a name="svc_site_comps_temps_ov__image_tbl_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_tbl_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="PARTNER CENTRAL template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e531 ">
              <a name="svc_site_comps_temps_ov__image_gxq_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_gxq_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

          </tr>
          <tr class="">
            <td data-label="Service Catalog Component" class="slds-cell-wrap" rowspan="2" style="vertical-align:top;" headers="d116467e509 ">Service Catalog Record Detail</td>

            <td data-label="Framework Supported" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e512 ">Aura</td>

            <td data-label="BYO (AURA) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e515 ">
              <a name="svc_site_comps_temps_ov__image_orm_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_orm_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="BYO (LWR) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e518 ">
              <a name="svc_site_comps_temps_ov__image_p5p_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_p5p_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="Customer Account Portal Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e521 ">
              <a name="svc_site_comps_temps_ov__image_o5w_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_o5w_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="Customer Service Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e525 ">
              <a name="svc_site_comps_temps_ov__image_udy_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_udy_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="HELP CENTER template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e528 ">
              <a name="svc_site_comps_temps_ov__image_zzj_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_zzj_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="PARTNER CENTRAL template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e531 ">
              <a name="svc_site_comps_temps_ov__image_b3s_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_b3s_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

          </tr>
          <tr class="">
            <td data-label="Framework Supported" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e512 ">LWR</td>

            <td data-label="BYO (AURA) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e515 ">
              <a name="svc_site_comps_temps_ov__image_wfb_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_wfb_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="BYO (LWR) Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e518 ">
              <a name="svc_site_comps_temps_ov__image_kh4_ls1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_kh4_ls1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/checkmark.png" alt="checkmark"></span>
            </td>

            <td data-label="Customer Account Portal Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e521 ">
              <a name="svc_site_comps_temps_ov__image_opg_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_opg_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="Customer Service Template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e525 ">
              <a name="svc_site_comps_temps_ov__image_cvh_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_cvh_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="HELP CENTER template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e528 ">
              <a name="svc_site_comps_temps_ov__image_rz3_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_rz3_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

            <td data-label="PARTNER CENTRAL template" class="slds-cell-wrap" style="vertical-align:top;" headers="d116467e531 ">
              <a name="svc_site_comps_temps_ov__image_iqt_ns1_scc"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="svc_site_comps_temps_ov__image_iqt_ns1_scc" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/resources-global/_corporate/images/crossmark.png" alt="X"></span>
            </td>

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

![Example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/images/icon_example.png)

Example

Here’s an Aura-based Service Catalog site that uses the components and pages built for Service Catalog.

![Service Catalog site example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/support/images/service_catalog/service_catalog_site.png)

#### See Also

- [_Salesforce Help_: Learn About Experience Cloud Frameworks and Templates](https://help.salesforce.com/s/articleView?id=experience.exp_cloud_plan_frameworks.htm&type=5&language=en_US)