Afterpay ButtonGetting Started

Changing the Appearance

stoplight-id: 9guazr628s99t

Changing the Appearance

Select from a number of different variants:

AttributeValuePreview
textBuy-now
textPay-now

Other variants:

Text/Themeblack-on-mintmint-on-blackwhite-on-blackwhite-mint-on-black
pay-now
place-order
checkout
buy-now
shop-now

Examples

1<afterpay-button text="buy-now" theme="white-on-black" merchantpublickey="..." ></afterpay-button>

1<afterpay-button text="pay-now" theme="white-mint-on-black" merchantpublickey="..." ></afterpay-button>
Default values

When the text and/or theme attribute is not provided, the button displays the “Buy now with Afterpay” option

View Example
1<afterpay-button merchantpublickey="..." ></afterpay-button>
Note

The information on this page also applies to Cash App Afterpay (US) and Clearpay (UK).