# Insurance Widget

<figure><img src="/files/5bCrG6x4yZl3Uqvj3coC" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you want to customize the widget, please contact us at [this link](https://go.crisp.chat/chat/embed/?website_id=1dc48f94-5e00-41cc-bbf5-0f11ab481983).
{% endhint %}

## 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**

<figure><img src="/files/duPvfgBoOlqiPy4tnvLV" alt=""><figcaption><p>enable the app embed</p></figcaption></figure>

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

<figure><img src="/files/3oEbQFTgyDexeMGJnh7M" alt=""><figcaption></figcaption></figure>

* ***Auto fulfillment***

  <figure><img src="/files/bPPiIY3QSX9RUmLLXoct" alt=""><figcaption></figcaption></figure>
* ***Exclusions:*** Configure products excluded from insurance calculations (applicable only for percentage-based pricing).

  <div align="left"><figure><img src="/files/YsWmspGpfs3xrUVrIJhu" alt=""><figcaption></figcaption></figure></div>
* ***Content:*** Edit the widget content, including text and visuals

  <figure><img src="/files/ukyAE0X3zqbLKSpKxif7" alt=""><figcaption></figcaption></figure>
* ***Customized widget design:*** Set up the insurance icon and customize widget styles and appearance.&#x20;

  <div align="right" data-full-width="false"><figure><img src="/files/3Ard7Jv2i2e7RdCrHwpx" alt=""><figcaption></figcaption></figure></div>

<p align="center"><sub>Select or upload a widget icon</sub></p>

<figure><img src="/files/vRfVujE8PkP76xMc5Crt" alt=""><figcaption></figcaption></figure>

<p align="center"><sub>Customize widget position</sub></p>

<figure><img src="/files/IXQRFm0NaDAdb8hhbzdW" alt=""><figcaption></figcaption></figure>

<p align="center"><sub>Customize widget style</sub></p>

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

  <figure><img src="/files/5o6Wlnl4uM45xefQnwoc" alt=""><figcaption></figcaption></figure>

## Step 3: View the Shipping Protection Widget

<figure><img src="/files/HzTES2ZNUBhNpBa2mKGW" alt=""><figcaption></figcaption></figure>

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shopwil-organization.gitbook.io/sam-shipping-protection/app-installation/quickstart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.