Add a security badge to your online store

You can add a security badge designed by Shopify to your online store to establish trust with your customers. Shopify complies with the highest level of Payment Card Industry (PCI) standards. Depending on the color scheme of your online store, you can choose to add either a light- or a dark-colored Shopify security badge:

#
#

Sectioned and non-sectioned themes

Add the security badge code to your theme

  1. Find the theme you want to edit, and then click Actions > Edit code.

  2. Next, you will paste the code for either the dark or the light security badge into your theme code. Depending on where you want the badge to appear on your storefront, paste the code into one of the following files:

    • If you want to show the security badge in your header, then find your header.liquid in the Sections directory
    • If you want to show the security badge in your footer, then find your footer.liquid in the Sections directory
    • If you want to show the security badge on your product page, then then find your product-template.liquid in the Sections directory
    • If you want to show the security badge on your cart page, then then find your cart-template.liquid in the Sections directory, or your cart.liquid in the Templates directory.
  3. Click the file to open it in the code editor. Find the location in the code where you want to add in your security badge. The placement varies from theme to theme, and according to personal preference. You can experiment with pasting the code in different places to see where the badge appears on your store.

    To add a light-colored badge, paste in the following code:

    <a href="//www.shopify.com/pci-compliant?utm_source=secure&amp;utm_medium=shop" title="This online store is secured by Shopify" target="_blank"><img src="//cdn.shopify.com/s/images/badges/shopify-secure-badge-light-shadow.png" alt="Shopify secure badge" /></a>
    

    To add a dark-colored badge, paste in the following code:

    <a href="//www.shopify.com/pci-compliant/?utm_source=secure&amp;utm_medium=shop" title="This online store is secured by Shopify" target="_blank"><img src="//cdn.shopify.com/s/images/badges/shopify-secure-badge-dark-shadow.png" alt="Shopify secure badge" /></a>
    
  4. Click Save.

Add the security badge code to your theme

  1. Find the theme you want to edit, and then click Actions > Edit code.

  2. Next, you will paste the code for either the dark or the light security badge into your theme code. The file that you paste the code into will depend on where you want the badge to appear on your storefront.

    • If you want to show the security badge in either your header or your footer, then find your theme.liquid in the Templates directory
    • If you want to show the security badge on your product page, then then find your product.liquid in the Templates directory
    • If you want to show the security badge on your cart page, then then find your cart.liquid in the Templates directory.
  3. Click the file to open it in the code editor. Find the location in the code where you want to add in your security badge. The placement varies from theme to theme, and according to personal preference. You can experiment with pasting the code in different places to see where the badge appears on your store.

    • If you want to show the badge in your header, then find a place between the opening <header> tag and the closing </header> tag
    • If you want to show the badge in your footer, then find a place between the opening <footer> tag and the closing </footer> tag.

    To add a light-colored badge, paste the following code:

    <a href="//www.shopify.com/pci-compliant?utm_source=secure&amp;utm_medium=shop" title="This online store is secured by Shopify" target="_blank"><img src="//cdn.shopify.com/s/images/badges/shopify-secure-badge-light-shadow.png" alt="Shopify secure badge" /></a>
    

    To add a dark-colored badge, paste the following code:

    <a href="//www.shopify.com/pci-compliant/?utm_source=secure&amp;utm_medium=shop" title="This online store is secured by Shopify" target="_blank"><img src="//cdn.shopify.com/s/images/badges/shopify-secure-badge-dark-shadow.png" alt="Shopify secure badge" /></a>
    
  4. Click Save.

Want to discuss this page?

Visit the Shopify Community