> 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/cart-widget/checkout-button.md).

# Checkout Button

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

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

***

Click on the "show advance settings" button.

<figure><img src="/files/CcosUcrCZIwQmjWw2f4G" 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="/files/Ipe4HxC7fDGzKfFOBT0u" alt=""><figcaption></figcaption></figure>

* Here you can change the button text.

***

3. **Container:**

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

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

***

4. **Button:**

<figure><img src="/files/L67ynXNCXb1CD0Zij5PA" 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="/files/ACwy1QI7Cv4HWQzXCbJJ" alt=""><figcaption></figcaption></figure>

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

***

6. **Color Setting:**

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

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