> For the complete documentation index, see [llms.txt](https://deco-product-labels-and-badges-1.gitbook.io/deco-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://deco-product-labels-and-badges-1.gitbook.io/deco-guidelines/our-features/deco-trust-badges.md).

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

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fx29igvzz4WYKYrHBXDtQ%2Fimage.png?alt=media&amp;token=7b9f6f09-be1e-4565-ad30-0ef2b6cb26f1" 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="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FNEWda1UCwS6DSUR6ACop%2Fcreate%20new%20trust%20badeg.png?alt=media&amp;token=4907daa1-a9cd-4a08-80ff-938473c753de" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fuv36KyUSSGPVgWeCpK44%2Ftrust%20badge%20type.png?alt=media&amp;token=5bdd9d15-881b-4976-bdaa-5bbdec9d38c6" alt=""><figcaption></figcaption></figure>

There are 3 types: **Icon**, **Payment** and **Countdown** trust badges.

{% hint style="info" %}
The **Countdown** trust badge is available from the **Growth** plan. See [Countdown Timer](/deco-guidelines/our-special-features/countdown-timer.md).
{% endhint %}

The editor has **2 steps**: **Design** > **Placement**.

## STEP 2: **Customize Design**

The **Design** step has these sections:

* **Background:** Background color, or tick **Transparent background**
* **Content:** Heading text, its font, color and size. You can also **Add translations** here
* **Icon:** Select the icons, add the Icon title and a Link (Optional) for each icon, then choose the link option (open in a new tab or the same tab)
* **Arrangement:** Horizontal / Vertical and **Max icon per line** (Desktop / Mobile)
* **Other settings:** Add animation for trust badge, and **Alt text for SEO**

**NOTE**: For **Icon** trust badges, hit "Upload image" to upload your own design (any image file, up to 15 MB). **Payment** trust badges use "Add icon" to pick from the payment icon gallery.

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

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FuFHzifqkRjrzQtsba549%2FScreenshot_2.png?alt=media&amp;token=66fc7054-c82a-496c-bfd5-92796bbd2e45" alt=""><figcaption></figcaption></figure>

* You can choose whether your trust badge icon uses **Default color** or **Black and white**
* Besides, you can custom **"Icon size",** "**Gap between icons**" & choose the alignment: "**Align both icon and icon title**" or "**Align icon**"

{% hint style="info" %}
**Icon size**, **Gap between icons** and **Max icon per line** can be set **DIFFERENTLY** on **DESKTOP** and **MOBILE**. Color and alignment apply to both.
{% endhint %}

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FqHkJrBrRUy3rikDQv6Fn%2Fimage.png?alt=media&amp;token=6edc6e04-45aa-4712-ae5c-8b210b135d7d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FYN0GShsO84gxVnYnsjgd%2Fimage.png?alt=media&amp;token=4d7bd164-af82-42a2-a932-0965fd19eae6" alt=""><figcaption></figcaption></figure>

## STEP 3: Select Placement

* **Position:**

  \+ **Default position**: automatically shows under the "Buy" button on product pages

  \+ **Custom position (App block)**: add the trust badge to any position in your store, then choose where it shows in **Show on pages** (Product pages, Homepage, Collection pages, Specific pages). See the detailed instructions below.
* **Show on devices:** All devices, or a Specific device (Desktop / Mobile).
* **Customer country** and **Customer condition:** Choose which customers see the badge.
* **Schedule:** Set a start and end date to control the display period.

{% hint style="info" %}
**Custom position (App block)**, **Specific device**, **Customer country**, **Customer condition** and **Schedule** are available from the **Growth** plan.
{% endhint %}

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FDXFqpUSWhWU9Zk3GxfXi%2FScreenshot_3.png?alt=media&amp;token=aa1e5bf1-102c-4804-9878-e77d630f38ec" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FolAdszHgUJYX5Qa3YIEc%2FScreenshot_4.png?alt=media&amp;token=01e007fb-420c-4504-a54e-31cee4114a9f" alt=""><figcaption></figcaption></figure>

Step 1: Select the position name for it in "Assign this trust badge as", for example, DECO Trust Badges 1 (8 slots are available: DECO Trust Badges 1 → 8).

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 Badges 1.

Step 5: Move it to anywhere you want -> Check the preview

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="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2F1PqSIcb608zJiOk5IufF%2Fimage.png?alt=media&amp;token=f8ddc6f2-7a0c-4f2d-8c76-d2c33aad3ec0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FuxdX4MFEUigvCv05MZpa%2Fimage.png?alt=media&amp;token=3aaef0b5-ed70-4701-bbfc-79d05d5bab24" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2FhM5B8An4ty317u0WFnhz%2Fimage.png?alt=media&amp;token=24dde891-38ce-4f52-87d7-864193ba912a" alt=""><figcaption></figcaption></figure>
