| Type | Data type | Value | Description |
| **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 |