Customize your promotional messaging
Use specific HTML attributes to customize your promotional messaging.
Overview
You can customize your Affirm promotional messaging either via data-page-type or by setting specific attributes in your HTML code snippets. Talk to your Client Success Manager for more information on configuring these.
Prohibited customizations
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.
As low as
| 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. |
Starting at
| Snippet |
|---|
| Starting at {payment}/month or {lowest_apr}% APR with [affirm_logo]. Learn more. |
| Starting at {payment}/month with [affirm_logo]. Learn more. |
APR
| 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. |
Generic
| Snippet |
|---|
| Monthly payments with [affirm_logo]. Learn more. |
| You can also customize the following: Replace the Affirm logo with plain text (data-affirm-type = "text") Change the Affirm logo color to black (data-affirm-color = "black") - Remove the Learn more link |
Customize educational modals
You can customize your modals by adding a hero image and a logo with the following dimensions:
- 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
Updated 10 days ago