---
updatedAt: 2026-09-02T23:36:28.000Z
agentTools:
  projectIndex: https://docs.withreach.com/llms.txt
---

# Reach disclaimer and Terms of Service requirements

As the Merchant of Record (MoR), our corporate selling entity name must be prominently displayed on your storefront as a badge during the checkout process for all transactions processed by Reach. Card schemes enforce strict guidelines regarding checkout messaging to prevent any confusion about the parties involved.

Ensure you provide your customers with the Reach disclaimer and badge to inform them that they are purchasing your products through Reach.

<Image src="https://files.readme.io/c10d2057630c84b17bc9aa3b12f638266e0485b79b8b14b541949d5a839c25b4-Reach_Badge_Updated_Language.png" alt="Examples of the Reach badge at checkout." align="center" width="100%" />

## Add the Reach badge to your checkout

Determine which storefront you use and click the corresponding link below.

Follow the instructions specific to your storefront type to ensure all requirements are met.

<HTMLBlock>{`
<div class="grid grid-cols-2 link-cols">
  <div class="col">
    <a class="img-link" href="https://docs.withreach.com/docs/tos-for-shopify-stores">
  		<img src="https://files.readme.io/39600b651b9d48a10136dcdfab19ec8e80b6154c21d6a924a0a1d427d064674a-SopifyCheckoutIcon.png" height="250" width="250"/>
    	<label>Shopify checkout</label>
    </a>
  </div>
  <div class="col">
    <a class="img-link" href="https://docs.withreach.com/docs/tos-for-custom-checkouts">
  		<img src="https://files.readme.io/eedfa919fc6d9a569318e8658630994ffb8ec5e7e4c28e157e8601ada8e74cff-CheckoutIcon_1.png" height="250" width="250"/>
    	<label>Any customizable checkout</label>
    </a>
  </div>
</div>

<style>
  .grid{
  	display:grid;
    gap:1rem;
  }
  @media (min-width:1140px){
	  .grid-cols-2{
     	grid-template-columns: repeat(2, minmax(0, 1fr));
	  }
  }
  .img-link{
  	 text-decoration: none !important;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
    background-color:transparent;
    border:1px solid transparent;
    border-radius: .5rem;
    
    transition: all .12s ease;
  }
  .img-link:hover{
  	opacity: .9;
    background-color: rgba(0,0,0,0.06);
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.12);
  }
  .img-link:active{
  	border-color:var(--brand-dark-2);
    opacity:1;
  }
  .img-link:active img{
  	transform: translateY(-4px);
  }
  .img-link label{
    text-align:center;
    text-decoration: none !important;
    color: var(--brand-dark-2);
  }
.img-link img {
    border-radius: 50%;
    height: 200px;
    width: 200px; /* 1. Force a square by matching the height */
    object-fit: cover; /* 2. Prevent the image from squishing */
    transition: all .12s ease;
  }
</style>
`}</HTMLBlock>