How to Add Custom HTML Blocks to Cart Drawer

Custom HTML Blocks

A Custom HTML block lets you drop your own content into the cart drawer — a logo, trust badges, a "View Cart" link, a short policy note, and more. It's the go-to when you want something the standard sections don't cover.

Add a custom block

In the editor, add a Custom block.
Give it a name (for your reference) and use the toggle to enable/disable it.
Open the HTML content editor and paste your markup.
Save.

Heads up: custom content may not render in the in-app preview. After saving, check your live store to see it in place.

The block is designed for HTML and inline CSS. Scripts are not a supported, reliable way to add behaviour here — if you need interactive functionality (countdown logic, dynamic values, form handling), contact us first rather than relying on <script> in a block.

Position it in the drawer

Custom blocks sit in the cart drawer's section order alongside the built-in sections, so you can place a block above the upsells, below the subtotal, etc., by reordering sections in the editor.

Popular uses

These are the requests we most often solve with a Custom HTML block:

Store logo in the cart header — add an <img> with your logo instead of (or above) the text title.
Trust badges — "Free shipping", "Secure payments", money-back guarantee icons.
"View Cart" link — a link to your full /cart page beneath the checkout button.
Short note under the subtotal — e.g. "Taxes, shipping and discounts calculated at checkout."
Continue-shopping / collection link — a styled link to a specific collection.
A terms note — a short line linking to your policies.

A mandatory, checkout-blocking Terms & Conditions checkbox is not something a Custom HTML block can reliably enforce on its own. If you have a legal requirement for this, contact us to discuss options.

Example: a simple trust-badge row

<div style="display:flex;gap:12px;justify-content:center;padding:8px 0;font-size:13px;color:#555;">
  <span>🚚 Free shipping over $50</span>
  <span>🔒 Secure checkout</span>
</div>

Paste it into the block's HTML editor, save, and check your live store.