Skip to main content
All CollectionsPaymentsPayments
How to add a Pay Later banner to your website
How to add a Pay Later banner to your website
Updated over a week ago

Adding information about Affirm will make your clients more comfortable with it when seeing it as a payment option while paying their bill. You can add promotional messaging in three easy steps. (Note, if you have a webmaster, they can perform these steps for you).

1. Copy the code in blue below and add it to the <head> section of your HTML page

<!-- Affirm -->
_affirm_config = {
public_api_key: "1IZJLS6TKN620Q87",
script: ""
(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");
<!-- End Affirm -->

2. Choose your preferred image below and add the corresponding HTML element to the <body> of your web page, wherever you’d like the image to appear on the page.

<span class="affirm-as-low-as" data-page-type="banner" data-amount=0></span>
<span class="affirm-as-low-as" data-page-type="category" data-amount=0></span>


<span class="affirm-as-low-as" data-page-type="homepage" data-amount=0></span>

3. Save your HTML page and refresh your web page to see the changes in action.

Did this answer your question?