Skip to main content

Merchant Help

 

Affirm Merchant Help

Promotional Banners API (Legacy)

The Promotional Banner API is deprecated.

This page is provided as a reference if you're still using our Promotional Banner API. Click here for our current marketing assets, including banners.

Click here for information on adding or updating your Affirm promotional messaging.

Instructions

1) Include the affirm.js snippet below on the page you want to display promos

<script>
  var _affirm_config = {
    public_api_key:  "XXXXXXXXXXXXXXX",
    script:          "https://cdn1-sandbox.affirm.com/js/v2/affirm.js"
  };
  (function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments])}};c[e]=k(c,e,"set");d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b="set add save post open empty reset on off trigger ready setProduct".split(" ");a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=["get","token","url","items"];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c})(window,_affirm_config,"affirm","checkout","ui","script","ready");
</script>

 

2) Include a banner using the HTML snippet with the default promo key and a chosen size below.

<div class="affirm-promo" data-promo-key="W6WU7UK82RS34HDH" data-promo-size="468x60"></div>

 

3) Banner Sizes can be adjusted - here they are below: 

Small Horizontal

120 x 90
 Affirm Banner
150 x 100
Affirm Banner
170 x 100
Affirm Banner
190 x 100
Affirm Banner
234 x 60
Affirm Banner
300 x 50
Affirm Banner
468 x 60
Affirm Banner
300 x 250
Affirm Banner
336 x 280
540 x 200
Affirm Banner
728 x 90
Affirm Banner
800 x 66
Affirm Banner
250 x 250
Affirm Banner
280 x 280
Affirm Banner

Small Vertical

120 x 240
Affirm Banner

Large Vertical

120 x 600
Affirm Banner
234 x 400
Affirm Banner