HTML reference

Type	Data type	Description
Class required	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 required	integer	The loan amount passed to display price specific messaging. Value in USD cents (e.g., $100 = 10000).
data-page-type required	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`		A category listing 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).
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 with the messaging for 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.