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].
Updated 16 days ago