page icon

Click Pay 設定方法

(2024/07/03)
 
アプリ制作者・運営者は、Click Payを利用して頂く事により、ご自身のアプリに簡単に決済機能を導入することができます。
また、決済履歴はClickの管理画面から確認する事ができます。
現在Click payは、クレジットカードによる都度決済とサブスクリプションに対応しております。
※Click Payは、決済サービス「fincode by GMO」(GMPイプシロン株式会社)との外部連携サービスです(以下「fincode」といいます。)。

目次

fincode連携の設定方法

決済機能をご利用されるにあたり、必ず「本番環境の申請」と「テスト環境の申請」両方の申請を行ってください。

本番環境への接続方法

(1)「Click Pay」エレメントを配置する
エレメントからClick Payエレメントを選択し、ページまでドラッグ&ドロップして、配置してください。(ヘッダータイトルは『支払い』と表示しておきます。)
 
(2)「Click Payに接続する」をクリックしてください。
 
(3)「こちら」をクリックし、fincodeでユーザー登録またはログインをします。
はじめてfincodeをご利用の場合、「新規ユーザー登録をしてテナントに参加」からユーザー登録・メールアドレス認証を行います。
※すでにfincodeのアカウントをお持ちの場合、「fincodeへのユーザー登録済みでテナントに参加する方はこちら」より、fincodeへログインしてください。
 
「新規ユーザー登録をしてテナントに参加」をクリックしてください。
 
新規ユーザー登録画面が表示されたら、氏名、メールアドレス、パスワードを入力して[新規ユーザー登録]ボタンをクリックしてください。 [2要素認証 認証アプリの設定]が表示されますので、Google Authenticator, Microsoft Authenticatorなどの認証アプリでQRコードスキャン、または認証コードを入力してください。2要素認証/Authenticator導入手順 ※ダッシュボードへのログインには2要素認証と、メール認証が必要になります。
 
2要素認証/Authenticator導入手順(fincode)2024/4/15 14:012024/7/3 18:46
(4)本番環境登録を行い、ショップIDを取得してください。
アカウント登録が完了したら、fincode管理画面にログインし必要情報を入力し、本番環境のアカウント登録を行ってください。申請には、最短4営業日~かかります。
 
ショップIDが取得できましたので、コピーしてください。
 
fincode管理画面左上のショップIDの下に「TENANT Click」と表示されていることをご確認ください。
 
(5)Click Payに接続する>ショップIDを入力してください。
 
「OK」を押すと、本番環境の申請に通っていないかたは、再度fincodeログインの画面に遷移します。
申請に通った方は、メールアドレスへの二段階認証が求められます。
fincodeに登録したメールアドレスに認証メールが届いているので、ご確認をお願いします。
 
 
 
Click Pay(本番環境に)に接続完了しました。
 
 

テストアカウント環境への接続方法

 
テスト環境は、ユーザー登録後すぐにご利用いただけます。
※テスト環境と本番環境は同じメールアドレスでご登録いただく必要はございません。
 
(1)「Click Pay(テスト)に接続する」クリックしてください。
 
(2)fincodeテスト環境アカウントの新規登録する
①fincodeテスト環境アカウントがない場合はこちらをクリックして、新規ユーザー登録をしてください。
 
②「新規ユーザー登録をしてテナントに参加」をクリックしてください。
 
③「テスト環境 新規ユーザー登録画面」が表示されたら、氏名、メールアドレス、パスワードを入力して[新規ユーザー登録]ボタンをクリックしてください。
 
④アカウントのメールアドレスに認証メールが送られますので、メールを確認して、「OK」ボタンを押してください。
 
 
⑤【パソコン】認証するボタンを押して、認証の確認画面が出ますので、最初に設定したパスワードを入力し、「認証」を押してください。
 
(3)テスト環境の新規ユーザー登録を行い、テストショップIDを取得してください。
アカウント登録が完了したら、TEST MODE のfincodeにログインします。
 
⑦テスト環境のダッシュボードに遷移します。テストショップIDが取得できましたので、コピーしてください。
 
(4)Connect Click Pay のShop ID入力
Clickのキャンバス画面に移動し、Connect Click Pay のShop ID入力フォームに入力してください。
 
Click Pay(テスト)に接続完了しました。
 
 
 
決済の設定方法2024/4/16 6:152024/7/5 14:17Click Pay設定時の注意点2024/7/3 2:392024/7/4 9:07Click Payの決算手数料について2024/7/3 18:002024/7/4 11:49