Click Pay 設定方法
(2024/07/03)
アプリ制作者・運営者は、Click Payを利用して頂く事により、ご自身のアプリに簡単に決済機能を導入することができます。
また、決済履歴はClickの管理画面から確認する事ができます。
現在Click payは、クレジットカードによる都度決済とサブスクリプションに対応しております。
※Click Payは、決済サービス「fincode by GMO」（GMPイプシロン株式会社）との外部連携サービスです（以下「fincode」といいます。）。
目次
fincode連携の設定方法
決済機能をご利用されるにあたり、必ず「本番環境の申請」と「テスト環境の申請」両方の申請を行ってください。
本番環境への接続方法
（１）「Click Pay」エレメントを配置する
エレメントからClick Payエレメントを選択し、ページまでドラッグ＆ドロップして、配置してください。（ヘッダータイトルは『支払い』と表示しておきます。）
（２）「Click Payに接続する」をクリックしてください。
（３）「こちら」をクリックし、fincodeでユーザー登録またはログインをします。
はじめてfincodeをご利用の場合、「新規ユーザー登録をしてテナントに参加」からユーザー登録・メールアドレス認証を行います。
※すでにfincodeのアカウントをお持ちの場合、「fincodeへのユーザー登録済みでテナントに参加する方はこちら」より、fincodeへログインしてください。
「新規ユーザー登録をしてテナントに参加」をクリックしてください。
新規ユーザー登録画面が表示されたら、氏名、メールアドレス、パスワードを入力して[新規ユーザー登録]ボタンをクリックしてください。
[2要素認証 認証アプリの設定]が表示されますので、Google Authenticator, Microsoft Authenticatorなどの認証アプリでQRコードスキャン、または認証コードを入力してください。2要素認証／Authenticator導入手順
※ダッシュボードへのログインには2要素認証と、メール認証が必要になります。
（４）本番環境登録を行い、ショップIDを取得してください。
アカウント登録が完了したら、fincode管理画面にログインし必要情報を入力し、本番環境のアカウント登録を行ってください。申請には、最短４営業日～かかります。
ショップIDが取得できましたので、コピーしてください。
fincode管理画面左上のショップIDの下に「TENANT Click」と表示されていることをご確認ください。
（５）Click Payに接続する＞ショップIDを入力してください。
「OK」を押すと、本番環境の申請に通っていないかたは、再度fincodeログインの画面に遷移します。
申請に通った方は、メールアドレスへの二段階認証が求められます。
fincodeに登録したメールアドレスに認証メールが届いているので、ご確認をお願いします。
Click Pay（本番環境に）に接続完了しました。
テストアカウント環境への接続方法
テスト環境は、ユーザー登録後すぐにご利用いただけます。
※テスト環境と本番環境は同じメールアドレスでご登録いただく必要はございません。
（1）「Click Pay（テスト）に接続する」クリックしてください。
（２）fincodeテスト環境アカウントの新規登録する
①fincodeテスト環境アカウントがない場合はこちらをクリックして、新規ユーザー登録をしてください。
②「新規ユーザー登録をしてテナントに参加」をクリックしてください。
③「テスト環境 新規ユーザー登録画面」が表示されたら、氏名、メールアドレス、パスワードを入力して[新規ユーザー登録]ボタンをクリックしてください。
④アカウントのメールアドレスに認証メールが送られますので、メールを確認して、「OK」ボタンを押してください。
⑤【パソコン】認証するボタンを押して、認証の確認画面が出ますので、最初に設定したパスワードを入力し、「認証」を押してください。
（3）テスト環境の新規ユーザー登録を行い、テストショップIDを取得してください。
アカウント登録が完了したら、TEST MODE のfincodeにログインします。
⑦テスト環境のダッシュボードに遷移します。テストショップIDが取得できましたので、コピーしてください。
（4）Connect Click Pay のShop ID入力
Clickのキャンバス画面に移動し、Connect Click Pay のShop ID入力フォームに入力してください。
Click Pay（テスト）に接続完了しました。
