> For the complete documentation index, see [llms.txt](https://docs.platter.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.platter.com/checkout/checkout-extensions/icons-with-text.md).

# 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="https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2FiFjW02TfNhckOXdAMdus%2FScreenshot%202024-09-13%20at%203.18.14%20PM.png?alt=media&amp;token=9fda7a15-535d-499e-ac53-b0130e7f45ad" 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`**.\
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2F0qDogng1LODcvJyWc0bI%2FScreenshot%202025-01-13%20at%209.23.03%20AM.png?alt=media\&token=2cf56613-0432-4d52-9c89-25c47cf9d4d1)
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`.**\
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2FlLMa3BWpxtJLNA24XuSw%2FScreenshot%202025-01-13%20at%209.25.27%20AM.png?alt=media\&token=90008122-618c-4379-962f-c802fdb5e698)
3. Select the markets you'd like to display the extension. \
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2F63X452MplcW6iarczRZb%2FScreenshot%202025-01-13%20at%209.26.30%20AM.png?alt=media\&token=ee0f9df4-4fa1-492e-bc2f-3484a209d944)
4. Open the **Settings** window, and adjust the content and styling.\
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2FigZkKLwfzOH7QuFsYKuo%2FScreenshot%202025-01-13%20at%209.27.03%20AM.png?alt=media\&token=f700e779-c560-491c-be3e-be401e350332)
5. Open the **Icon with Text** window to customize the icon and text.\
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2Fxp3r6AOCneNI28iGHbgP%2FScreenshot%202025-01-13%20at%209.27.27%20AM.png?alt=media\&token=fed4c3f3-1f67-4c7e-911d-5611e8392ad0)
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>\
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2FYDVdyNxaMPRc13g3sagA%2FScreenshot%202025-01-13%20at%209.30.11%20AM.png?alt=media\&token=a263a6b8-1b44-4a18-88ba-13d2219547f6)
7. Open the **Install extension in checkout editor** window, and enter a custom name (optional).\
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2FzGwbAd3ADjWwkbkYVsL7%2FScreenshot%202025-01-13%20at%209.33.14%20AM.png?alt=media\&token=d0c4c9af-bf7b-4d19-92d4-3d990be135ef)
8. Click the **`+`** icon to copy the Handle to your clipboard. \
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2FGUEeNFWhXY242UbTdjKG%2FScreenshot%202025-01-13%20at%209.33.14%20AM.png?alt=media\&token=550968f5-dfb8-48ab-913b-bb9d3f940391)
9. Hit **`Save`** to to ensure your settings and saved.\
   ![](https://3290803092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrQAMmskYzr7YduJvnmdP%2Fuploads%2FQ8JEIxzyqBmGSX1rUpms%2FScreenshot%202025-01-13%20at%209.33.14%20AM.png?alt=media\&token=5c760d10-66d1-405f-8c88-ab8a39ee82fb)
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).