Shopify Integration

Shopify Integration

Connect your Shopify store in minutes and start offering protection plans alongside your products.

Installation

1. Go to Integrations → Shopify in your myumbrella.ai dashboard
2. Click Connect Shopify Store
3. Enter your Shopify store URL (e.g., yourstore.myshopify.com)
4. Authorize the app when redirected to Shopify

Widget Configuration

After connecting, configure how protection plans appear on your product pages:

Placement Options

• Below Add to Cart (recommended): highest visibility, best conversion
• Above Add to Cart: appears before the purchase button
• Custom selector: specify a CSS selector for manual placement

Widget Styling

Customize the widget to match your store theme:

{
  "widget": {
    "position": "below_add_to_cart",
    "style": "inline",
    "colors": {
      "primary": "#10b981",
      "background": "#f8fafc",
      "border": "#e2e8f0"
    },
    "borderRadius": "8px",
    "showIcon": true
  }
}

Product Mapping

By default, all products are eligible for protection plans. To customize:

1. Go to Integrations → Shopify → Product Rules
2. Create rules based on product type, collection, price range, or tags
3. Assign specific warranty plans to product groups

Sync & Webhooks

The integration automatically syncs:

• Orders: new orders with protection plans create contracts
• Refunds: full refunds automatically cancel the warranty contract
• Product updates: price changes trigger re-evaluation of plan pricing

Troubleshooting

Issue	Solution
Widget not appearing	Check theme compatibility in Integration settings
Wrong plan shown	Review product mapping rules
Orders not syncing	Verify webhook permissions in Shopify admin