How to Set Up Two Checkout Buttons on the Slide Cart or Mini Cart Drawer?

Created by Brad f, Modified on Thu, 19 Jun, 2025 at 9:22 AM by Brad f

To show two checkout buttons on your Slide Cart or Mini Cart Drawer—one with Shipping Protection and one without—you’ll need to follow the steps below:


1️⃣ Set Up the Checkout Button in ShipSure

  • Go to Apps → ShipSure → Settings in your Shopify Admin.

  • Under Layout Options, make sure the Button option is selected.

  • Customize the button as per your store’s branding and Save the changes.


2️⃣ Locate the Checkout Button in Your Theme Code

  • From your Shopify Admin, navigate to Online Store → Themes → Edit Code.

  • Open the file that contains your cart drawer or slide cart layout. Common files include:

    • cart-drawer.liquid

    • cart-items.liquid

    • ajax-cart-template.liquid

    • or similar files depending on your theme.

  • Find the HTML element for the existing Checkout button. It usually looks like:
    <button> or <a href="/checkout">


3️⃣ Add ShipSure Button Code

  • Place the following code where you want the ShipSure Checkout Button to appear (typically next to or below the regular checkout button):

<div class="shipsure-widget-checkout"></div>
<img width="1" height="1" alt="ShipSure" style="width: 1px;height: 1px;position: absolute;" onLoad="window.shipSure?.loadApp?.();" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />

This code loads the ShipSure Checkout Button, giving your customers the option to opt-in for Shipping Protection at checkout.


4️⃣ Preview & Test the Integration

  • After adding the code, preview your store.

  • Open the Slide Cart or Mini Cart Drawer.

  • You should now see two checkout buttons:

    1. Default Checkout Button → Proceeds without Shipping Protection.

    2. ShipSure Checkout Button → Proceeds with Shipping Protection enabled.

Test both buttons to ensure they work as expected.


Need Help?
If you face any issues while setting up the Claim Page or using ShipSure, feel free to reach out to our support team:
? Email: hello@shipsure.in
We’ll be happy to assist you and ensure your setup is completed smoothly.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article