> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Display Shipping Protection on the Checkout page

# Display Shipping Protection on the Checkout page
How to configure the widget for your checkout page. The editor has 2 tabs: **Settings** and **Appearance**.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1szsprc.png)

## Tab 1: Settings
### Show widget on the checkout page
Turn the widget on/off on your checkout page. Click **Enable** to activate — the badge switches from **Off** to **On**.


![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1ae76ck.png)

### Add widget block
Required — the toggle above only enables the backend; the widget only renders after the block is added in the Checkout editor. Click **Go to checkout editor**:
* Click **Add app block** in the Checkout section.
* Choose **Shipping protection**.
* Drag the block to your preferred position (typically after Shipping method or before Payment).
* Click **Save** in the Checkout editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1v6y1dc.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_gf0hym.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1fh2mz8.png)

### Pricing rules
Rules for calculating the protection fee added to the order.
**Fee type:** how the fee is calculated.
* **Fixed amount** — flat fee per order.
* **Percentage** — fee = % of cart value.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_6pi4hr.png)

When **Fixed amount** is selected:
* **Default fixed amount** — default fee when no tier matches.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_fadruf.png)

* **Use advanced pricing settings** — enable to charge by cart-value tiers. Each tier:
    * **Min cart value** — minimum cart value that matches the tier.
    * **Max cart value** — maximum cart value that matches the tier.
    * **Protection price** — fee applied to that tier.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1ikii5w.png)

When **Percentage** is selected:
* `%` — fee rate over cart value.
* **Min charge** — minimum fee (even if the percentage produces a lower amount).
* **Max protection fee** — maximum fee, `0` = no limit.
* **Increment amount** — rounding step for the fee.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1oplpbx.png)

* **Fee rounding** (Standard+) — rounding direction:
    * **Rounding up** — round up to the next Increment.
    * **Rounding down** — round down.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_98g70i.png)

* **Conditional pricing** (Standard+) — enable to override the percentage fee with a fixed fee when cart value meets a `Price [>/</=] X` condition.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1gcp40j.png)

### Protection rules
Fulfillment timing and scope rules.
**Protection fulfillment:** when Shopify marks the protection line item as fulfilled.
* **Immediately after purchase** — fulfill as soon as the order is created.
* **After first order item fulfilled** — wait until the first item ships.
* **After order fulfilled** — wait until the entire order is fulfilled.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1wgbe0p.png)

**Product exclusions:** exclude products from protection (excluded items don't contribute to the cart value used to calculate the fee).
* **Product collection** — exclude by collection.
* **SKU** — exclude by specific SKU.
Click **Select** to choose the items to exclude.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_17lqc0o.png)

**Markets** (Standard+): which markets the protection applies to.
* **Enable for all markets** — applies to every customer.
* Uncheck → **Select** specific markets — only customers in those markets are charged.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_iwnagc.png)

## Tab 2: Appearance

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_16wj096.png)

### Template
A ready-made preset (icon + title + text). Click to apply:
* **Worry-free shipping** — shield icon, message about lost/damage/theft refunds.
* **On-time promise** — package-timer icon, message about return/refund guarantee.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1k810qd.png)

### Display conditions
* **Widget icon** — the icon shown beside the widget. Choose **Specific collections**, **Product Tags**, **No icon**, or upload a **Custom icon** (≤5MB, SVG/GIF/JPG/PNG/JPEG).
* **Select button** — the opt-in control style:
    * **Switch type** — modern ON/OFF toggle.
    * **Checkbox selection** — traditional checkbox.


![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1blodg8.png)

### Content
The widget's text content.
* **Widget title** — main title (e.g., "Worry-free shipping").
* **Business text** — short description below the title.
* **Link text** — hyperlink text (e.g., "View refund policy"); leave empty for no link.
* **Link URL** — the URL the link points to (must include `https://`).

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1ba4ycr.png)

### Text style
Style for the Business text:
* **Text size** — Small / Base / Large / Extra Large.
* **Text color** — Base / Subdued / Critical / Warning / Success / Info.
* **Text emphasis** — Base / Bold / Italic.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_9elhg2.png)

Click **Save** in the contextual bar when you're done.