Customize Your Promotional Messaging

Use specific HTML attributes to customize your promotional messaging.

Overview

Affirm manages the styling and messaging within each of the promotional messaging components. We currently offer a number of customization options for each of our components.

In addition to choosing the content, you can make slight modifications to the frontend, such as pre-populated logo styles and colors. See the Business Resource Hub for details. Contact support or your CSM to confirm how you would like your promos to appear.

❗️

Prohibited Customizations on Affirm Hosted Promos

For Affirm hosted promos, changing or hard coding parts of the Affirm promotional messaging language is prohibited and any additional customizations outside of what is listed below must be made by Affirm.


Examples

The examples below showcase some of the promotional messaging options offered by Affirm. For the full range of promotional messaging options, contact support or your customer success manager (CSM).

As Low As

Financing Language

Snippet
As low as {payment}/mo with [affirm_logo]. Learn more.
As low as {payment}/month or {lowest_apr}% APR with [affirm_logo]. Learn more.
As low as {payment}/month with [affirm_logo]. Learn more.
For as low as {payment}/month with [affirm_logo]. Learn more.
Financing as low as {payment}/month with [affirm_logo]. Learn more.

Logos

Colors

Full Example

Starting At

Financing Language

Snippet
Starting at {payment}/month or {lowest_apr}% APR with [affirm_logo]. Learn more.
Starting at {payment}/month with [affirm_logo]. Learn more.

Logos

Colors

Full Example

APR

Financing Language

Snippet
{apr_range}% APR financing for {payment}/month with [affirm_logo]. Learn more.
{apr_range}% APR starting at {payment}/month with [affirm_logo]. Learn more.
Affirm monthly payments; rates from {apr_range}% APR. Learn more.

Logos

Colors

Full Example

Generic

Financing Language

Snippet
Monthly payments with [affirm_logo]. Learn more.

Promo Customization HTML

Snippet
Replace the Affirm logo with plain text (data-affirm-type = "text")
Change the Affirm logo color to black (data-affirm-color = "black")

Enhance Educational Modals

When a call to action, such as “Learn More,” is clicked, it opens an educational modal. You can enhance your modals by adding a hero image and your company logo, both hosted by Affirm. On the frontend, you can also specify the dimensions of both.

  • Hero image @2x: 960px width x 1462px height
  • Hero image @1x: 480px width x 731px height
  • Logo image @2x: 400px width x 112px height
  • Logo image @1x: 200px width x 56px height

Company Logo Example

Hero Image Example

Call to Action

At the end of the promotional messaging, there's a call to action phrase, such as “Learn More.” Two additional options include:

  • {apr_range}% APR financing for {payment}/month with [affirm_logo]. How’s it work?
  • {apr_range}% APR financing for {payment}/month with [affirm_logo]. Prequalify Now
    • For this call to action, you must ensure you're configured for prequalification. This enables users to discover their buying power up front before making purchase decisions. For more information, see Affirm Prequalification.

You can request to have no "Call To Action" at the end of your promotion, provided that the required disclosure is either included directly on the page or accessible within one click. For example, this requirement can be fulfilled by adding a hyperlink to Affirm’s Education modal on the page.

  • {apr_range}% APR financing for {payment}/month with [affirm_logo].