Shopify Trust Badges Generator

Show the payment methods you actually accept, plus clean guarantee badges under Add to cart.

Your details

Payment icons

Show accepted payment icons

Guarantee badges

Secure checkout badge

Label

Money-back guarantee badge

Label

Free shipping badge

Fast dispatch badge

Style

Layout

Background color

Text/icon color

Your section file (sections/trust-badges.liquid)

{%- comment -%}
  Trust badges: real, always-current payment icons from shop.enabled_payment_types, plus guarantee badges.
{%- endcomment -%}
{%- style -%}
  .ea-badges{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:{{ section.settings.bg }};border-radius:10px;color:{{ section.settings.fg }}}
  .ea-badges__item{display:flex;align-items:center;gap:.5rem;font-size:13px}
  .ea-badges__item svg{flex-shrink:0}
  .ea-badges__pay{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
  .ea-badges__pay svg{height:24px;width:auto}
{%- endstyle -%}
<div class="ea-badges">
  <div class="ea-badges__item"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg><span>Secure checkout</span></div>
  <div class="ea-badges__item"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z"/><path d="M9 12l2 2 4-4"/></svg><span>30-day money-back guarantee</span></div>
  {%- if section.settings.show_payments -%}
  <div class="ea-badges__item ea-badges__pay">
    {%- for type in shop.enabled_payment_types -%}
      {{ type | payment_type_svg_tag }}
    {%- endfor -%}
  </div>
  {%- endif -%}
</div>

{% schema %}
{
  "name": "Trust badges",
  "tag": "section",
  "class": "ea-trust-badges-section",
  "settings": [
    {
      "type": "checkbox",
      "id": "show_payments",
      "label": "Show accepted payment icons",
      "default": true
    },
    {
      "type": "color",
      "id": "bg",
      "label": "Background",
      "default": "#f7f7f5"
    },
    {
      "type": "color",
      "id": "fg",
      "label": "Text and icon color",
      "default": "#1a1a1a"
    }
  ],
  "presets": [
    {
      "name": "Trust badges"
    }
  ]
}
{% endschema %}

To install: in Shopify admin go to Online Store → Themes, click … next to your theme → Edit code. Under Sections choose Add a new section, name it as shown above, replace the contents with this code and save. Then open Customize and add the section where you want it. Try it on a duplicate of your theme first. Add it under your Buy buttons, usually right below the Add to cart button.

Live preview

Real payment icons, not a stock image

Shopify's shop.enabled_payment_types object lists exactly the payment methods your store currently accepts, based on your enabled providers and the shopper's region and currency. Piped through Shopify's own payment_type_svg_tag filter, it renders the correct brand SVG for each one automatically, so the row always matches what's actually turned on. You never have to update icons by hand when you add or remove a payment provider.

The extra guarantee badges (secure checkout, money-back guarantee, free shipping) are small inline SVGs with editable labels, since those aren't tied to a Shopify object.

Adding it to your theme

01
Add the section
Online Store → Themes → Edit code → Sections → Add a new section, name it trust-badges, paste the code, then add it to your product template in Customize, usually right under the Buy buttons.

Questions people ask

Why does the preview show generic "VISA" and "PP" labels instead of real logos?

The live preview here is a mock-up, since it can't call Shopify's own icon filter outside your store. Once installed, your actual store will render each provider's real SVG logo automatically.

Will the payment icons change if I add Shop Pay or Apple Pay later?

Yes, automatically, since the row is built from shop.enabled_payment_types at render time. You won't need to touch this section again.

Can I control the order the icons appear in?

Shopify returns them in a fixed order based on your settings; this snippet doesn't reorder them. You can turn off the payment icons row entirely and only show the guarantee badges if you want full control over ordering.

Last reviewed 30 September 2026.

Sources: Shopify: shop.enabled_payment_types and payment_type_svg_tag