Upcart allows you to insert HTML or JavaScript into specific locations throughout the cart using the Custom HTML editor. This gives you full control over layout, visibility, and conditional content inside the cart experience.

Use this guide to understand how each location behaves and where your content will appear.

Renders directly below the cart header, before any modules.
Use this to add site-wide messages, flags, or dynamic banners.

Displays directly after the Announcements and Rewards modules, and just before the product list.

Repeats your HTML after every product in the cart.
Ideal for showing disclaimers or additional product-specific info.

Appears below the product list and upsells, but above the Add-ons section.
Great for messaging that leads into warranty or shipping protection offers.

Displays within the footer area, just above the checkout button and subtotal.
Often used to show price breakdowns, shipping notices, or terms.

Also in the footer, but positioned after the checkout button and just before add-ons.
Helpful for secondary CTAs or legal notices.

Displays outside the footer area at the very bottom of the cart drawer.
Does not inherit the footer's background color.

Only shows when the cart is empty.
Displays above the “Your cart is empty” message, useful for showing featured products or recommendations.

Invisible placement used to run JavaScript before the cart loads.
Use this for defining variables, setting conditions, or modifying Upcart behavior.

For a clear understanding of where each location renders inside the cart, refer to the labeled layout below.