> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Trust Indicators

> Display key brand promises and trust-building messages with icons and customizable layouts.

The Trust Indicators section displays key brand promises, service highlights, or trust-building messages in a visually engaging format. It supports icons, text content, and optional links to provide customers with confidence-building information.

Trust indicators help build credibility and reduce purchase anxiety by highlighting key value propositions like free shipping, secure payments, or quality guarantees in a scannable, visual format.

<img src="https://mintcdn.com/digifist/aUUCEktSrgDTLCg1/images/theme/release/sections/trust-indicators/trust-indicators-overview.png?fit=max&auto=format&n=aUUCEktSrgDTLCg1&q=85&s=ab9cb76d4d997b5121994eaee989d863" alt="Trust Indicators section overview" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/trust-indicators-overview.png" />

## What this section controls

This section controls trust indicator displays with the following capabilities:

* Up to 4 customizable indicator tiles
* Theme icons or custom image support
* Horizontal or vertical content layouts
* Carousel behavior on mobile and tablet
* Flexible alignment and sizing options
* Section-level and block-level color schemes

## How the Trust Indicators section works

The Trust Indicators section uses a block-based system:

* Displays trust indicators as individual tiles
* Supports up to 4 indicator blocks
* Icons can be theme icons or custom images
* Content direction can be horizontal or vertical
* Supports carousel behavior on mobile and tablet
* Fully customizable alignment and sizing

## Getting started

<Steps>
  <Step title="Open Theme Customizer">
    From Shopify admin, access the Theme Customizer.
  </Step>

  <Step title="Add Trust Indicators section">
    Add the Trust Indicators section to your page or template.
  </Step>

  <Step title="Add indicator blocks">
    Click **Add Indicator** to create trust indicator tiles.
  </Step>

  <Step title="Configure content">
    Add heading, icon, and optional link for each indicator.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/aUUCEktSrgDTLCg1/images/theme/release/sections/trust-indicators/trust-indicators-location.png?fit=max&auto=format&n=aUUCEktSrgDTLCg1&q=85&s=78e0a1ae8f6fa28cd8c93a7410ee7d57" alt="Trust Indicators section in Theme Customizer" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/trust-indicators-location.png" />

## Section settings

Section settings control slideshow behavior, content styling, and overall layout.

<Tabs>
  <Tab title="Slideshow">
    ### Swipe on mobile

    Enables carousel behavior on mobile devices.

    **Options:** True / False

    **Default:** True

    ### Slideshow autoplay interval

    Controls automatic slide advancement.

    **Range:** 0 – 10 seconds

    * Set to `0` to disable autoplay
    * Default: 3 seconds

    <img src="https://mintcdn.com/digifist/yuggJPUIy_CDeMJf/images/theme/release/sections/trust-indicators/slideshow-settings.png?fit=max&auto=format&n=yuggJPUIy_CDeMJf&q=85&s=8eb17007f50ad268cd97765c5ef5f683" alt="Slideshow configuration" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/slideshow-settings.png" />
  </Tab>

  <Tab title="Content of blocks">
    ### Content direction

    Controls the layout direction of icon and text.

    **Available options:**

    * **Horizontal:** Icon and text appear side by side
    * **Vertical:** Icon appears above text

    **Default:** Horizontal

    <img src="https://mintcdn.com/digifist/aUUCEktSrgDTLCg1/images/theme/release/sections/trust-indicators/content-direction.png?fit=max&auto=format&n=aUUCEktSrgDTLCg1&q=85&s=1813d14872c1c399900d40579ce4e3ef" alt="Content direction options" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/content-direction.png" />

    ### Content alignment

    Controls horizontal alignment of content.

    **Available options:** Start, Center, End

    **Default:** Center

    ### Content size

    Controls the size of title text.

    **Available options:** S, M, L

    **Default:** L

    ### Icon size

    Controls the size of icons.

    **Range:** 2.4rem – 12.8rem

    **Default:** 4.8rem

    <img src="https://mintcdn.com/digifist/yuggJPUIy_CDeMJf/images/theme/release/sections/trust-indicators/content-styling.png?fit=max&auto=format&n=yuggJPUIy_CDeMJf&q=85&s=4ba3bfe86f99ed85b53fbaad667fff17" alt="Content styling options" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/content-styling.png" />

    ### Color scheme for blocks

    Controls background and text colors for indicator tiles.

    * Shopify color scheme selector
    * **Default:** Scheme 1
  </Tab>

  <Tab title="Settings">
    ### Section width

    Controls the maximum width of the section.

    **Available options:**

    * **Page:** Standard page width
    * **Fluid:** Wider than page width
    * **Full:** Full viewport width

    **Default:** Page

    ### Color scheme

    Controls background and text colors for the section container.

    * Shopify color scheme selector
    * **Default:** Scheme 1

    ### Spacing top

    Controls spacing above the section.

    **Available options:** None, S, M, L, XL

    **Default:** M

    ### Spacing bottom

    Controls spacing below the section.

    **Available options:** None, S, M, L, XL

    **Default:** M

    <img src="https://mintcdn.com/digifist/yuggJPUIy_CDeMJf/images/theme/release/sections/trust-indicators/section-settings.png?fit=max&auto=format&n=yuggJPUIy_CDeMJf&q=85&s=8a74bfe3bbdebf064ee5e4fefa9fcc7a" alt="Section width and spacing settings" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/section-settings.png" />
  </Tab>
</Tabs>

## Block settings

Block settings control individual indicator tiles. Each block represents a single trust indicator.

<Warning>
  Maximum of 4 indicator blocks can be added per section.
</Warning>

<Tabs>
  <Tab title="Indicator content">
    ### Heading

    Main title text for the indicator.

    * Inline rich text supported (bold, italic, links)
    * **Default:** "Title of the trust indicator"

    ### Subheading

    Optional descriptive text below the heading.

    * Inline rich text supported

    ### Link label

    Text for the optional link.

    <Note>
      Leave empty to hide the link.
    </Note>

    ### Link

    Destination URL for the link.

    * Shopify URL selector
    * **Default:** /

    <img src="https://mintcdn.com/digifist/yuggJPUIy_CDeMJf/images/theme/release/sections/trust-indicators/indicator-content.png?fit=max&auto=format&n=yuggJPUIy_CDeMJf&q=85&s=e332c25c4c70bc5a605fba579020d828" alt="Indicator content configuration" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/indicator-content.png" />
  </Tab>

  <Tab title="Icon">
    ### Icon

    Theme icon identifier.

    * Text input
    * **Default:** theme-box

    <Tip>
      See available icons in theme documentation.
    </Tip>

    ### Custom icon

    Upload a custom icon image.

    * Shopify image picker

    <Warning>
      Overwrites theme icon when selected.
    </Warning>

    <img src="https://mintcdn.com/digifist/yuggJPUIy_CDeMJf/images/theme/release/sections/trust-indicators/icon-settings.png?fit=max&auto=format&n=yuggJPUIy_CDeMJf&q=85&s=eabc4f9680a0d66f385bf982cc1818a2" alt="Icon configuration options" width="3280" height="2186" data-path="images/theme/release/sections/trust-indicators/icon-settings.png" />
  </Tab>
</Tabs>

## Best practices

* Keep headings concise and impactful (2-5 words) for quick comprehension
* Use consistent icon sizes across all indicators for visual harmony
* Limit to 3-4 indicators for optimal clarity and to avoid overwhelming users
* Choose icons that clearly represent the message being communicated
* Use custom icons for brand consistency and unique visual identity
* Test carousel behavior on mobile devices to ensure smooth interaction
* Ensure sufficient color contrast for readability across all color schemes
* Order indicators by importance or customer priorities
* Use actionable language that builds confidence ("Free Shipping", "Secure Checkout")
* Consider placement above the fold or near add-to-cart for maximum impact

## Common use cases

* **Free shipping and return policies** - Highlight shipping benefits to reduce cart abandonment
* **Secure payment guarantees** - Build trust with payment security messaging
* **Customer service highlights** - Showcase 24/7 support or easy contact options
* **Sustainability commitments** - Display eco-friendly practices or certifications
* **Quality assurance messages** - Emphasize product quality or guarantees
* **Delivery time promises** - Set clear expectations for shipping timelines

## Related guides

<Card title="Common Settings" icon="sliders" href="/themes/release/common-settings">
  Learn about common settings shared across sections
</Card>
