Skip to main content

Multi-Recipient Checkout with Drawer & Slide Carts on Shopify

Send To Many works with any cart style. If the multi-recipient checkout button doesn't appear automatically in your drawer or slide cart, here's how to 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 will appear 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.

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​

Before editing your theme, 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.

You can find this in Online Store → Pages in your Shopify admin. Look for the page you created with the Send To Many checkout template.

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 on the left, 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​

This step is where the specifics depend on your theme. 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 to guide you.

Not sure where to add it?

If you're on a theme that isn't listed below, 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;"
%}

Adding a Send To Many button to the Dawn theme cart drawer in the Shopify code editor

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>

Adding a Send To Many button to the Horizon theme cart drawer in the Shopify code editor

Plain HTML (fallback for any theme)​

If your theme doesn't use a button snippet, or you just want the simplest possible approach, add a plain HTML link next to the existing checkout button in whichever cart drawer file your theme uses:

<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.

Shopify cart drawer showing the Send to multiple recipients button positioned 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 Customizing Checkout with CSS.

Next Steps​

Last updated on