> This page is for Cash App Afterpay.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers-beta.cash.app/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers-beta.cash.app/_mcp/server.

# Brand Assets

There are links to a variety of visual assets on this page. Use them to inform your customers that Cash App Afterpay is available as a payment method.

To increase brand awareness, we recommend using brand assets with Cash green. See the [Cash App Afterpay Merchant guidelines](https://www.figma.com/deck/yC8BbsBfhxkSnxrw8VtYna/Cash-App-Afterpay-%E2%80%93-Merchant-Guidelines?node-id=1-61\&viewport=-67%2C-97%2C0.47\&t=oY1HyyBF6E1NB35m-1\&scaling=min-zoom\&content-scaling=fixed\&page-id=0%3A1) online presentation for much more information on how to display and present Cash App Afterpay.

\
\
\


## Logos

> **We strongly recommended going code-first.**
>
> Our embeddable code snippets are designed to optimize your checkout experience. For implementation best practices, see our [Merchant Guidelines](https://www.figma.com/deck/yC8BbsBfhxkSnxrw8VtYna/Cash-App-Afterpay-%E2%80%93-Merchant-Guidelines?node-id=1-61\&viewport=-67%2C-97%2C0.47\&t=oY1HyyBF6E1NB35m-1\&scaling=min-zoom\&content-scaling=fixed\&page-id=0%3A1).

### Logo Lockup

| Green Black                                                                                                                                  | Green White                                                                                                                                 |
| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
|                                                                                                                                              |                                                                                                                                             |
| `html <img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/new-color-black-32.svg" height="32" />` | `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/new-color-white-32.svg" height="32" />` |

\


| Black                                                                                                                                      | White                                                                                                                                      |
| ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
|                                                                                                                                            |                                                                                                                                            |
| `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/new-mono-black-32.svg" height="32" />` | `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/new-mono-white-32.svg" height="32" />` |

### Payment Badge

#### Rounded

<table>
  <tr>
    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/icon/color.svg" height="24" />`
    </td>

    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/icon/color.svg" height="24" />`
    </td>
  </tr>
</table>

<table>
  <tr>
    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpay.com/en-US/integration/logo/icon/mono-light.svg" height="24" />`
    </td>

    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpay.com/en-US/integration/logo/icon/mono-dark.svg" height="24" />`
    </td>
  </tr>
</table>

#### Squared

<table>
  <tr>
    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/color.svg" height="24" />`
    </td>

    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/color.svg" height="24" />`
    </td>
  </tr>
</table>

<table>
  <tr>
    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/mono-light.svg" height="24" />`
    </td>

    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/mono-dark.svg" height="24" />`
    </td>
  </tr>
</table>

#### Alternative

<table>
  <tr>
    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/alt-badge/color.svg" height="24" />`
    </td>

    <td>
      ---

      `html<img alt="Cash App Afterpay" src="https://static.afterpaycdn.com/en-US/integration/logo/alt-badge/color.svg" height="24" />`
    </td>
  </tr>
</table>

## Afterpay Messaging

Afterpay Messaging informs your customers—as they browse—that pay by installments with Afterpay is available. This helps to improve your conversion rates and average order value.

Visit our [Messaging Guide](/cash-app-afterpay/guides/afterpay-messaging/getting-started) to learn about implementation.

#### xs

#### sm

#### md

#### lg

## Buttons

> **We strongly recommended going code-first.**
>
> Our embeddable code snippets are designed to optimize your checkout experience. For implementation best practices, see our [Merchant Guidelines](https://www.figma.com/deck/yC8BbsBfhxkSnxrw8VtYna/Cash-App-Afterpay-%E2%80%93-Merchant-Guidelines?node-id=1-61\&viewport=-67%2C-97%2C0.47\&t=oY1HyyBF6E1NB35m-1\&scaling=min-zoom\&content-scaling=fixed\&page-id=0%3A1).

### Button Styles

#### Rectangular

| Black Green                                                                                                                                                                                                                                                                                                                                      | Green Black                                                                                                                                                                                                                                                                                                                                      |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|                                                                                                                                                                                                                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                                  |
| `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/color-on-black.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/black-on-green.svg" height="48" style="border: 0;" /></button>` |

\


| Black White                                                                                                                                                                                                                                                                                                                                      | White Black                                                                                                                                                                                                                                                                                                                                      |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|                                                                                                                                                                                                                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                                  |
| `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/white-on-black.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/black-on-white.svg" height="48" style="border: 0;" /></button>` |

#### Rounded

| Black Green                                                                                                                                                                                                                                                                                                                                              | Green Black                                                                                                                                                                                                                                                                                                                                              |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|                                                                                                                                                                                                                                                                                                                                                          |                                                                                                                                                                                                                                                                                                                                                          |
| `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/color-on-black-rounded.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/black-on-green-rounded.svg" height="48" style="border: 0;" /></button>` |

\


| Black White                                                                                                                                                                                                                                                                                                                                              | White Black                                                                                                                                                                                                                                                                                                                                              |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|                                                                                                                                                                                                                                                                                                                                                          |                                                                                                                                                                                                                                                                                                                                                          |
| `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/white-on-black-rounded.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/afterpay/black-on-white-rounded.svg" height="48" style="border: 0;" /></button>` |

### Button Types

| Checkout With                                                                                                                                                                                                                                                                                                                                                                              | Continue With                                                                                                                                                                                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|                                                                                                                                                                                                                                                                                                                                                                                            |                                                                                                                                                                                                                                                                                                                                                                                            |
| `html<button aria-label="Checkout with Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Checkout with Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/checkout-with-afterpay/color-on-black.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Continue with Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Continue with Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/continue-with-afterpay/color-on-black.svg" height="48" style="border: 0;" /></button>` |

\


| Pay With                                                                                                                                                                                                                                                                                                                                                                    | Buy With                                                                                                                                                                                                                                                                                                                                                                            |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|                                                                                                                                                                                                                                                                                                                                                                             |                                                                                                                                                                                                                                                                                                                                                                                     |
| `html<button aria-label="Pay with Cash App Afterpay" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Pay with Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/pay-with-afterpay/color-on-black.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Buy with Cash App Afterpay (Green)" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Buy with Cash App Afterpay" aria-hidden="true" src="https://static.afterpaycdn.com/en-US/integration/button/buy-with-afterpay/color-on-black.svg" height="48" style="border: 0;" /></button>` |

\


| Checkout With - Green                                                                                                                                                                                                                                                                                                                                                                           | Continue With - Green                                                                                                                                                                                                                                                                                                                                                                 |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|                                                                                                                                                                                                                                                                                                                                                                                                 |                                                                                                                                                                                                                                                                                                                                                                                       |
| `html<button aria-label="Checkout with Cash App Afterpay (Green)" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Checkout with Cash App Afterpay" aria-hidden="true" src="https://static.afterpay.com/en-US/integration/button/checkout-with-afterpay/black-on-green.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Buy with Cash App Afterpay (Green)" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Buy with Cash App Afterpay" aria-hidden="true" src="https://static.afterpay.com/en-US/integration/button/continue-with-afterpay/black-on-green.svg" height="48" style="border: 0;" /></button>` |

\


| Pay With - Green                                                                                                                                                                                                                                                                                                                                                                 | Buy With - Green                                                                                                                                                                                                                                                                                                                                                                 |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|                                                                                                                                                                                                                                                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                                                                  |
| `html<button aria-label="Pay with Cash App Afterpay (Green)" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Pay with Cash App Afterpay" aria-hidden="true" src="https://static.afterpay.com/en-US/integration/button/pay-with-afterpay/black-on-green.svg" height="48" style="border: 0;" /></button>` | `html<button aria-label="Buy with Cash App Afterpay (Green)" style="display: inline-block; vertical-align: middle; cursor: pointer; border: transparent; background: none;"><img alt="Buy with Cash App Afterpay" aria-hidden="true" src="https://static.afterpay.com/en-US/integration/button/buy-with-afterpay/black-on-green.svg" height="48" style="border: 0;" /></button>` |

## Marketing Assets

Coming soon!

## Download

**We strongly recommended going code-first.** Our embeddable code snippets are designed to optimize your checkout experience.

To download our brand assets, [click here](https://static.afterpaycdn.com/en-US/integration/\$ap-brand-assets.zip).