> For the complete documentation index, see [llms.txt](https://docs.centousapps.com/insureful/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.centousapps.com/insureful/app-set-up/thank-you-page/configure-the-thank-you-page..md).

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