Skip to main content

Multi-Recipient Checkout with Drawer & Slide Carts

Send To Many works with any cart style. If the multi-recipient checkout button doesn't appear automatically in your drawer or slide cart, add it with a simple theme edit.

Send To Many works with any cart style, including drawer carts, slide-out carts, and flyout carts. In many cases, the "Send to Multiple Recipients" button appears automatically. If it doesn't show up in your drawer or slide cart, you can add it with a small theme code change.

How the Button Works​

The Send To Many cart button is a Shopify theme app block that auto-positions itself near your theme's checkout button. On dedicated cart pages, this works out of the box. On drawer and slide carts, the auto-positioning may or may not work depending on your theme's cart implementation. The cart button uses the href attribute as a fallback, so it always links to the correct checkout page even in themes where auto-positioning doesn't fire.

If the button doesn't appear in your cart drawer, the fix is straightforward: add a button directly to your theme's cart drawer template that links to your multi-recipient checkout page.

Adding the Button to Your Cart Drawer​

1. Find your checkout page URL​

You need the URL of your multi-recipient checkout page. If you've already set up checkout following the steps in Setting Up Multi-Recipient Checkout, you'll have a page with the Send To Many checkout block on it. The URL will look something like /pages/multi-recipient-checkout.

Find this in Online Store → Pages in your Shopify admin.

2. Open your theme's cart drawer file​

  1. Go to Online Store → Themes in your Shopify admin.
  2. Click "..." next to your active theme and select Edit code.
  3. In the file list, look in the Snippets or Sections folder for your cart drawer template. Common file names include cart-drawer.liquid, header-cart-drawer.liquid, cart-sidebar.liquid, or mini-cart.liquid. The exact name depends on your theme.

3. Add the button code​

Every theme structures its cart drawer a little differently, so you'll need to find the right place in your theme's cart drawer file to add the button, typically right next to the existing checkout button. Below are three examples.

Not sure where to add it?

Shopify Sidekick can help. Ask it something like: "In my theme's cart drawer, add a button right below the checkout button that links to /pages/multi-recipient-checkout with the text 'Send to multiple recipients'."

Dawn​

In Dawn, the cart drawer lives in snippets/header-cart-drawer.liquid. Find the cart__footer section where the checkout button is rendered, and add a new element_button render right after it:

{% render 'element_button',
  type: "button",
  name: "send_to_many",
  text: "Send to multiple recipients",
  href: "/pages/multi-recipient-checkout",
  classlist: "cart__checkout",
  style: "margin-top:10px;"
%}

Horizon​

In Horizon, the cart drawer content is in snippets/cart-summary.liquid. Find the cart_ctas section with the existing checkout button, and add a link right after it:

<a href="/pages/multi-recipient-checkout"
   class="cart__checkout-button button"
   style="display:block; text-align:center;">
  Send to multiple recipients
</a>

Plain HTML (fallback for any theme)​

If your theme doesn't use a button snippet, add a plain HTML link next to the existing checkout button:

<a href="/pages/multi-recipient-checkout"
   class="button btn cart__checkout-btn"
   style="display:block; text-align:center; margin-top:10px;">
  Send to multiple recipients
</a>

Match the CSS classes to whatever your theme uses for its existing checkout button so the styling stays consistent.

4. Save and preview​

Click Save, then open your store and add a product to your cart. Open the cart drawer and confirm the "Send to multiple recipients" button appears below the checkout button.

Styling the Button​

The button you add to your cart drawer is standard HTML/Liquid, so it inherits your theme's styles. If you want to adjust its appearance, you can modify the inline styles or add a custom CSS class.

For styling the multi-recipient checkout page itself (not the cart button), see CSS customization.

Next Steps​

Last updated on