> For the complete documentation index, see [llms.txt](https://protectify.gitbook.io/protectify-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://protectify.gitbook.io/protectify-docs/how-to-set-up-the-shipping-protection-widget-on-the-checkout-page.md).

# How to Set Up the Shipping Protection Widget on the Checkout Page

### Overview

Shopify currently only allows checkout page customization for **Shopify Plus** stores.\
This means only Shopify Plus stores can add and configure the Checkout page widget.

***

### Quick Setup

#### Step 1

Go to **Protection Widget → Checkout Page**, then click **Go to Checkout Editor**.

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2F1c4fTFiMsWz4DXTTCj92%2Fimage.png?alt=media&amp;token=5143ee10-7fac-4caf-8a22-84292863c652" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FYVYRIJ6GDNzpKvqh2i8w%2Fimage.png?alt=media&amp;token=c694877d-6ab6-4d7b-8c20-e6516ab6d6a5" alt=""><figcaption></figcaption></figure>

#### Step 2

In the Shopify Checkout Editor:

1. Click **Add app block**

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FFyL7kueRyKuAsGwIMAgn%2Fimage.png?alt=media&amp;token=f1d8ce52-d3b0-4d5e-a658-8cf4be00eaef" alt=""><figcaption></figcaption></figure>

2. Select and add **“Protectify Protection”,** Click **Add to Checkout**

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FRfYsikJcfOKl83r9yON0%2Fimage.png?alt=media&amp;token=bdfe1ecf-f9c6-4cff-bd0c-a9e09d661314" alt=""><figcaption></figcaption></figure>

3. Confirm the insurance style and amount are displayed correctly

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FnyPG4nN2WkujmrUrFAD3%2Fimage.png?alt=media&amp;token=09444d2d-a105-4a41-b7ab-94a7dc1179da" alt=""><figcaption></figcaption></figure>

4. Click **Save** to apply your changes

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FakaVbwkEgjm18gFEZciz%2Fimage.png?alt=media&amp;token=eef3b3e3-aee1-4b0c-8235-4dcf76d4effc" alt=""><figcaption></figcaption></figure>

***

#### Step 3

After adding the widget, you can click the **back arrow (top left)** to return to the editor and adjust the widget’s position on the page as needed.

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FNDSjmXGpYfATvZ2qaTcz%2Fimage.png?alt=media&amp;token=0f03adce-b98d-4a26-a978-ea084434fc78" alt=""><figcaption></figcaption></figure>

***

#### Final Step

Return to **Protection Widget → Checkout Page** in Protectify and click **Publish** to activate the widget.

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FAUjQFDRFxBPoKicpGKJH%2Fimage.png?alt=media&amp;token=3e9320e0-7feb-4458-9b1a-0443218be2ac" alt=""><figcaption></figcaption></figure>

Once published, please visit your store’s live Checkout page to test and ensure the widget displays and functions correctly.

<figure><img src="https://2945643846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FposmPLndH3eUqiZu5qtQ%2Fuploads%2FjdvWhyJ3EC1hWBLDEftK%2Fimage.png?alt=media&amp;token=6e672251-913e-43be-9509-73c2a15d9d83" alt=""><figcaption></figcaption></figure>

***

### If You Encounter Any Issues

If you experience any problems:

* Turn off the widget toggle inside the app\
  (No need to remove the app block from the Checkout Editor.)
* Once turned off, the widget will no longer appear on your Checkout page.

Then, please contact us via **Live Chat** in the app or email us at [**support@protectifyapp.com**](mailto:support@protectifyapp.com).

Our team will review your theme settings and help ensure the widget displays and functions properly on your Checkout page.