How do you add a Caddy cart widget to your header or navigation menu?

You can add a Caddy cart trigger — with a live item count — to your site’s navigation menu, header, or anywhere else. Customers click it to slide the cart open from any page.

Easiest: pick a menu in Caddy’s settings

Go to Caddy > Settings > General and use Add Cart Widget to Menu to choose one of your registered menus — Caddy appends the cart widget to it automatically. The Add Saves Widget to Menu option does the same for a saved-items link.

Shortcodes

For full control over placement, use the shortcodes anywhere shortcodes are supported (menu items via a shortcodes-in-menus plugin, widgets, page builders, block editor):

[cc_cart_items text='Cart' icon='yes']
[cc_saved_items text='Saves' icon='yes']

Both render a link with a live count badge. The text attribute sets the label and icon toggles the icon. [cc_saved_items] only renders for logged-in users with save for later enabled.

Block themes

If you build your header in the site editor, you can place the Caddy Cart block directly in a template part.

Custom buttons

To open the cart from your own element — a custom header icon, a button in a popup — call Caddy’s JavaScript API: see opening the Caddy cart using JavaScript.