# DECO Trust Badges

**Trust Badge**: Symbols or Icons display on website to **assure visitors of security, reliability, and credibility**, often used to increase customer confidence and improve conversion rates.

Ex:&#x20;

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

## How To Create A DECO's Trust Badge?

## STEP 1: Select A Trust Badge Type

* Hit the button: "Create trust badge" :

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

* Then, select 1 trust badge type to get started:

<figure><img src="/files/0p82aoN2ujLuLnR5F93v" alt=""><figcaption></figcaption></figure>

## STEP 2: **Customize Content**&#x20;

* **"Content" tab:** Select the icon, Add the Icon Title, Add the Heading Text, Choose the Arrangement (Horizontal/Vertical), and Link Option

**NOTE**: Hit on "Upload image" to upload your design (File supported: Png, Svg, Gif, Webp)

P/s: If you need a customized icon, feel free to chat with us anytime!

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

## STEP 3: Customize Design

* You can choose whether your trust badge icon **HAVING COLOR/ COLORLESS**
* Besides, you can custom **"Icon size",** "**Gap between icons**" & choose its "I**con align"**

{% hint style="info" %}
With these customizations, you can do it **DIFFERENTLY** on **DESKTOP** and **MOBILE** devices.
{% endhint %}

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

* Also, you can custom the **background color** and choose some **other settings** here:

<figure><img src="/files/6LH6WpxDwuhjl0dl17D7" alt=""><figcaption></figcaption></figure>

## STEP 4: Select Placement

* **Devices:** Select whether to display the badge on desktop, mobile, or both.
* **Schedule:** Set a start and end date to control the display period.
* **Pages:** Select the pages where you want the badge to appear.&#x20;

  ⇒ For product pages, you can use:

  \+ Default position (below the "Buy" button)&#x20;

  \+ Custom position (App block): See the detailed instructions below.

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

### How to display DECO's Trust Badge Anywhere?

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

Step 1: Select the position name for it, for example, DECO Trust Badge 1.

Step 2: Click "Save" button to save the name first

Step 3: Hit the "Add block to theme" button to go to your theme, and add a DECO Trust badge block to your store.

Step 4: Once done, please click on the block, select the Position name that you have set up, as example, DECO Trust Badge 1.

Step 5: Move it to anywhere you want -> Check the preview&#x20;

And don't forget to save your settings.

{% hint style="info" %}
**NOTE:** To see the preview, please ensure that <mark style="color:blue;">**the app embed has been turned on**</mark> & you <mark style="color:blue;">**choose the correct name that you assigned**</mark> for the trust badge icon set in-app
{% endhint %}

<figure><img src="/files/3kNd3wEyX4wDLML5N7fA" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/1a2GUp8Z0r6IWZapWdaN" alt=""><figcaption></figcaption></figure>

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


---

# 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://deco-product-labels-and-badges-1.gitbook.io/deco-guidelines/our-features/deco-trust-badges.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.
