TypeData typeValueDescription
**Class** <span style="color:red">required</span>_string_
These classes determine the Affirm promotional messaging component to display

`affirm-as-low-as`Displays monthly payment messaging with educational product modal

`affirm-site-modal`Displays educational site modal

`affirm-product-modal`Displays educational product modal
**data-amount** <span style="color:red">required</span>_integer_
The product price amount passed to display loan price specific messaging. Value in USD cents (e.g. $100 = 10000)
**data-page-type** <span style="color:red">required</span>_string_
Identifies your promotional messaging so Affirm can apply the necessary customizations based on which page they are displayed

`homepage`Your site's homepage

`landing`A landing page that describes Affirm

`search`Your site's search results page

`category`Your site's category page

`product`A product description page

`cart`Your site's cart page

`payment`The payment selection page

`banner`A banner image (use for any promotional messaging triggered by your banner or image regardless of page location)

`marketplace`The marketplace landing page
**data-affirm-type** _optional__string_
Sets the Affirm logo type. Default displays Affirm logo image

`text`Displays Affirm logo in plain text

`symbol`Displays Affirm logo as a symbol
**data-affirm-color** _optional__string_
Sets the Affirm logo color. Default displays the primary (indigo) Affirm logo

`black`Displays black color Affirm logo

`white`Displays white color Affirm logo
**data-category** _optional__string_
Identifies the product category associated with the messaging for analytics tracking (e.g., electronics, furniture)
**data-brand** _optional__string_
Identifies the brand category associated with the messaging for analytics tracking (e.g., Samsung, Goodyear)
**data-sku** _optional__string_
Identifies the SKU associated for promotional financing on select products only and analytics tracking(e.g., ABC123, SMSNG-50-TV)
**data-learnmore-show** _optional__string_
Shows or suppresses the link to the modal

`false`Suppresses the link and hyperlinks the entire promo

`true`Shows the link