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


---

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