How to customize Cart drawer in Website Builder

The Cart drawer opens from the Cart icon on the store's header area, helping your customers review carts wherever they are in your store, with a clear design for better view. The Cart drawer is created by default in the store and is always located in the Footer section of the Website Builder.

This article will show you how to edit the Cart drawer on your store.

Before customizing, you need to configure your Cart block to open the Cart drawer to show the Cart drawer when the buyer clicks on the Cart icon on the header. Read more here.


The blocks are displayed by default and fully inside the Cart drawer so that customers can easily view the cart. However, you can also select each element to edit as you wish. The blocks constituted inside the Cart drawer are as follows:

Heading: This displays the title of the Cart drawer.


Cart goal: The message that encourage the customers to add items to the cart. Visit this article for more information.


Cart items: This displays the list of items in the cart.


Cart Summary: This shows total value of items in cart.


Button: Go to cart (directs buyers to the Cart page) or Checkout buttons (direct buyers to Checkout page), help customers better navigate to destinations quickly.

Related articles

How to customize Cart Goal block in Website Builder
How to customize Cart block in Website Builder
How to customize Mini cart block in Website Builder
How to customize Cart items block in Website Builder
How to customize Checkout Form block in Website Builder
How to customize Order steps block in Website Builder

Updated on: 04/12/2023