Cart & Mini Cart Widget Setup

Cart & Mini Cart Widget Setup

The ShipGuard widget can appear in both your cart page and mini cart (cart drawer). This lets customers add shipping protection before checkout, helping you increase coverage and reduce claims.

1. Enable App Embed in Shopify Theme

The widget requires Shopify’s app embed to be active.

👉 Follow our detailed step-by-step guide here: 📖 How to Enable App Embed?
Alert
 Saving the app embed alone won’t show the widget yet. You’ll need to publish it in the ShipGuard app (next step).

2. Setting up Cart & Mini Cart Widget

Step 1: Open the ShipGuard app → Widget Setup → Cart Page



Step 2: Shipping Protection Pricing Configure

ShipGuard allows you to set your shipping protection price in three different ways: 📖 Learn more about how Shipping Protection Pricing works →

  1. Percentage Pricing (with min & max values)
  2. Single Fixed Plan
  3. Plan by Cart Value
Info
Tip: Each option gives you full control to balance customer trust and profitability. For example, percentage pricing scales with order size, while fixed plans keep it simple.

Step 3:  Customize Shipping Protection Settings & Style

ShipGuard gives you powerful tools to configure how shipping protection works in your store. Beyond pricing, you can control style, visibility, fulfillment, exclusions, targeting, and upsells.

🎨 Customized Insurance Style

  • Change colors, fonts, labels, and widget type (toggle or checkbox).

  • Match the widget style with your store branding for a seamless checkout experience.

🛡 Hide Shipping Protection Product

  • Keep the protection product hidden from storefront search, collections, and navigation.

  • Customers will still see and purchase protection at cart or checkout.

📦 Digital Insurance Fulfillment Status

  • Automatically mark the shipping protection product as fulfilled.

  • Prevents inventory and shipping conflicts in Shopify.

🚫 Product Exclusion

  • Exclude certain products or collections from being covered by protection.

  • Useful if some items don’t qualify for claims.

🌍 Geo Location Targeting

  • Offer shipping protection only to specific countries or regions.

  • Perfect for merchants who want to limit coverage to supported locations.

🔼 Upsell Feature

  • Encourage more customers to add protection with cart or checkout upsell prompts.

  • Helps increase overall protection adoption and revenue.

Idea
Tip: Use these settings strategically to balance customer trust, compliance, and profitability.


Step 4:  Once your pricing and settings are ready, you need to publish the shipping protection widget, Simply click the toggle switch to turn the widget ON.



3. Test the Widget

  1. Add a product to your cart.

  2. Open your mini cart (drawer) → confirm the widget displays.

  3. Go to the full cart page → confirm the widget displays.

  4. Proceed to checkout → ensure ShipGuard protection is carried into the order.

4. If the Widget Does Not Appear

  • Different Shopify themes handle carts differently.

  • If the widget does not show in your mini cart but works in your cart page, this means your drawer app isn’t passing line items correctly.

Idea
Solutions:

  1. Open the ShipGuard app → Widget Setup → Cart Page
  2. Simply turn off the widget publish toggle until our team checks, and contact us for support.


Contact us at support@shipguard.io or 💬 Live Chat: available inside the ShipGuard app

5. How ShipGuard Protection Works

  • ShipGuard automatically creates a Shipping Protection product in Shopify.

  • When a customer selects protection, it is added to their cart like a digital product.

  • At checkout, the protection item is included with their order.

  • Merchants keep control over their plans and manage claims through ShipGuard.