# Payment Method Display

The Payment Method Display element shows available Kustom payment options to your customers. The list is tailored to the market specified by the `locale` attribute and includes only the payment methods configured for your account.

## HTML Element


```html
<kustom-payment-method-display locale="en-SE"></kustom-payment-method-display>
```

## Attributes

- `locale` - The market to show payment methods for. Always use 5 character locales. The first part will be used as the language and second part will be used as the country you want to show payment methods for. See [supported locales](/contents/checkout/kustom-elements/integration-guide/usage#supported-locales) for the full list.
- `include` - Comma-separated list of payment method identifiers to add to the list, even if they are not returned by the API for your account. Identifiers already present in the list are ignored. See [Supported methods](/contents/checkout/kustom-elements/supported-methods#payment-methods) for the full list.
- `exclude` - Comma-separated list of payment method identifiers to hide from the list. Exclusions are applied before inclusions, so a value in both attributes will be hidden. See [Supported methods](/contents/checkout/kustom-elements/supported-methods#payment-methods) for the full list.


## Filtering examples

Hide specific methods returned by the API:


```html
<kustom-payment-method-display
  locale="en-SE"
  exclude="klarna,swish"
></kustom-payment-method-display>
```

Force-add methods that are not yet enabled on your account (useful when previewing in Playground):


```html
<kustom-payment-method-display
  locale="en-SE"
  include="applepay,googlepay"
></kustom-payment-method-display>
```

## Preview

![Kustom Portal — Payment Method Display](/assets/payment-method-display-demo.e6cbecaa75bd86f0914a4e4ab5c993b997f4abf1bc82cc5968d846fbe5ddc4de.a9fa48fa.png)