HTML reference
Type | Data type | Value | 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 product price amount passed to display loan 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 | 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 |
Updated 7 months ago