Promotional Messaging Components

Country Availability

Country List ⬇️

USA

Canada

UK

Overview

This guide overviews the Promotional Messaging components, complete with HTML references and examples to help you implement them seamlessly. Each component uniquely highlights the Affirm financing offerings and consists of these three options:

• As Low As (ALA)
• Product Modal

For marketing compliance details, see the Marketing section in the Business Hub.

As Low As

As Low As (ALAs) are specific HTML tags you can insert into your site where you want promotional messaging displayed.

These tags are responsible for rendering the messaging. See our HTML reference for more details. The following example displays promotional messaging with the text:

• As low as {payment}/mo with [affirm_logo]. Learn more.

ALA JSFiddle

ALA HTML

<div id="prices">
    <p class="affirm-as-low-as" data-page-type="product" data-amount=50000></p>
</div>

Product Modal

A product modal is a pop-up that provides detailed information specifically about the product, including its pricing details.

This type of modal is typically displayed on a product detail page. Product modals are typically opened by ALAs to give users comprehensive pricing and product information, helping them in their purchasing decision. Refer to our HTML reference for more information.

Product Modal HTML

<div id="prices">
    <p class="affirm-as-low-as" data-page-type="product" data-amount=50000></p>
</div>

<div id="prices">
     <button class="affirm-product-modal" data-page-type="product" data-amount=30000>
           Learn More</button>
</div>

Product Modal JSFiddle