Tech Stack Guides

How to Tell If a Website Uses Afterpay (Clearpay)

Afterpay (Clearpay in the UK) is a major BNPL provider. Detect it via static.afterpay.com assets, the <afterpay-placement> widget, the AfterPay messaging and afterpay.com checkout.

StackOptic Research Team27 May 20266 min read
Detecting Afterpay via static.afterpay.com assets and the afterpay-placement widget

Afterpay — branded Clearpay in the UK and parts of Europe — is a major buy-now-pay-later (BNPL) provider offering "4 interest-free payments". Because it loads from a distinctive domain and renders a custom messaging element, detecting it is straightforward: look for assets from static.afterpay.com and an <afterpay-placement> widget. This guide covers every reliable signal, the BNPL model behind them, the other BNPL providers to distinguish it from, and what Afterpay usage tells you about the store, its audience and its market. Because the Afterpay/Clearpay branding varies by region, recognising which variant a store shows also pinpoints the market it primarily serves.

What is Afterpay (Clearpay)?

Afterpay is a buy-now-pay-later provider that lets shoppers split a purchase into four interest-free instalments, paid fortnightly. It is especially associated with fashion, beauty and lifestyle retail and with younger shoppers, for whom the interest-free, no-hard-credit-check model is appealing. Merchants integrate Afterpay to lift conversion and average order value and to attract that demographic. The same service is branded Clearpay in the UK and parts of Europe, and Afterpay is owned by Block, Inc. (parent of Square and Cash App), so it increasingly ties into that ecosystem. It competes with Klarna, Affirm, Sezzle and Zip.

For detection, the key context is that Afterpay signals an ecommerce merchant offering interest-free instalments, often in fashion/beauty/lifestyle with a younger customer base. Finding it tells you the store uses BNPL as a conversion-and-AOV lever aimed at that demographic. Because Afterpay loads from static.afterpay.com and renders a recognisable <afterpay-placement> element with "4 payments of $X" messaging, it is easy to confirm. Its presence (or Clearpay's, in the UK) marks a conversion-focused, demographically-targeted online store, often within the Block/Square orbit.

How Afterpay loads and renders

An Afterpay install loads its messaging script and assets from static.afterpay.com (with the checkout and portal on portal.afterpay.com/afterpay.com; UK/EU uses clearpay equivalents). The signature on-page element is the <afterpay-placement> custom HTML element, configured with attributes such as data-amount, data-locale and data-currency, which the messaging script renders into the "4 interest-free payments of $X with Afterpay" breakdown on product and cart pages. The script exposes Afterpay's messaging/checkout APIs, and the checkout flow communicates with Afterpay's domains.

In the UK and Europe, the same provider appears as Clearpay with corresponding branding and assets — treat it as Afterpay. Because of the Block ownership, Afterpay may sit alongside Square or Cash App Pay at checkout. So an Afterpay site shows static.afterpay.com assets, the <afterpay-placement> widget, the instalment messaging, and the afterpay.com checkout. Knowing these — the static.afterpay.com assets, the <afterpay-placement> element, the "4 payments" messaging, and the regional Clearpay variant — makes detection quick.

How to tell if a website uses Afterpay

Confirm at least one strong signal.

1. Check the Network tab. Filter for afterpay (or clearpay). Assets from static.afterpay.com/portal.afterpay.com confirm Afterpay.

2. Inspect the widget. Look for an <afterpay-placement> custom element (with data-amount/data-locale) and the "4 interest-free payments of $X" messaging on product/cart pages.

3. View the source. Search for afterpay or clearpay. The messaging script and <afterpay-placement> element are usually visible.

4. Check the checkout. An Afterpay/Clearpay payment option at checkout, communicating with afterpay.com, confirms it.

5. Note the region. Clearpay branding indicates the UK/EU variant of the same provider.

What the Afterpay signals look like

<script src="https://static.afterpay.com/afterpay-checkout.js"></script>   <!-- or clearpay equivalent -->
<afterpay-placement data-locale="en_US" data-currency="USD" data-amount="120.00"></afterpay-placement>
<!-- renders: "or 4 interest-free payments of $30.00 with Afterpay" -->
// Checkout/API on portal.afterpay.com / afterpay.com

The static.afterpay.com assets, the <afterpay-placement> widget, and the "4 payments" messaging are conclusive (Clearpay equivalents in the UK/EU).

Afterpay versus other BNPL providers — avoiding false positives

Match the domain and widget to keep BNPL providers distinct. Afterpay uses static.afterpay.com/afterpay.com (or clearpay in the UK/EU) and the <afterpay-placement> element; Affirm uses cdn.affirm.com and the affirm global; Klarna uses klarna.com/x.klarnacdn.net and a Klarna global; Sezzle uses widget.sezzle.com; Zip uses its own domains. The <afterpay-placement> element and afterpay.com domains are unique to Afterpay/Clearpay. A merchant may offer several BNPL options together, so finding Afterpay does not exclude the others. Remember the Afterpay/Clearpay branding split by region, and the Block/Square relationship that may bring Square or Cash App Pay alongside it.

How reliable is each Afterpay signal?

The static.afterpay.com assets and the <afterpay-placement> element are definitive, as is the "4 interest-free payments" messaging. The afterpay.com checkout corroborates. Clearpay equivalents reliably indicate the UK/EU variant. The weakest situation is a site loading Afterpay only on product/cart pages, so check a product page. As a rule, the static.afterpay.com assets or the <afterpay-placement> element settles it.

What Afterpay usage reveals about a store

Finding Afterpay signals an ecommerce merchant offering interest-free instalments, frequently in fashion, beauty or lifestyle with a younger customer base — the demographic that gravitates to Afterpay's model. Its presence tells you the store uses BNPL to convert and lift AOV among price-conscious younger shoppers. The product types where the messaging appears indicate the catalogue and target market. If you sell ecommerce, payments, CRO, or youth-market tools, an Afterpay store is a demographically-targeted, conversion-focused retailer. Because of the Block ownership, Afterpay alongside Square or Cash App Pay hints at a Block ecosystem relationship. And as merchants stack BNPL, Afterpay with Klarna/Affirm indicates a deliberate multi-option financing strategy aimed at the broadest checkout conversion.

What finding Afterpay means for sales, agencies and competitive research

For sales and prospecting, Afterpay marks an ecommerce merchant — often fashion/beauty/lifestyle with a younger audience — using BNPL for conversion. It is a fit for ecommerce, payments, CRO and youth-market tools.

For agencies and consultants, finding Afterpay tells you the client targets younger, instalment-friendly shoppers, so engagements can optimise BNPL messaging placement and the broader youth-focused conversion experience.

For competitive and market research, the BNPL mix a competitor offers (Afterpay vs Klarna vs Affirm, or several) reveals its target demographic and financing strategy, and the Afterpay/Clearpay branding indicates the markets it serves.

Afterpay in the wider commerce stack

Afterpay sits in the payments/financing layer of an ecommerce stack, frequently a fashion/lifestyle one. It accompanies an ecommerce platform (often Shopify), a primary card processor, often other BNPL options, a retention tool (Klaviyo), reviews (Loox/Okendo), and acquisition pixels (Meta, TikTok — fitting the younger audience). Given the Block ownership, Square or Cash App Pay may appear too. The BNPL messaging is placed on product and cart pages for conversion. For an auditor, the valuable details are the region (Afterpay vs Clearpay), where the messaging appears, the other BNPL/payment options, any Square/Block signals, and the ecommerce platform; together these reveal a youth-focused, conversion-driven merchant and its financing strategy. The Afterpay/Clearpay branding split is also a precise market signal worth using: a store showing Afterpay points to the US, Australia or New Zealand, while Clearpay branding points to the UK or parts of Europe — so the variant alone narrows down the merchant's primary market without any other evidence. Combined with the product categories where the messaging appears (fashion, beauty and lifestyle dominate Afterpay's base) and the Block/Square signals that sometimes accompany it, an Afterpay detection sketches not just that the store offers BNPL but who it sells to, where, and which payments ecosystem it sits within — a genuinely rich profile from a single widget.

A quick Afterpay confirmation walkthrough

Open a product page with developer tools on the Network panel and filter for afterpay (or clearpay). Assets from static.afterpay.com/portal.afterpay.com confirm it. Inspect the product/cart page for an <afterpay-placement> element and "4 interest-free payments of $X with Afterpay" messaging. Check the checkout for an Afterpay/Clearpay option. Note whether branding is Afterpay (US/AU) or Clearpay (UK/EU). The static.afterpay.com assets or the <afterpay-placement> element confirms Afterpay.

A quick Afterpay detection checklist

  • Filter the Network tab for afterpay/clearpay; static.afterpay.com assets are conclusive.
  • Inspect for an <afterpay-placement> element and "4 interest-free payments" messaging.
  • View source for afterpay/clearpay and the messaging script.
  • Note Afterpay (US/AU) vs Clearpay (UK/EU) branding for the region.
  • Check for other BNPL options and Square/Cash App (Block) signals.
  • Distinguish Afterpay (afterpay.com, <afterpay-placement>) from Affirm, Klarna and Sezzle.

Detecting Afterpay at scale

Checking one store is quick, but mapping BNPL adoption across many domains — to find fashion/lifestyle merchants offering instalments — calls for automation. StackOptic detects Afterpay (and Clearpay) and thousands of other technologies from a real browser, reading assets, widgets and messaging. For related reading, see our guide to finding out what payment processor a website uses and the full Afterpay technology profile.

Frequently asked questions

What is the fastest way to tell if a site uses Afterpay?

Open the Network tab and filter for 'afterpay'. You will see assets from static.afterpay.com (and portal.afterpay.com). On product and cart pages, '4 interest-free payments of $X with Afterpay' messaging and an <afterpay-placement> custom element confirm it.

What is the afterpay-placement widget?

<afterpay-placement> is the custom HTML element Afterpay's messaging script renders into, configured with attributes like data-amount and data-locale to show the instalment breakdown. Finding an <afterpay-placement> element, loaded from static.afterpay.com, is a strong Afterpay signal.

Is Afterpay the same as Clearpay?

Yes. The same provider is branded Afterpay in the US, Australia and New Zealand, and Clearpay in the UK and parts of Europe. So a UK store may show Clearpay branding and assets while being the same Afterpay service. Treat Clearpay signals as Afterpay.

How is Afterpay related to Square?

Afterpay was acquired by Block, Inc. (the parent of Square and Cash App). So Afterpay may appear alongside Square or Cash App Pay on a merchant's checkout, and the integration is increasingly tied into Square's ecosystem. Finding Afterpay can hint at a Block/Square relationship.

What does it mean if a site uses Afterpay?

Afterpay (Clearpay) is a buy-now-pay-later provider offering interest-free instalments. Finding it signals an ecommerce merchant — often in fashion, beauty or lifestyle, with a younger customer base — offering BNPL to lift conversion and average order value.

Analyse any website with StackOptic

Get the full technology stack, performance, security and SEO report in seconds — free.

Analyse a website

Related articles