決済サイトの作成方法

「自社サイトで商品やサービスの代金を受け取れるようにしたい（＝決済サイトを作りたい）」という方へ。
サブスクペイなら、次の2つの組み合わせで決済サイトを作成できます。

①サブスクペイ Professionalで、ノーコードでサイト（会員サイト・申込フォーム・会員ページ）をオリジナルドメインで作成する。
②そのサイトに、リンク決済（HTMLリンク方式）またはトークン決済（トークン方式）で決済フォームを設置する。
これにより「自社サイト上でそのまま決済が完結する＝決済サイトが完成」します。

すでに自社サイトをお持ちの場合は、②の決済フォーム設置だけで既存サイトを決済サイトにできます。
このページでは、その具体的な作成方法・手順・料金・セキュリティ・実装サンプルコードを解説します。

決済サイトとは？サブスクペイで作る2つの構成要素

決済サイトとは、自社サイト上で代金の支払いを受け付けられる仕組みを備えたサイトのことです。

サブスクペイで決済サイトを作る場合、必要な構成要素は次の2つです。
（1）サイト本体（商品・サービスの紹介や申込を受け付けるページ）
（2）決済フォーム（実際にクレジットカードなどで支払いを受け付ける部分）

サブスクペイでは、(1)をノーコードで作れる「サブスクペイ Professional」と、(2)を実現する「リンク決済（HTMLリンク方式）／トークン決済（トークン方式）」の両方を提供しているため、決済サイトを完成させられます。

【要素1】サブスクペイ Professionalでノーコードでサイトを作成する

サイトをこれから用意する場合は、サブスクペイ Professionalを使えば、プログラミングの知識がなくても、ドラッグ＆ドロップで直感的に、Webサイト・決済と連動した申込フォーム・会員ページを、オリジナルドメインで用意できます。複数のテンプレートが用意されており、今すぐに会員サイトを開設できます。

申込・顧客情報は会員データベースにリアルタイム反映

申込フォームから登録されたユーザーの情報は、会員データベースにリアルタイムで反映されます。契約状況・支払い状況・行動履歴まで一元的に把握でき、決済と顧客管理を分断せずに運用できます。

マイページで契約変更・カード情報変更・解約までセルフ化

お客様（エンドユーザー）には専用のマイページが提供され、契約内容の確認、利用内容の変更、契約商材の追加、カード情報の変更、解約処理などをお客様自身で行えます。これにより、毎月発生する大量の変更手続きの手間を限りなくゼロに近づけられます。

【要素2】リンク決済／トークン決済で決済フォームを設置する

サイト（【要素1】で作成したサイト、または既存の自社サイト）に決済フォームを設置することで、自社サイト上で決済ができるようになります。
サブスクペイは安全性の高い接続方式に対応しており、決済情報入力画面のカスタマイズや、複数方式の組み合わせも可能です。自社サイトへの決済フォーム設置には、主に次の2つの方式が適しています。

リンク決済（HTMLリンク方式）：埋め込むだけで決済フォームを設置

リンク決済（HTMLリンク方式）は、HTMLリンクをWebサイトに埋め込むだけで決済を行える決済サービスです。
仕組みとしては、店舗IDや金額などの必要情報をパラメータとしてサブスクペイのサーバーに送信することで、専用の決済フォームが呼び出され、カード情報や個人情報はサブスクペイのサーバー上で入力・管理されます。
そのため導入企業はカード情報・個人情報を保持する必要がなく、特別なソフトウェアや機材も不要で、HTMLの知識があれば簡単に導入できます。住所やメールアドレスなどの自由入力項目も設定でき、拡張性が高いのが特長です。

トークン決済（トークン方式）：カード情報非通過で安全に決済

トークン決済（トークン方式）は、お客様（エンドユーザー）が入力したクレジットカード情報をサブスクペイのサーバーに送信し、トークン（別の文字列）に変換したうえで決済を行う、クレジットカード情報非通過型の決済サービスです。加盟店はクレジットカード情報に触れることなく決済を実施でき、3Dセキュア2.0（EMV 3-Dセキュア）認証も組み込まれます。これは、クレジット取引セキュリティ協議会が取りまとめた実行計画で推奨されている処理方法の一つです。実装方法には、決済画面をポップアップ表示する「ポップアップ方式」と、カード入力欄を自社サイト内にデザインできる「カスタマイズ方式」があります。

トークン決済の実装サンプルコード（ポップアップ方式）

HTML

<head>
  <meta charset="utf-8" />
  <script type="text/javascript" src="https://credit.j-payment.co.jp/gateway/js/jquery.js"></script>
  <script type="text/javascript" src="https://credit.j-payment.co.jp/gateway/js/CPToken.js"></script>
  <script type="text/javascript" src="https://credit.j-payment.co.jp/gateway/js/EMV3DSAdapter.js"></script>
</head>
<form id="mainform" method="POST" action="https://credit.j-payment.co.jp/gateway/gateway_token.aspx">
  <input type="hidden" value="000000" id="aid" name="aid"><!-- 店舗ID -->
  <input type="hidden" value="" id="rt" name="rt">
  <input type="hidden" value="1000" id="am" name="am"><!-- 商品金額 -->
  <input type="hidden" value="0" id="tx" name="tx"><!-- 税金額 -->
  <input type="hidden" value="0" id="sf" name="sf"><!-- 送料 -->
  <input type="hidden" value="sample@sample.com" id="em" name="em">
  <input type="hidden" value="0300000000" id="pn" name="pn">
  <input id="tkn" name="tkn" type="hidden" value=""><!-- トークン作成後に値がセットされる -->
  <div id="CARD_INPUT_FORM"></div><!-- トークン入力ポップアップ表示用 -->
  <div id="EMV3DS_INPUT_FORM"></div><!-- 3Dセキュア表示用 -->
  <input type="button" value="購入する" onclick="doPurchase()" />
</form>

JavaScript

// 1. クレジットカードトークンの作成
function doPurchase() {
  CPToken.CardInfo({ aid: '000000' }, execAuth);
}
// 2. 3Dセキュア2.0認証
function execAuth(resultCode, errMsg) {
  if (resultCode != "Success") {
    window.alert(errMsg);
  } else {
    ThreeDSAdapter.authenticate({
      tkn: $("#tkn").val(), aid: '000000',
      am: 1000, tx: 0, sf: 0,
      em: 'sample@sample.com', pn: '0300000000'
    }, execPurchase);
  }
}
// 3. 決済処理の実行
function execPurchase(resultCode, errMsg) {
  if (resultCode != "Success") {
    window.alert(errMsg);
  } else {
    $("#mainform").submit();
  }
}

※店舗ID（aid）は契約時に発行される6桁の番号に置き換えます。
決済リクエストの送信先はhttps://credit.j-payment.co.jp/gateway/gateway_token.aspx です。
カード情報を加盟店サイトに保持・通過させずに決済でき、3Dセキュア2.0認証も標準で組み込まれます。
カード入力欄を自社サイト内にデザインしたい場合は「カスタマイズ方式」も利用できます。

サブスクペイで決済サイトを作成する手順

サブスクペイで決済サイトを作成・公開するまでの手順は、次のとおりです。

STEP1：申し込みと審査

まずサブスクペイに問い合わせ、クレジットカード決済の審査を受けます。
サブスクペイのクレジットカード決済サービスは、最短5営業日（審査期間：最短3営業日）で導入できます。決済代行サービスとして、カード会社との手続き（加盟店申請業務・決済データ処理・売上代金回収）をすべて代行します。

STEP2：サイトを用意する（ノーコード作成 or 既存サイト活用）

サイトがない場合は、サブスクペイ Professionalのノーコード機能で、会員サイト・申込フォーム・会員ページをオリジナルドメインで作成します。すでに自社サイトをお持ちの場合は、そのサイトをそのまま活用し、次のSTEP3で決済フォームを設置します。

STEP3：決済フォームを設置する

サイトに、リンク決済（HTMLリンク方式）またはトークン決済（トークン方式）で決済フォームを設置します。手軽に設置したい場合はリンク決済、より自社サイトに溶け込ませてカード情報非通過で実装したい場合はトークン決済が適しています。この設置により、自社サイト上で決済が完結する状態になります。

STEP4：テスト後に公開

決済が正しく完了するか、決済完了の通知メールが届くか、管理画面に売上が反映されるかを確認したうえで、本番公開します。継続課金を行う場合は、課金周期や課金日などの設定もこの段階で確認します。

サブスクペイの料金（決済サイトの導入・運用コスト）

サブスクペイProfessionalのクレジットカード決済サービスの料金は、初期費用・月額費用・決済手数料・トランザクション費用・取消処理料で構成され、カード決済手数料は業界最安水準の2.5%〜、トランザクション費用は7円/件です（初期費用・月額費用・取消処理料は都度お見積り）。
自動リトライ（1週間ごとに2回まで）・カード有効期限切れ通知・柔軟な課金設定などの継続課金のコア機能は、追加のオプション費用をかけずに標準で利用できます。

サブスクペイで決済サイトを作るメリット

サブスクペイで決済サイトを作成すると、安全性・自動化・対応決済手段の面で次のメリットがあります。

カード情報を保持しないから安全（非保持・非通過）

リンク決済ではカード情報・個人情報をサブスクペイ側で管理し、トークン決済ではカード情報が加盟店を通過しません。
サブスクペイはPCI DSS 4.0.1（最新版）に準拠しており、加盟店はカード情報を自社で保持することなく決済を導入できるため、セキュリティ対策のコストと負担を大幅に軽減できます。
また3Dセキュア2.0（EMV 3-Dセキュア）を追加料金0円の標準機能として提供しています。

継続課金・サブスクを完全自動化

課金周期は毎週・隔週・毎月・隔月・3ヶ月・半年・毎年から選択でき、課金日（1〜31日）も指定できます。残高不足などで決済が失敗した場合は1週間ごとに2回まで自動でリトライし、未収率を1%以下まで改善できます。カード有効期限切れ前の更新案内メールや、契約の自動更新もできるため、更新手続きの手間がかかりません。これらは追加費用なしの標準機能です。