# Checkout page widget

### Overview

Shopify currently only opens up the ability to customize checkout pages for **Shopify Plus stores**, so you need a Shopify Plus store to load the widget.

### Quick Setup

**Step 1.** Go to **Protection widget - Checkout page,** **publish** the widget at checkout page, and then click **Go to checkout editor**

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

**Step 2.** In the Shopify checkout editor: click the **Add app block** button > click to add the "**Captain Shipping Protection**" app block > Click Add to **Checkout,** check the displayed insurance style and amount, and finally remember to **Save**!

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

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

**Step 3.** After the addition is completed, you can also click the arrow in the upper left corner to return to the editing page and adjust the position of the widget you want.

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

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

**Finally**, remember to go to the actual checkout page of your store to review the widget styles to make sure they appear and function properly.

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

If there are any problems, please turn off the widget switch in the App, but there is no need to remove the App block of the checkout page editor, so that the widget will no longer be displayed on your checkout page. Then please contact support via **Live Chat** in Our App or email **<support@shipwill.org>** and we will check your theme and adapt it to ensure the widget displays and works perfectly on your store's checkout page.

### **Our Shopify Plus user**

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

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

**imjoyshoes.myshopify.com**

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

And more...


---

# 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://docs.captaintop.com/checkout-page-widget.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.