# Configure the Thank you page.

**Customize your thank you page as a merchant.**

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

#### Step 1: Click on the switch and on the Thank you widget.

* Click on the checkout editor.

#### Step 2: Enable the App.

* Click on the Thank You extension and Add to Thank You.

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

#### Step 3: Set the widget and click on save.

<figure><img src="/files/4JrKMuKNrwPKSd3D2iei" alt=""><figcaption></figcaption></figure>

#### Step 4: Enable the app and start app setup.

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

#### Step 4: Add a title and description to your Insureful widget.

<figure><img src="/files/8bLMp1gDl5ZLaEDNqRr9" alt=""><figcaption></figcaption></figure>

### Step 5: Style Settings

The **Style Settings** allow merchants to customize the appearance of the widget so it matches their store theme and branding. These settings are divided into three sections: **Container**, **Typography**, and **Icon**.

#### Container Settings

* **Border Style**\
  Choose the border type for the widget container, including no border, solid, dashed, or dotted styles.
* **Border Width**\
  Adjust the thickness of the container border to control visual emphasis.
* **Container Background**\
  Select the background style of the widget:
  * **Transparent**—Blends seamlessly with the store background
  * **Base** – Uses the theme’s default background color
  * **Subdued** – Applies a softer, muted background for subtle visibility
* **Border Radius**\
  Control the roundness of the widget corners, from sharp edges to fully rounded corners.
* **Inside Space (Padding)**\
  Adjust the internal spacing between the widget content and its border to improve readability and layout balance.

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

### Step 6: Icon Settings

The **Icon Settings** allow merchants to control the appearance of the insurance icon displayed in the widget, ensuring it aligns with the store’s design.

* **Border Style**\
  Select the border type around the icon, including none, solid, dashed, or dotted styles.
* **Border Width**\
  Adjust the thickness of the icon border for subtle or prominent emphasis.
* **Background Color**\
  Choose the background style for the icon:
  * **Transparent** – Displays the icon without a background
  * **Base** – Uses the theme’s default background color
  * **Subdued** – Applies a softer background for a minimal look
* **Border Radius**\
  Control the roundness of the icon container, from sharp corners to fully rounded edges.
* **Padding**\
  Adjust the spacing inside the icon container to balance icon size and visual clarity.

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

### Step 7: Typography Settings

The **Typography Settings** allow merchants to customize text sizing and spacing for better readability and alignment with their store theme.

* **Title Font Size**\
  Adjust the font size of the widget title to control its visual importance.
* **Description Font Size**\
  Set the font size of the description text for optimal readability.
* **Below Title Space**\
  Control the spacing between the title and the description to maintain a clean and balanced layout.

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

Customize your Thank You Page Widget. And click on save to confirm the changes.


---

# 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.centousapps.com/insureful/app-set-up/thank-you-page/configure-the-thank-you-page..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.