---
title: Add web cross-sells to a page
slug: configured-commerce/docs/add-web-cross-sells-to-a-page
docTags: 
createdAt: 2026-08-13T10:46:21.000Z
---

The Web Cross-Sells widget displays any products designated as Web Cross-Sells from the Admin Console.

Use the following steps to add the **Web Cross Sell** widget:

1. Hover over the **CMS** icon and click the **Show CMS** pencil.
2. Click the **Show Content Tree** toggle

   ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/VHwaDe3a75sd5GBPI5tu3-20260720-144724.png)

:::Paragraph{indent="1"}
.
:::

3. Using the **chevrons**, expand and select the page that will host the widget.
4. Click **Edit** to expose the page editing options
5. Click **Content Add**, which opens the **Add Widget** menu.

   ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/KmRCI-k-brDlBazJ5QpoT-20260720-144724.png)
6. Select the **Web Cross Sells** widget from the **Item Type** drop-down menu, and select the **Standard** template.

   ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/yXD6paDIi2qeKzlWHR4K8-20260720-144724.png)
7. Choose the CSS class, or use the default by leaving the **CSS Class** field blank.

   ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/zRE5p6Pnr35l1YdEi3Yxk-20260720-144724.png)
8. Click **Save**.