---
updatedAt: 2025-11-13T14:41:51.000Z
agentTools:
  siteIndex: https://docs.affirm.com/llms.txt
  projectIndex: https://docs.affirm.com/developers/llms.txt
---

# Enable Inline Checkout on Shopify Plus

```javascript JavaScript
<script>
var _affirm_config = {
  public_api_key: "[Public API Key]",
  script:         "https://www.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>
</head>

</body>
<script>
var paymentImage = document.getElementsByTagName("img");
    for (i =0 ; i < paymentImage.length ; i++ ){
      if( paymentImage[i].alt == "Affirm"){
      	var paymentId = paymentImage[i].parentElement.parentElement.parentElement.getAttribute('data-select-gateway');
        var targetNode = document.getElementById('payment-gateway-subfields-'+paymentId);
        targetNode.innerHTML = "<div id='affirm-inline-checkout'></div>";
      }
    }
       
     affirm.ui.ready(function() {
		affirm.checkout.inline({ 
    merchant: { 
        inline_container: "affirm-inline-checkout"
    }, 
    data: { total: {{ checkout.total_price }} }
});
       
      });
  </script>
</html>
```

# Add `affirm.js`.

<!-- javascript@2-6 -->

At the top of the page, above the `</head>` tag, add the `affirm.js` library code between `<script>` tags

# Add Inline Checkout code.

<!-- javascript@12-29 -->

Add the code enclosed in `<script>` tags between `</body>` and `</html>`.