Commmerce Docs
← Web Components

Web Components · Footer

<mmm-footer-copyright>

The bottom-of-footer copyright strip. Two text slots (left and right), with a built-in "Powered by COMMMERCE.com" link that auto-appends the current page URL as a ref query parameter for attribution tracking.

Overview

Renders a thin border-top strip with the left text on the start side and the right text on the end side. Any case-insensitive occurrence of the brand text (copyright-link-text) inside the right line is automatically linkified to copyright-link-url; clicking it appends ?ref=<current-page> so the destination knows where the click came from.

Set copyright-link-add-ref="false" to disable the ref-param behaviour entirely (the link still works as a plain anchor).

When to use

  • At the bottom of every <mmm-footer>.
  • For multi-tenant stores that want consistent legal text and powered-by attribution.

Quick start

<script src="https://v2-api-production.commmerce.com/api/v1/web-component/commmerce-sdk.js?store=sample-store"></script>

<mmm-footer-copyright
  copyright-text-left="© 2026 Sample Store. All rights reserved."
  copyright-text-right="Powered by COMMMERCE.com">
</mmm-footer-copyright>

Attributes

AttributeTypeDefaultDescription
copyright-textstring—Single-line copyright (overrides left + right when set).
copyright-text-leftstringParis Pranaya INC. ©2023 - All rights reserved.Left-side copyright line.
copyright-text-rightstringPowered by COMMMERCE.comRight-side copyright line. Any case-insensitive match of copyright-link-text inside is auto-linkified.
font-sizenumber14Font size of the copyright lines (px).
colorstringtheme secondary textText colour.
border-colorstringtheme borderBorder-top colour above the strip.
paddingstring2.5rem 6.25remPadding inside the copyright strip.
copyright-link-textstringCOMMMERCE.comBrand text inside the right copyright line that gets auto-linkified.
copyright-link-urlstringhttps://commmerce.com/Destination URL. Any pre-existing ref / referrer / utm_source query params are stripped on parse.
copyright-link-targetstring_blankAnchor target for the brand link.
copyright-link-colorstringinheritColour for the linkified brand text.
copyright-link-add-refbooleantrueAuto-append ?ref=<window.location.href> on click. Set false to disable.

Live preview

store sample-store tag <mmm-footer-copyright>

Examples

1. Default — left + right with auto-linkified powered-by

<mmm-footer-copyright
  copyright-text-left="© 2026 Sample Store. All rights reserved."
  copyright-text-right="Powered by COMMMERCE.com">
</mmm-footer-copyright>
<mmm-footer-copyright
  copyright-text="© 2026 Sample Store. Made with care."
  font-size="13"
  padding="1.5rem 6.25rem">
</mmm-footer-copyright>
<mmm-footer-copyright
  copyright-text-left="© 2026 Sample Store"
  copyright-text-right="Designed by Acme Studio"
  copyright-link-text="Acme Studio"
  copyright-link-url="https://acme.studio/"
  copyright-link-color="#c8a8ff">
</mmm-footer-copyright>

4. Disable the ref-tracking redirect

<mmm-footer-copyright
  copyright-text-right="Powered by COMMMERCE.com"
  copyright-link-add-ref="false"></mmm-footer-copyright>