Affirm-developers

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

Your site's homepage

product

A product description page

cart

A landing page that describes Affirm

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 blue 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-promo-id
optional

string

Customizes the messaging with different styling, copy, or loan terms. Overrides customizations provided by data-page-type.

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


HTML reference


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.