How do I make Shopify Secure Icon float at the bottom right corner of home page / all pages

Store Design
, ,

Topic summary

A user wants to add a floating “Shopify Secure” icon to the bottom right corner of all pages without using third-party apps.

Solution provided:

  • Another user shared CSS code to position the icon as a fixed element in the bottom right corner
  • The code uses position: fixed, bottom: 20px, and right: 20px properties
  • The user confirmed the solution worked after pasting the code at the bottom of theme.liquid

Result: The icon now appears on all pages as intended. The working code snippet was provided in the thread for future reference.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

I want to make the “Shopify Secure” icon float at the bottom right corner of the home page or every page, without using a 3rd party app. How would I code this? The code for the icon is below, just need to make it float in the bottom right corner with coding if it’s even possible. Thanks!

<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”

2

Hey @airfilterhub ,

You can try this and see if it works, if not paste the link to your store and let me see what I can do.

[
  
![Shopify secure badge|102x44](upload://wnJK10Ktg9Oiugokh9KE8Mg2Lw7.svg)

](https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure)
1 Like
3

Thank you, that worked (I pasted the code at the bottom of theme.liquid for anyone reading in the future…) and it shows up on all pages