> This page is for Afterpay Button Documentation.

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

# Getting Started

## Overview

To get started, do the following:

1. [**Get Sandbox Credentials**](/afterpay-button-documentation/guides/afterpay-button/getting-started/sandbox-environment)\
   Speak to your Afterpay, Clearpay (UK) or Cash App Afterpay account manager to coordinate the receipt of your Sandbox credentials. Once you have these credentials, you can start to develop and test your connection to our Sandbox environment.

2. [**Add The Afterpay Button**](/afterpay-button-documentation/guides/afterpay-button/getting-started/add-the-button)\
   Add the Afterpay Button with the order details data-attributes to your checkout page.

3. [**Process the Virtual Credit Card**](/afterpay-button-documentation/guides/afterpay-button/getting-started/process-the-credit-card)\
   Use the Virtual Visa card (for the US, UK and Canada) or the Virtual Mastercard card (for Australia) in your existing credit card checkout form.

4. [**Launch**](/afterpay-button-documentation/guides/afterpay-button/getting-started/launch)\
   Complete certification testing and get your production credentials.

## US Mechants Only

### Migrate from Afterpay to Cash App Afterpay

This section is for US merchants who already have an Afterpay and Afterpay Button integration.

> **Note**
>
> If you are a US merchant unfamiliar with Afterpay and without an Afterpay integration, skip this section.
>
> The migration from the Afterpay Button to the Cash App Afterpay Button is straightforward and mainly affects the appearance of the button. See the [Brand Assets](https://developers.cash.app/docs/merchant/marketing/brand-assets) page of the [Cash App Afterpay technical guide](https://developers.cash.app/docs/merchant/welcome/getting-started) to see the new buttons and other updated assets.

You must also carefully check your website's display areas for anything that features the Afterpay logo, messaging, or buttons. If you find any of these items, you must update them to show the new Cash App Afterpay branding.