HTML Reference: Promotional Messaging

Adding promotional messaging to your website? Use this HTML reference to learn more about the available promotional messaging HTML attributes.

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

string

Calls a specific promotional messaging template and/or financing program.

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 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.