Branding and legal content

On this page

Merchant logo
Terms and privacy

Live CustomStyle example

Live preview

HeaderPattern

YOURSTORE

Secure checkoutChoose a payment method

CardWallet

Card number

4242 4242 4242 4242

Expiry

12 / 30

CVV

•••

By continuing, you accept our Terms and Privacy Policy.

Editing

HeaderPattern

Logo, policy links, and footer

Brand and consentLogo alignmentLogo height44px

Complete generated object

{
  "HeaderPattern": {
    "overrides": {
      "Logo": {
        "props": {
          "url": "https://merchant.example/assets/brand-mark.png",
          "position": "center",
          "style": {
            "min-width": "132px"
          }
        }
      }
    }
  },
  "TermsConditionsPattern": {
    "showForGuest": true,
    "showForAuth": false,
    "legalMessage": "By continuing, you accept our <a href='https://merchant.example/terms'>Terms and Conditions</a> and <a href='https://merchant.example/privacy'>Privacy Policy</a>.",
    "connectorText": "and",
    "hideCompanyDisclaimer": true,
    "termsAndConditionsUrl": "https://merchant.example/terms",
    "privacyPolicyUrl": "https://merchant.example/privacy",
    "requiresAcceptance": true
  },
  "LegalInfoPattern": {
    "hidePoweredBy": false
  },
  "PoweredByPattern": {
    "url": "https://merchant.example/assets/brand-mark.png",
    "imageStyle": {
      "width": "50px",
      "height": "auto"
    }
  }
}

Use component patterns for brand and legal elements that appear across multiple checkout screens. Keep public asset and policy URLs stable and available to the customer.

Merchant logo#

HeaderPattern controls the logo URL, alignment, and dimensions. The default logo is 100 pixels wide and aligned to the left; position accepts left or center.

JSON

{
  "HeaderPattern": {
    "overrides": {
      "Logo": {
        "props": {
          "url": "https://merchant.example/assets/brand-mark.png",
          "position": "center",
          "style": {
            "min-width": "150px"
          }
        }
      }
    }
  }
}

Terms and privacy#

TermsConditionsPattern controls the legal message, customer visibility, policy links, and explicit acceptance behavior. Custom HTML in legalMessage replaces the default translated message.

JSON

{
  "TermsConditionsPattern": {
    "showForGuest": true,
    "showForAuth": false,
    "legalMessage": "By continuing, you accept our <a href='https://merchant.example/terms'>Terms and Conditions</a> and <a href='https://merchant.example/privacy'>Privacy Policy</a>.",
    "connectorText": "and",
    "hideCompanyDisclaimer": true,
    "termsAndConditionsUrl": "https://merchant.example/terms",
    "privacyPolicyUrl": "https://merchant.example/privacy",
    "requiresAcceptance": true
  },
  "LegalInfoPattern": {
    "hidePoweredBy": true
  },
  "PoweredByPattern": {
    "url": "https://merchant.example/assets/brand-mark.png",
    "imageStyle": {
      "width": "50px",
      "height": "auto"
    }
  }
}

For the supported property types, use the CustomStyle property reference.