コンテンツにスキップ
アカウントを作成
または
サインイン
Stripe ドキュメントのロゴ
/
アカウントを作成
サインイン
概要構築済みのシステムをアップグレード
オンライン決済
概要ユースケースを見つける
支払い方法
Payment interfaces
Payment scenarios
対面支払い
Other Stripe products

注

このページはまだ日本語ではご利用いただけません。より多くの言語で文書が閲覧できるように現在取り組んでいます。準備が整い次第、翻訳版を提供いたしますので、もう少しお待ちください。

支払いの詳細を収集するベータ

安全で埋め込み可能な UI コンポーネントで、支払い方法を受け付けます。

プライベートプレビュー

The Custom Checkout integration is in private preview. To request access, こちらをクリックしてください。

Payment Element は、多くの支払い方法を受け付け、入力内容を検証し、エラーに対処する UI コンポーネントです。

顧客の場所
サイズ
テーマ
レイアウト
リピートユーザーに対する Link のしくみを見るには、メールアドレス demo@stripe.com を入力してください。新規登録中の Link のしくみを見るには、他の任意のメールアドレスを入力し、フォームの残りの部分に入力してください。

Payment Element をレンダリングする

Mount the PaymentElement component within the CustomCheckoutProvider.

CheckoutForm.jsx
import React from 'react';
import {PaymentElement, useCustomCheckout} from '@stripe/react-stripe-js';

const CheckoutForm = () => {
  const checkout = useCustomCheckout();
  return (
    <form>
      <PaymentElement options={{layout: 'accordion'}}/>
    </form>
  )
};

export default CheckoutForm;

The following props are supported:

次のステップ

次に、購入を完了するための支払いボタンを作成します。

このページはお役に立ちましたか。
はいいいえ
お困りのことがございましたら 、サポートにお問い合わせください。
早期アクセスプログラムにご参加ください。
Stripe の製品変更ログを確認してください。
ご不明な点がございましたら、お問い合わせください。
Powered by Markdoc
このページの内容
Payment Element をレンダリングする
次のステップ
使用製品
Checkout
Elements