IDアプリを使うと、QRコードを通じた決済処理ができるようになります。決済時にクレジットカード番号を入力する必要がないのでとても簡単です。これは決済するユーザーはもちろん、サービス提供事業者にとっても簡単です。そんな決済用QRコード生成方法はプロダクトと店舗で2パターン用意されています。今回はそれぞれの生成方法と、使い方を紹介します。プロダクト用QRコードまず管理画面でプロダクトを作成します。プロダクト作成時には金額が必須になっています。プロダクト用QRコードは金額固定です。QRコードはプロダクト情報の詳細で確認できます。生成されたQRコードを印刷したり、Webページに掲載します。IDアプリでQRコードを読み込むと決済確認画面になります。支払いするボタンを押すと決済が完了します。店舗用QRコード店舗用QRコードは設定メニューの下の方に用意されています。QRコードを印刷したり、Webサイトに掲載します。IDアプリで読み込むと、決済金額の入力画面になります。ここが大きな違いになります。決済金額を入力し、確認画面に進みます。支払いをタップして処理完了です。注意点プロダクト用QRコードはテスト用モードが用意されていますが、店舗用QRコードには用意されていません。店舗用QRコードでの決済データは本番環境に反映されますので、開発中は忘れずに返金しておきましょう。どちらでも利用可能です。comment2017-12-11クレジットカード入力フォームをカスタマイズしましょう機能紹介PAY.JPのクレジットカード入力フォームを使うと、サービス提供事業者はクレジットカード番号に触れることなく決済機能が提供できるようになります。クレジットカード番号は万一悪意を持ったユーザに盗み取られたりすると大きな事業リスクになります。そのため、カード番号にそもそも触れることがなければ安心です。そんなカード番号入力フォームは次のような簡単なJavaScriptタグで導入できます。以下の情報はすべて必須です。PAY.JPの管理画面で取得できる公開鍵を指定してください。data-key="YOUR_PUBLIC_KEY"></script>そしてWebブラウザでアクセスすると以下のようなボタンが表示されます。これだけではありません。オプションとして様々なカスタマイズができます。今回はそれぞれのオプションについて紹介します。IDを使った決済にも対応しています。IDの管理画面で取得できるOAuthクライアントIDを指定します。IDが選択できるようになります。フォーム送信しないようにするデフォルトの動作ではクレジットカード番号を入力した後、すぐに提供サービスに対するフォーム送信が行われます。確認画面につなげたい、もう一段階入力内容がある、といったケースもあるでしょう。指定すると、フォーム送信が行われずにクレジットカード番号を入力したモーダルが閉じるだけで終わります。すると、ボタンのラベルが「カードで支払う」から「カード番号を入力する」に変化します(後述のオプションで変更可能です)。クレジットカード番号を入力すると、ボタンが緑になって「カード情報入力済み」と表示されます。ボタンのラベルを変えるボタンのラベルはデフォルトで「カードで支払う」ですが、これを変更できます。以下は「カード番号の登録」というラベルに変更する例です。data-text="カード番号の登録"></script>クレジットカード入力フォームのボタンのラベルを変えるクレジットカード入力フォームの一番下にあるボタンのラベルも変更できます。いうパラメータで取得できます。いった形になるでしょう。場合によってはこれを変更したい時もあります。