# Checkout Button

1\. Layout: **Checkout Button.**

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FoqIddBWC5s6nkhGMd3Ff%2FScreenshot%202025-12-25%20154944.png?alt=media&#x26;token=d1a153a9-2dcd-4831-872b-9ffdd92073ac" alt=""><figcaption></figcaption></figure>

***

Click on the "show advance settings" button.

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2Fozb2oiTacowTZFHdeP65%2FScreenshot%202025-12-25%20155617.png?alt=media&#x26;token=679d0cd6-0e68-4f79-a103-399e3b1b7e5d" alt=""><figcaption></figcaption></figure>

From here, you can choose to display the Insureful widget only on the product page.

* Here, you can choose to use the checkout button, the standard widget, or select none.\
  Any changes you make will apply only to the product page.

***

**2. Button Text:**

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FClyZZPG4pCfFnHfxB0qD%2Fimage.png?alt=media&#x26;token=41916374-5778-4e8d-8f2e-eb4926b71c8f" alt=""><figcaption></figcaption></figure>

* Here you can change the button text.

***

3. **Container:**

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FPVUP8rKHUOIQJHElJQ7g%2Fimage.png?alt=media&#x26;token=25523ed1-0a68-42fe-b3bd-5d8c00960d1e" alt=""><figcaption></figcaption></figure>

* You can change the appearance of the button from here.

***

4. **Button:**

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FTGn0faQdr9qsaYf7P65q%2Fimage.png?alt=media&#x26;token=a9946fe6-7239-4125-a44a-30dddad9f740" alt=""><figcaption></figcaption></figure>

* Here you can set up the app icon; you can change its design also. If you don't want an icon, you can remove the icon.
* You can also change the button text alignment.

***

5. **Typography:**

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FO3CISdbIlpvvYS5fKDg9%2Fimage.png?alt=media&#x26;token=9e78c814-47f5-41ab-ae02-c596a45a7dc8" alt=""><figcaption></figcaption></figure>

* From here you can change the size of the text inside the button.

***

6. **Color Setting:**

<figure><img src="https://3268869593-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTMi2PAaPTTOdVXrEeup0%2Fuploads%2FNGt1peF3KyPXwUvCWFa1%2Fimage.png?alt=media&#x26;token=7a656bce-833c-406d-bbb5-64bb432e2edf" alt=""><figcaption></figcaption></figure>

* You can change the style setting of the checkout button.
