---
title: Cart page widgets
slug: configured-commerce/docs/cart-page-widgets
docTags: 
createdAt: 2026-08-13T10:46:20.000Z
---

The Cart page contains widgets to provide additional functionality for your Configured Commerce website.

## Common Elements

![PromotionCodeForm\_SpireWidgets.png](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/p6_D4xDwOE6VoRYNrJv6w-20260720-144526.png)

### Promotion Code Form

Add the Promotion Code form to the page for customers to add or remove promotions to their cart.

## Cart Elements

![B2B\_CartElements.png](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/BsGvvnWDL4ktToHLUb3SS-20260720-144526.png)

Read more about each of these widgets below.

### Cart Actions

Add cart actions to the page for customers to use, such as **Save Order** and **Add All to List**.

**Full Width Button** – Enable this option to make the buttons in the cart actions widget the full width of the widget.

The widget also has options for **Checkout**, **Submit for Quote**, **Save Order**, and **Add All to List** actions.

Choose from the following options for each one:

- **Primary Action** – Displays the action with primary styling.
- **Secondary Action** – Displays the action with secondary styling.
- **Overflow Action** – Displays the action in an overflow menu.
- **Not Enabled** – Excludes the action from the widget.

### Cart Lines

Use this widget to add cart lines to the page. This is where products added by the user display.

**Show Line Notes** – Select whether to show line notes. This setting does not apply to Punchout orders, which never display line notes.

**Visible Elements** – Select what information to display:

- **Image** (required)
- **Product title** (required)
- **Brand**
- **Remove all actions**
- **Per unit price**
- **Price label**
- **Add to list**
- **Item count**
- **Product number**
- **Back to top**
- **VMI Bin Details**

**Custom CSS** (under **Advanced**) – Enter any additional customizations for the cart lines.

### Cart Total

Display the cart total on the page.

**Include Actions** – Choose whether to display Checkout, Submit for Quote, and Save Order actions. 

### Fulfillment Method Selector

Add the ability to select a fulfillment method, such as **Ship** or **Pick Up**.

**Display Style** – Choose whether to show the fulfillment method options as a **Radio Button** or **Clickable Boxes**. 

### Page Container

Use this widget as an overall container for all cart elements.

### Page Header

Add a header to the page.