> 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="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FGWo53pOatkEceeaGoI7v%2FScreenshot%202026-01-01%20131306.png?alt=media&amp;token=5684c4d4-8894-4ff8-b0b3-9b9f8c670f9a" 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="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FpOO8uANad28KZHTOC5Da%2FScreenshot%202026-01-06%20140408.png?alt=media&amp;token=127ecfc6-82e5-4eea-94bb-0d747b9a533f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2Fn2oa13DUR1Tm8w9CQz7Q%2FScreenshot%202026-01-06%20140419.png?alt=media&amp;token=b8798ce0-caf4-4120-9cee-9aa395b2acb7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FA3W0uByN5Od13S0B4oGB%2FScreenshot%202026-01-06%20141200.png?alt=media&amp;token=9d1d3490-93cb-4529-8e4b-79311877d67e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FBrf8qekFaRBEbwcriN7t%2FScreenshot%202026-01-01%20132432.png?alt=media&amp;token=2ee979f0-d41c-4b8f-b52d-a150c8066ebf" 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="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FRec9ubHIm2QVxk910EeP%2FScreenshot%202026-01-01%20132549.png?alt=media&amp;token=960324b9-6097-4453-9bb7-a7329239dfb7" 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="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FXIv24aWiWgzDooTGXVeQ%2FScreenshot%202026-01-01%20132641.png?alt=media&amp;token=2f1ada49-7382-4e25-a1e0-bc80499ec937" 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="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FTR8FoGhPZSuik4h7FBvv%2FScreenshot%202026-01-01%20132635.png?alt=media&amp;token=3a178ea7-3158-418d-b72b-e40667d3f3f1" alt=""><figcaption></figcaption></figure>

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