The cart is the least designed page on most WooCommerce stores. It is also the page every buyer has to pass through, and the one where second thoughts arrive. The default template is a bare table inherited from the theme, styled by whoever wrote that theme, and changing it means overriding templates in a child theme. The cart page widget moves the whole thing into Elementor: three layouts, a coupon field, a totals panel and a free-shipping progress bar, all styled from the same controls as the rest of the site. Sentio built the Elementor cart page widget because the last screen before checkout deserves the same attention as the first.
What Is the Cart Page Widget?
The cart page widget renders the visitor’s live WooCommerce basket, with three layouts in one dropdown. The table layout is the familiar row-per-item grid with quantity controls and a totals panel. The cards layout stacks each line into its own panel, which is what makes a basket readable on a narrow screen without a horizontal scroll. The mini-list layout strips it down to a compact summary for a sidebar. Quantity changes go through AJAX, so adjusting an amount does not reload the page, and removing a line offers an undo rather than a silent deletion. Every Elementor cart page instance also controls its own empty state — the title, the message and the button that sends an empty-handed visitor back to the shop.
Key Features of the Cart Page Widget
- Three layouts — a standard table, stacked cards, or a compact mini-list, each with its own thumbnails, spacing and colours.
- AJAX quantity updates — changing an amount updates the totals in place, with no page reload and no lost scroll position.
- Free-shipping progress bar — set a threshold and shoppers see how close they are, which is one of the few genuinely effective nudges toward a larger basket.
- Coupon field and styled totals — both optional, both styled from the widget rather than inherited from the theme.
Why Use the Cart Page Widget on Your Site?
Abandonment happens where the experience gets abruptly worse, and on most stores that is the moment a beautifully designed product page hands over to a default cart table. The cart page widget closes that gap. A coffee roaster can run the full table with a coupon field and a free-shipping bar set just above the price of a single bag, so a second bag becomes the obvious move. A homeware store can switch to cards, where each line gets room to breathe on a phone. A shop with a slim sidebar can drop the mini-list in and leave the coupon field off entirely. Because quantity changes are AJAX, none of these force a reload mid-decision, and because the empty state is configurable, a visitor who arrives with nothing gets a route back to the shop rather than a dead end. The same Elementor cart page setup works whether the basket holds one item or twenty.
Getting Started With Cart Page in Minutes
Install Sentio Addons on a store running WooCommerce and place the Elementor cart page widget on your cart page in place of the default shortcode. Pick a layout, decide whether thumbnails, the coupon field and the totals panel appear, and set a free-shipping threshold if you want the progress bar. Write the checkout button label, then fill in the empty-state title, message and button text for visitors who land there with nothing. Everything else is styling — rows, totals panel, buttons and the progress bar each have their own colour and spacing controls, so the cart can match the rest of the site instead of the theme it came with.
See the Cart Page Widget in Action
The examples above this article start empty, because nothing is in the basket yet. Add one of the products at the top of the page and reload — the cart is rendered on the server, so it appears on the next load rather than instantly — and all three layouts fill with the same basket.
Every store spends its effort on the pages that attract buyers and almost none on the page that converts them. Reach for the cart page widget for Elementor and the basket stops being the theme’s problem and starts being part of the design. Sentio Addons keeps building practical, design-system-friendly widgets like this because publishing teams need real tools, not toy components.