Insurance Widget

Display the Shipping Protection widget on your store's frontend

If you want to customize the widget, please contact us at this link.

Step 1: Enable the App Embed

  • Go to your Shopify admin panel.

  • Navigate to Online Store > Themes.

  • Click on the Customize button for your current theme.

  • In the "App Embeds" tab, enable "Sam: Shipping Protection" and click Save

enable the app embed

Step 2: Set up your first insurance plan with either a fixed fee or a percentage-based rate.

  • Insurance Pricing: Adjust the insurance cost. Pricing can be fixed or calculated as a percentage of the cart total.

  • Customized Insurance Style: Set up the insurance icon and customize widget styles and appearance.

    Customize widget position
    Customize widget style
  • Auto fulfillment

  • Exclusions: Configure products excluded from insurance calculations (applicable only for percentage-based pricing).

  • Content: Edit the widget content, including text and visuals

  • Widget Preview: View how the widget will appear on the cart page or cart drawer.

    widget will be attached to the cart page and cart drawer

Step 3: View the Shipping Protection Widget

Once the app embed is enabled and your insurance plans are set up, the Shipping Protection widget will appear on your store's frontend. This widget will be visible when an order matches the conditions of the created insurance plans.

  • Check Your Storefront: Navigate to your store’s frontend and place an order that meets the criteria of your insurance plan.

  • See the Widget: The Shipping Protection widget should now be visible on the cart page and cart drawer, showing relevant insurance options.

Last updated