# Icons With Text

## What is an Icon With Text?

The **Icons With Text** feature enables you to add visual icons alongside text within the checkout to highlight key information, such as secure payment options or shipping guarantees, enhancing the customer experience.

<figure><img src="/files/dGyGO6SjbHAsBD2P5dBd" alt=""><figcaption><p>Example of a Icons With Text extension.</p></figcaption></figure>

***

## How to configure an Icon With Text?

Follow the instructions below to setup an **Icon With Text**.

{% embed url="<https://app.arcade.software/share/ledrzwOc7Efu5LlESdsC>" %}

1. From the dashboard, go to **Extensions** tab or click **`Browse extensions`**.\
   ![](/files/ZlgQ2MklWfk2osa0xlYE)
2. In the Extensions page, scroll down and find the **Icons With Text** extension you'd like to set up and click **`Add to Checkout`.**\
   ![](/files/Zeg4fr8jD27RadkoTUJ6)
3. Select the markets you'd like to display the extension. \
   ![](/files/UDGkmREi1bT82D9j5J4q)
4. Open the **Settings** window, and adjust the content and styling.\
   ![](/files/kLEcDbw3Ap3nwnJoFvSF)
5. Open the **Icon with Text** window to customize the icon and text.\
   ![](/files/wkZwXQT2xz43mm8o4Tl0)
6. To add more icons, click the **`Add icon with text`** button and repeat the process.\ <mark style="color:red;">**Note:**</mark> <mark style="color:red;"></mark><mark style="color:red;">You can use up to maximum of 3 icons with text.</mark>\
   ![](/files/39viRbb1G7EWQjtCYPRG)
7. Open the **Install extension in checkout editor** window, and enter a custom name (optional).\
   ![](/files/MCNvWBZvZcafI3gLXo9M)
8. Click the **`+`** icon to copy the Handle to your clipboard. \
   ![](/files/ABfjKxPVWMifsXYyixK3)
9. Hit **`Save`** to to ensure your settings and saved.\
   ![](/files/vmlsI7vnygY0YBPa6k3i)
10. Open your Checkout Editor and [install your extension](https://docs.platter.co/~/changes/QMi520wn6lsXSXuRamqi/get-started/get-started-in-3-steps#installing-an-extension).


---

# 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.platter.com/checkout/checkout-extensions/icons-with-text.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.