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. |
Updated 3 months ago