# PaymentOptions

> BNPL messaging with provider logos. Shows '4 interest-free payments of $X.XX'.

Canonical URL: https://c22dfdd27662:3005/islands/commerce/payment-options

> BNPL messaging with provider logos. Shows '4 interest-free payments of $X.XX'. Place below price or near BuyBox. Listens for variant:changed to update price.

## Preview

**Category**: Commerce

## Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| price | number | Yes | - | Product price in cents (e.g., 2999 = $29.99) |
| currency | string | No | "USD" | Currency code (USD, INR, EUR, etc.) |
| providers | array | No | ["klarna", "afterpay", "shop_pay"] | Array of BNPL provider names to show |
| installments | number | No | 4 | Number of installments (typically 4) |
| variant | enum | No | "inline" | Display style: "inline", "expandable", or "icons_only" |
| listenForEvents | boolean | No | false | Whether to listen for variant:changed events to update price |

## Embed Example

```html
<lx-island name="PaymentOptions">
  <script type="application/json">
{
  "price": 0
}
  </script>
</lx-island>
```

## Usage Patterns

**Standard placement (below price, inline variant):**

```html
<lx-island name="PaymentOptions">
  <script type="application/json">
{
  "price": 0
}
  </script>
</lx-island>
```

**Inline variant (single line, most common):**

```html
<lx-island name="PaymentOptions">
  <script type="application/json">
{
  "price": 0
}
  </script>
</lx-island>
```

**Expandable variant (click to show details):**

```html
<lx-island name="PaymentOptions">
  <script type="application/json">
{
  "price": 0
}
  </script>
</lx-island>
```

**Icons-only variant (minimal, just logos):**

```html
<lx-island name="PaymentOptions">
  <script type="application/json">
{
  "price": 0
}
  </script>
</lx-island>
```

## Events

| Event | Direction | Payload |
|-------|-----------|---------|
| variant:changed | Listens | `{price: string}` from VariantSwatches or OptionResolver |

## Tips

- Place directly below product price or near [BuyBox](/islands/commerce/buy-box) CTA
- Set `listenForEvents:true` when using with [VariantSwatches](/islands/commerce/variant-swatches) or [OptionResolver](/islands/commerce/option-resolver) (auto-updates price per variant)
- `price` prop in cents (e.g., 2999 = $29.99, 4000 = $40.00)
- Providers: `"klarna"`, `"afterpay"`, `"shop_pay"`, `"affirm"`, `"zip"` (include logos automatically)
- `variant:"inline"` — single line: "4 payments of $7.50" + logos (most common)
- `variant:"expandable"` — collapsed by default, click to expand full details (provider T&Cs)
- `variant:"icons_only"` — just provider logos, no text (use when space is tight)
- Default `installments:4` is standard (some providers offer 6 or 12, check provider T&Cs)
- Shows calculated per-installment price automatically (e.g., $40 / 4 = $10/installment)
- BNPL messaging increases conversion 15-30% (reduces price shock, especially for $50+ items)

## Stylable Parts

Target internal elements via `data-part` selectors in section CSS:

| Part | Description |
|------|-------------|
| `button` | Submit/action button |
| `icons-row` | Payment icon row |
| `root` | Outermost container |
| `text` | Primary text content |

```css
/* Example: custom styling */
[data-section-id='SECTION'] [data-part='root'] {
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
```

## Payment Icons CDN

All payment provider icons are hosted on the Lexsis CDN. Use for static payment strips, trust badges, or footer icons.

**Base URL**: `https://cdn.trylexsis.com/icons/payments/`

Append the filename to get the full URL:

```
https://cdn.trylexsis.com/icons/payments/visa.svg
https://cdn.trylexsis.com/icons/payments/mastercard.svg
https://cdn.trylexsis.com/icons/payments/klarna.svg
```

### Available Icons

| Filename | Provider | Type |
|----------|----------|------|
| `visa.svg` | Visa | Card |
| `mastercard.svg` | Mastercard | Card |
| `amex.svg` | American Express | Card |
| `discover.svg` | Discover | Card |
| `diners.svg` | Diners Club | Card |
| `jcb.svg` | JCB | Card |
| `maestro.svg` | Maestro | Card |
| `unionpay.svg` | UnionPay | Card |
| `elo.svg` | Elo | Card |
| `mir.svg` | Mir | Card |
| `apple-pay.svg` | Apple Pay | Wallet |
| `google-pay.svg` | Google Pay | Wallet |
| `paypal.svg` | PayPal | Wallet |
| `shop-pay.svg` | Shop Pay (Shopify) | Wallet |
| `cashapp.svg` | Cash App | Wallet |
| `venmo.webp` | Venmo | Wallet |
| `phonepe.svg` | PhonePe | Wallet (India) |
| `klarna.svg` | Klarna | BNPL |
| `afterpay.svg` | Afterpay | BNPL |
| `affirm.svg` | Affirm | BNPL |
| `stripe.svg` | Stripe | Processor |
| `upi.svg` | UPI | India |
| `razorpay.webp` | Razorpay | India |
| `alipay.svg` | Alipay | China |

### Static payment strip

Use this PaymentOptions island with the supported provider names instead of
authoring raw payment-logo image tags.

### Scrolling Payment Strip

`Marquee` is deprecated. If movement is useful, use a CSS animation around
static payment markup; otherwise keep the static strip above.

```html
<div class="payment-strip" aria-label="Accepted payment methods">
  <!-- static payment logos -->
</div>
```

## Payment Logo Gallery

Every hosted payment logo, rendered. Filter by region or search, then click a logo or **URL** to copy its CDN link, or **`<img>`** to copy a ready-made tag. The tables below list the same logos.

## Regional Payment Logo Library

207 more provider logos, grouped by region, under `https://cdn.trylexsis.com/icons/payments/<region>/`. They sit alongside the flat icons above and do not replace them. Sources and variants are listed in the [CSV manifest](https://cdn.trylexsis.com/icons/payments/payment_logos.csv).

### Global card networks

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| Visa | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/visa.svg` |
| Mastercard | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/master.svg` |
| American Express | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/american_express.svg` |
| Discover | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/discover.svg` |
| Diners Club | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/diners_club.svg` |
| JCB | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/jcb.svg` |
| UnionPay | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/unionpay.svg` |
| Maestro | Card | yes | `https://cdn.trylexsis.com/icons/payments/global-card-networks/maestro.svg` |
| Visa Electron | Card |  | `https://cdn.trylexsis.com/icons/payments/global-card-networks/visaelectron.svg` |

### Global wallets & checkout

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| PayPal | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/paypal.svg` |
| Shop Pay | Checkout | yes | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/shopify_pay.svg` |
| Apple Pay | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/apple_pay.svg` |
| Google Pay | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/google_pay.svg` |
| Amazon Pay | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/amazon.svg` |
| Meta Pay | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/metapay.svg` |
| Samsung Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/samsung_pay.svg` |
| Alipay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/alipay.svg` |
| WeChat Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/wechatpay.svg` |
| Klarna | BNPL | yes | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/klarna.svg` |
| Stripe | Gateway |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/stripe_wordmark.svg` |
| Adyen | Gateway |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/adyen.svg` |
| Revolut Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/revolut.svg` |
| Wise | Wallet |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/wise.svg` |
| Skrill | Wallet |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/skrilldigitalwallet.svg` |
| NETELLER | Wallet |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/neteller.svg` |
| Paysafecard | Cash/Voucher |  | `https://cdn.trylexsis.com/icons/payments/global-wallets-checkout/paysafecard.svg` |

### India

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| UPI | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/india/upi.svg` |
| RuPay | Card |  | `https://cdn.trylexsis.com/icons/payments/india/rupay.svg` |
| GoKwik | Checkout |  | `https://cdn.trylexsis.com/icons/payments/india/gokwik_wordmark.svg` |
| Shopflo | Checkout |  | `https://cdn.trylexsis.com/icons/payments/india/shopflo_wordmark.svg` |
| Shiprocket Checkout | Checkout |  | `https://cdn.trylexsis.com/icons/payments/india/shiprocket_wordmark.svg` |
| Razorpay | Gateway |  | `https://cdn.trylexsis.com/icons/payments/india/razorpay_wordmark.svg` |
| Cashfree Payments | Gateway |  | `https://cdn.trylexsis.com/icons/payments/india/cashfree_wordmark.svg` |
| PayU | Gateway |  | `https://cdn.trylexsis.com/icons/payments/india/payu.svg` |
| Juspay | Gateway |  | `https://cdn.trylexsis.com/icons/payments/india/juspay_wordmark.svg` |
| PhonePe | Wallet |  | `https://cdn.trylexsis.com/icons/payments/india/phonepe_wordmark.svg` |
| Paytm | Wallet |  | `https://cdn.trylexsis.com/icons/payments/india/paytm.svg` |
| Google Pay (GPay UPI) | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/india/google_pay.svg` |
| Amazon Pay | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/india/amazon.svg` |
| MobiKwik | Wallet |  | `https://cdn.trylexsis.com/icons/payments/india/mobikwik.svg` |
| Freecharge | Wallet |  | `https://cdn.trylexsis.com/icons/payments/india/freecharge.svg` |
| Ola Money | Wallet |  | `https://cdn.trylexsis.com/icons/payments/india/ola_money.svg` |
| CRED Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/india/cred_wordmark.png` |
| Simpl | BNPL |  | `https://cdn.trylexsis.com/icons/payments/india/simpl.svg` |
| Snapmint | BNPL |  | `https://cdn.trylexsis.com/icons/payments/india/snapmint.svg` |
| Bajaj Finserv EMI | BNPL |  | `https://cdn.trylexsis.com/icons/payments/india/bajaj_finserv_wordmark.svg` |
| NetBanking | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/india/netbanking.svg` |

### Saudi Arabia & GCC

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| mada | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/mada.svg` |
| Tamara | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/tamara_wordmark.svg` |
| Tabby | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/tabby.svg` |
| STC Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/stcpay.svg` |
| urpay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/urpay.svg` |
| SADAD | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/sadad.svg` |
| MISpay | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/mispay.svg` |
| Madfu | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/madfu.svg` |
| HyperPay | Gateway |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/hyperpay_wordmark.svg` |
| Tap Payments | Gateway |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/tap_payments_wordmark.svg` |
| Geidea | Gateway |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/geidea_wordmark.svg` |
| Telr | Gateway |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/telr_wordmark.png` |
| Careem Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/careempay.svg` |
| Postpay | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/postpay.svg` |
| Cashew | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/cashew.svg` |
| Spotii | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/spotii.svg` |
| Jaywan (UAE) | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/jaywan.svg` |
| UAE Visa Credit Card | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/uaevisa.svg` |
| BENEFIT (Bahrain) | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/benefit.svg` |
| BenefitPay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/benefitpay.svg` |
| KNET (Kuwait) | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/knet.svg` |
| NAPS (Qatar) | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/naps.svg` |
| QPay (Qatar) | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/qpay.svg` |
| OmanNet | Card |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/omannet.svg` |
| Tamara (Shopify icon) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/saudi-arabia-gcc/tamara.svg` |

### Egypt & wider MENA

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| Fawry | Cash/Voucher |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/fawry.svg` |
| Meeza | Card |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/meeza.svg` |
| valU | BNPL |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/valu.svg` |
| Souhoola | BNPL |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/souhoola.svg` |
| Sympl | BNPL |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/sympl.svg` |
| Aman | Cash/Voucher |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/aman.svg` |
| Forsa | BNPL |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/forsa.svg` |
| Paymob | Gateway |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/paymob_wordmark.png` |
| Mada BNPL (Jordan) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/madabnpljo.svg` |
| Amwal | Checkout |  | `https://cdn.trylexsis.com/icons/payments/egypt-wider-mena/amwal.svg` |

### United States & Canada

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| Shop Pay | Checkout | yes | `https://cdn.trylexsis.com/icons/payments/united-states-canada/shopify_pay.svg` |
| Venmo | Wallet | yes | `https://cdn.trylexsis.com/icons/payments/united-states-canada/venmo.svg` |
| Cash App Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/cashapppay.svg` |
| Zelle | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/zelle_wordmark.svg` |
| Affirm | BNPL | yes | `https://cdn.trylexsis.com/icons/payments/united-states-canada/affirm.svg` |
| Afterpay | BNPL | yes | `https://cdn.trylexsis.com/icons/payments/united-states-canada/afterpay.svg` |
| Sezzle | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/sezzle.svg` |
| Zip | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/zip.svg` |
| Katapult | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/katapult.svg` |
| Sunbit | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/sunbit_wordmark.svg` |
| Splitit | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/splitit.svg` |
| Bread Pay | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/breadpay.svg` |
| Pay by Bank (US) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/paybybankus.svg` |
| ACH | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/ach.svg` |
| Interac (Canada) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/united-states-canada/interac.svg` |

### United Kingdom

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| Clearpay | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-kingdom/clearpay.svg` |
| Klarna | BNPL | yes | `https://cdn.trylexsis.com/icons/payments/united-kingdom/klarna.svg` |
| Laybuy | BNPL |  | `https://cdn.trylexsis.com/icons/payments/united-kingdom/laybuyheart.svg` |
| Pay By Bank | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/united-kingdom/paybybank.svg` |
| Bacs | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/united-kingdom/bacs.svg` |
| Monzo | Wallet |  | `https://cdn.trylexsis.com/icons/payments/united-kingdom/monzo.svg` |
| Revolut | Wallet |  | `https://cdn.trylexsis.com/icons/payments/united-kingdom/revolut.svg` |
| Trustly | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/united-kingdom/trustly.svg` |

### Europe

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| iDEAL (NL) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/ideal.svg` |
| Bancontact (BE) | Card |  | `https://cdn.trylexsis.com/icons/payments/europe/bancontact.svg` |
| Cartes Bancaires (FR) | Card |  | `https://cdn.trylexsis.com/icons/payments/europe/cartes_bancaires.svg` |
| SOFORT (DE) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/sofort.svg` |
| giropay (DE) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/giropay.svg` |
| EPS (AT) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/eps.svg` |
| BLIK (PL) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/blik.svg` |
| Przelewy24 (PL) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/przelewy24.svg` |
| MB WAY (PT) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/mbway.svg` |
| Multibanco (PT) | Cash/Voucher |  | `https://cdn.trylexsis.com/icons/payments/europe/mb.svg` |
| Bizum (ES) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/bizum.svg` |
| TWINT (CH) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/twint.svg` |
| PostFinance Pay (CH) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/pfpay.svg` |
| Vipps (NO) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/vipps.svg` |
| MobilePay (DK/FI) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/mobilepay.svg` |
| Swish (SE) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/swish.svg` |
| Satispay (IT) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/satispay.svg` |
| Payconiq (BE/LU) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/payconiq.svg` |
| Scalapay | BNPL |  | `https://cdn.trylexsis.com/icons/payments/europe/scalapay.svg` |
| Alma | BNPL |  | `https://cdn.trylexsis.com/icons/payments/europe/alma.svg` |
| Oney | BNPL |  | `https://cdn.trylexsis.com/icons/payments/europe/oney.svg` |
| PayPo | BNPL |  | `https://cdn.trylexsis.com/icons/payments/europe/paypo.svg` |
| Twisto | BNPL |  | `https://cdn.trylexsis.com/icons/payments/europe/twisto.svg` |
| Ratepay | BNPL |  | `https://cdn.trylexsis.com/icons/payments/europe/ratepay.svg` |
| SEPA Bank Transfer | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/sepa_bank_transfer.svg` |
| SEPA Direct Debit | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/europe/sepadirectdebit.svg` |
| Paysera | Wallet |  | `https://cdn.trylexsis.com/icons/payments/europe/paysera.svg` |

### Asia-Pacific

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| Atome | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/atome.svg` |
| Kredivo | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/kredivo.svg` |
| Akulaku | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/akulaku.svg` |
| BillEase | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/billease.svg` |
| Paidy (JP) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/paidy.svg` |
| Konbini (JP) | Cash/Voucher |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/konbini.svg` |
| PayPay (JP) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/pay_pay.svg` |
| LINE Pay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/line_pay.svg` |
| Kakao Pay (KR) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/kakao_pay.svg` |
| Naver Pay (KR) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/naver_pay.svg` |
| Toss (KR) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/toss.svg` |
| PAYCO (KR) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/payco.svg` |
| Samsung Card (KR) | Card |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/samsung_card.svg` |
| AlipayHK | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/alipay_hk.svg` |
| PayNow (SG) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/paynow.svg` |
| GrabPay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/grabpay.svg` |
| ShopeePay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/shopeepay.svg` |
| Touch 'n Go (MY) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/touchngo.svg` |
| FPX (MY) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/fpx.svg` |
| PromptPay (TH) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/qr_promptpay.svg` |
| TrueMoney (TH) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/truemoney_pay.svg` |
| GCash (PH) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/gcash.svg` |
| DANA (ID) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/dana.svg` |
| OVO (ID) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/ovo.svg` |
| GoPay (ID) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/gopay.svg` |
| MoMo (VN) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/momopay.svg` |
| VNPay QR (VN) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/vnpayqr.svg` |
| ZaloPay (VN) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/zalopay.svg` |
| Afterpay (AU/NZ) | BNPL | yes | `https://cdn.trylexsis.com/icons/payments/asia-pacific/afterpay.svg` |
| Zip (AU) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/zip.svg` |
| humm (AU/NZ) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/humm.svg` |
| Openpay | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/openpay.svg` |
| Payright (AU) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/payright.svg` |
| Easypaisa (PK) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/easypaisa.svg` |
| Khalti (NP) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/khalti.svg` |
| eSewa (NP) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/asia-pacific/esewa.svg` |

### Latin America

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| Pix (BR) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/latin-america/pix.svg` |
| Boleto (BR) | Cash/Voucher |  | `https://cdn.trylexsis.com/icons/payments/latin-america/boleto.svg` |
| Elo (BR) | Card |  | `https://cdn.trylexsis.com/icons/payments/latin-america/elo.svg` |
| Mercado Pago | Wallet |  | `https://cdn.trylexsis.com/icons/payments/latin-america/mercadopago.svg` |
| OXXO (MX) | Cash/Voucher |  | `https://cdn.trylexsis.com/icons/payments/latin-america/oxxo.svg` |
| SPEI (MX) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/latin-america/spei.svg` |
| Kueski Pay (MX) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/latin-america/kueskipay.svg` |
| Aplazo (MX) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/latin-america/aplazo.svg` |
| Addi (CO) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/latin-america/addi.svg` |
| Nequi (CO) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/latin-america/nequi.svg` |
| PSE (CO) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/latin-america/pse.svg` |
| Webpay (CL) | Gateway |  | `https://cdn.trylexsis.com/icons/payments/latin-america/webpay.svg` |
| Khipu (CL) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/latin-america/khipu.svg` |
| Yape (PE) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/latin-america/yape.svg` |

### Africa

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| M-Pesa | Wallet |  | `https://cdn.trylexsis.com/icons/payments/africa/mpesa.svg` |
| MTN Mobile Money | Wallet |  | `https://cdn.trylexsis.com/icons/payments/africa/mtn_mobile_money.svg` |
| Airtel Money | Wallet |  | `https://cdn.trylexsis.com/icons/payments/africa/airtel_money.svg` |
| OPay | Wallet |  | `https://cdn.trylexsis.com/icons/payments/africa/opay.svg` |
| Paystack | Gateway |  | `https://cdn.trylexsis.com/icons/payments/africa/paystack_wordmark.svg` |
| Flutterwave | Gateway |  | `https://cdn.trylexsis.com/icons/payments/africa/flutterwave_wordmark.png` |
| Ozow (ZA) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/africa/ozow.svg` |
| Payfast Instant EFT (ZA) | Bank/A2A |  | `https://cdn.trylexsis.com/icons/payments/africa/payfast_instant_eft.svg` |
| Zapper (ZA) | Wallet |  | `https://cdn.trylexsis.com/icons/payments/africa/zapper.svg` |
| Mobicred (ZA) | BNPL |  | `https://cdn.trylexsis.com/icons/payments/africa/mobicred.svg` |

### Crypto

| Provider | Type | Shopify footer staple | URL |
|----------|------|-----------------------|-----|
| Bitcoin | Crypto |  | `https://cdn.trylexsis.com/icons/payments/crypto/bitcoin.svg` |
| Ethereum | Crypto |  | `https://cdn.trylexsis.com/icons/payments/crypto/ethereum.svg` |
| USDC | Crypto |  | `https://cdn.trylexsis.com/icons/payments/crypto/usdc.svg` |
| USDT | Crypto |  | `https://cdn.trylexsis.com/icons/payments/crypto/usdt.svg` |
| Solana Pay | Crypto |  | `https://cdn.trylexsis.com/icons/payments/crypto/solanapay.svg` |

### Variants

Alternative marks for providers that have more than one logo.

| File | URL |
|------|-----|
| `alipaypaynlversion.svg` | `https://cdn.trylexsis.com/icons/payments/variants/alipaypaynlversion.svg` |
| `cashappafterpay.svg` | `https://cdn.trylexsis.com/icons/payments/variants/cashappafterpay.svg` |
| `idealwero.svg` | `https://cdn.trylexsis.com/icons/payments/variants/idealwero.svg` |
| `klarna-pay-later.svg` | `https://cdn.trylexsis.com/icons/payments/variants/klarna-pay-later.svg` |
| `klarna-pay-now.svg` | `https://cdn.trylexsis.com/icons/payments/variants/klarna-pay-now.svg` |
| `klarna-slice-it.svg` | `https://cdn.trylexsis.com/icons/payments/variants/klarna-slice-it.svg` |
| `klarna.svg` | `https://cdn.trylexsis.com/icons/payments/variants/klarna.svg` |
| `laybuy.svg` | `https://cdn.trylexsis.com/icons/payments/variants/laybuy.svg` |
| `masterpass.svg` | `https://cdn.trylexsis.com/icons/payments/variants/masterpass.svg` |
| `paybybankmollie.svg` | `https://cdn.trylexsis.com/icons/payments/variants/paybybankmollie.svg` |

## Related Islands

- [BuyBox](/islands/commerce/buy-box) — Place PaymentOptions directly below BuyBox price
- [VariantSwatches](/islands/commerce/variant-swatches) — Emits `variant:changed` → PaymentOptions updates per-variant price
- [OptionResolver](/islands/commerce/option-resolver) — Emits `variant:changed` for multi-axis products → PaymentOptions updates