> This page is for Afterpay Online Developer, version Main (default).
> For other versions, use one of these documentation indexes:
> - Main (default): https://developers.afterpay.com/afterpay-online-developer/main/llms.txt
> - v1: https://developers.afterpay.com/afterpay-online-developer/v-1/llms.txt
> - Chinese: https://developers.afterpay.com/afterpay-online-developer/chinese/llms.txt

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

# Getting Started with On-Site Messaging

Afterpay Messaging informs your customers that Afterpay is an available payment method on your website. It:

* Automatically displays the best payment option available
* Calculates and shows the installment amount
* Opens the Afterpay information modal when a customer clicks the ⓘ icon

![Image of a small backpack](/_fern-img/8383b9cb557c224139abaa0bbb21ca40e19a65b9bf7400882b669dea4fcea5c6.webp)

Using Afterpay Messaging assets guarantees that you meet Afterpay’s compliance criteria by keeping you updated with the latest terms, regulations, and brand identity. It ensures that you display accurate product and fee information. By following our best practices, you also optimize your checkout process.

## Where do I place Afterpay Messaging on my site?

We recommend that you add Afterpay Messaging to your product, cart, and payment pages. This ensures that your customers are aware of Afterpay before they reach the checkout page.

![Afterpay messaging widget](/_fern-img/a30e1c01b16458b4857ad5c77b808c81b6239856932ef9e3043b7d189e9521e5.webp)