# Express Checkout Element での Link

顧客が Link と Express Checkout Element を使用してスピーディーに決済できるようにします。

Express Checkout Element は、ワンクリックの決済手段ボタンによる決済を受け付けるための導入です。サポートされている決済手段は、[Link](https://docs.stripe.com/payments/link.md)、[Apple Pay](https://docs.stripe.com/apple-pay.md)、[Google Pay](https://docs.stripe.com/google-pay.md)、[PayPal](https://docs.stripe.com/payments/paypal.md)、[Klarna](https://docs.stripe.com/payments/klarna.md)、[Amazon Pay](https://docs.stripe.com/payments/amazon-pay.md) などです。

この導入によって、以下が可能になります。

- 顧客の場所に基づいて支払いボタンを動的に並べ替える
- フロントエンドを変更することなく支払いボタンを追加する
- 既存の Elements インスタンスを再使用して Elements をシームレスに実装することで、時間を節約する
![Link を Express Checkout Element に追加する](https://b.stripecdn.com/docs-statics-srv/assets/link-in-express-checkout-element.67be6745e5a37c1c09074b0f43763cff.png)

Link を Express Checkout Element に追加する

## Express Checkout Element を作成する

このコードは、Express Checkout Element を含む Elements グループを[作成](https://docs.stripe.com/js/element/express_checkout_element)して、DOM に[マウント](https://docs.stripe.com/js/element/mount)します。

```js
const appearance = { /* appearance */ }
const options = { /* options */ }
const elements = stripe.elements({
  mode: 'payment',
  amount: 1099,
  currency: 'usd',
  appearance,
})
const expressCheckoutElement = elements.create('expressCheckout', options)
expressCheckoutElement.mount('#express-checkout-element')
```

## See also

- [Stripe Web Elements](https://docs.stripe.com/payments/elements.md)
- [Contact Details Element](https://docs.stripe.com/payments/elements/contact-details-element.md)
- [Address Element](https://docs.stripe.com/elements/address-element.md)
- [Express Checkout Element で決済を受け付ける](https://docs.stripe.com/elements/express-checkout-element/accept-a-payment.md)