---
title: Security badges
description: Learn how to include Shopify security badges in your theme.
source_url:
  html: 'https://shopify.dev/docs/storefronts/themes/trust-security/security-badges'
  md: >-
    https://shopify.dev/docs/storefronts/themes/trust-security/security-badges.md
api_name: liquid
---

# Security badges

To help establish customer trust, you can include a security badge in your theme, and link it to Shopify's documentation on [Payment Card Industry (PCI) standard compliance](https://www.shopify.com/security/pci-compliant?utm_medium=shop\&utm_source=secure). Depending on your theme's color scheme, you can use a light-colored, or dark-colored, version.

For example:

[![Shopify secure badge](https://cdn.shopify.com/s/images/badges/shopify-secure-badge-white.svg)](https://www.shopify.com/security/pci-compliant?utm_medium=shop\&utm_source=secure)[![Shopify secure badge](https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg)](https://www.shopify.com/security/pci-compliant?utm_medium=shop\&utm_source=secure)

***

## Add security badges to your theme

Security badges are often included in the footer or near the **Add to cart** button on product pages. However, they can be included anywhere you have access to include HTML.

**Note:**

You can't add a security badge to the checkout page unless you're working on a [Shopify Plus](https://www.shopify.com/plus) store that has access to [checkout.liquid](https://shopify.dev/docs/storefronts/themes/architecture/layouts/checkout-liquid).

The following examples show the HTML to include for each version of the badge:

## Light

```html
<a
  href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
  title="This online store is secured by Shopify"
  target="_blank"
  rel="nofollow"
>
  <img
    src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-white.svg"
    alt="Shopify secure badge"
   />
</a>
```

## Dark

```html
<a
  href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
  title="This online store is secured by Shopify"
  target="_blank"
  rel="nofollow"
>
  <img
    src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
    alt="Shopify secure badge"
   />
</a>
```

**Tip:**

The image files used for each badge are in `.svg` format, so they can be resized with no quality loss.

***
