| Type | Data type | 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 loan amount passed to display 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` | | 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. |