課金システムの作り方

2023.08.14

Webサービスを提供する事業者様や、物販のEC展開を考えている事業者様は、オンライン上で課金システムを構築する必要があります。

ECモール型のプラットフォームに出店することで商品販売を始めるという手段もありますが、無形商品の販売や定期課金の実装はできないといった制約を受けることがあります。そのため全てのサービスや商品販売に適しているとはいえません。

特に、シンプルな物販ではない無形商品やサービスを販売される場合、自社のサービス内容に合わせて柔軟にカスタマイズができる課金システムを導入したいと考えるケースが多いのではないでしょうか。

また、手数料や管理面、顧客動向分析などを考慮し、極力自社でネットショップ運営をしたいという企業様も多くいらっしゃいます。

そこで今回は、ネットショップ運営をお考えの方に

  • 自社でネットショップ運営をする場合の課金システムの2通りの導入方法
  • 2種類の決済方式
  • PAY.JPでトークン方式の課金システムを実装する方法

についてご紹介していきます。

自社でネットショップを運営する際の課金システムの作り方は2通り

課金システムの作り方

自社でネットショップを開設・運営するにあたっては、さまざまな課金システムの選択肢があります。

今回は、自社でネットショップを運営する場合の課金システムの作り方を、大まかに2通りに分けてご紹介します。

  1. カートや在庫管理機能などが用意されたサービスを利用する
  2. 決済APIを自社サイトに組み込み、課金システムを作成する

カートや在庫管理機能などが用意されたサービスを利用する

決済業界では「ストアフロント型」「ASP型」とも呼ばれるもので、ネットショップを開設できるサービスを利用して、サイトと課金システムをまとめて作る方法です。

たとえば「BASE」や「Shopify」「STORES」などがこれにあたります。

これらのサービスの特徴はなんといっても、開発力不要で誰でも簡単にネットショップが作れることです。

ネットショップ+課金システムがセットで提供されているため、サイト開設をしてから別途課金システムを組み込むといった必要がありません。

また、カート機能や在庫管理機能など、ネットショップの運営に必要な機能はすべて用意されています。既存のサービス下でサイトを作成するため自由度は下がりますが、カスタマイズ機能などがあるところも多く、十分おしゃれなオリジナルのネットショップを作ることができます。

専門知識は不要で、クオリティの高いECサイトおよび課金システムを作れますので、技術力に不安がある場合や、開発コストを抑えつつ自社運営でネットショップを作成したい方などに最適です。

ただし、基本的には有形物を扱うことが想定されているサービスのため、無形商品の取り扱いは不可であることも多く、ある程度の制約があります。

決済APIを自社サイトに組み込み、課金システムを作成する

次に、決済APIを自社サイトに組み込み、課金システムを導入する方法です。

「フルスクラッチ型」とも呼ばれる方法で、すでに自社で運用しているサイトやアプリなどに課金システムを組み込みます。

フルスクラッチ型の特徴は、サイトも管理機能も決済部分も全て自社で作成することになるため自由度が高く、売上を最大化するためのECサイトを作りやすいことです。

ただし、決済APIを自社サイトやアプリに組み込む部分だけでなく、顧客情報の管理機能やデータベースなども自社で管理・作成することになるため、比較的高い開発力が必要となります。そのため導入コストはストアフロント型に比べると高くなるケースが一般的です。

その分メリットもたくさんあります。

たとえば商品・サービスの販売に関わるすべてのデータを自社で管理し、効果測定を行って素早くサイトの課題を発見、改善のテストを行うことができます

また、事前に用意された機能などが少ない分、ストアフロント型と比べると決済ごとの手数料が低いケースが多く、ランニングコストを抑えることも可能です。

開発力がある程度あり、サービス内容や課金サイクルに合わせて柔軟にサイトや課金システムを作成したい場合は、自社開発のフルスクラッチ型が適しています。

2種類の決済方式|画面遷移でコンバージョン率が変わる

課金システムの作り方

ネットショップでの決済に欠かせないのがクレジットカード決済です。

基本的にどの決済代行会社でもクレジットカード決済は用意されていますが、その決済方式は異なる場合があります。

クレジットカード決済は、以下2種類の決済方式に分けられます。

  1. リンク方式
  2. トークン方式

カード決済の際の画面遷移でコンバージョン率が変わることもあります。そのためフルスクラッチ型で自社開発をする場合は、決済代行会社がいずれの決済方式に対応しているか事前に確認しておくことをおすすめします。

①リンク方式

リンク方式は購入者が事業者の商品・サービスを購入する際、決済代行会社の提供する別サイトへ移動して決済を行う方式です。

購入手続きは決済代行会社で直接的に行われますので、高いセキュリティ体制で商品・サービスの販売ができます。

またリンク方式はサイト内にリンクを埋め込んだボタンを設置するだけですので、簡単に決済システムを導入できることが特徴です。

しかし、購入者からすれば別サイトに移動して決済を行う必要があるので、購入時の統一感がなく違和感を覚えることもあります。

画面遷移によって購入意欲を冷めさせてしまい、購入率が低下する可能性があります。

②トークン方式

トークン方式はクレジットカード情報を保護して、なおかつほとんど画面遷移なしで決済を行う方式です。

トークン方式の決済の流れは次の通りです。

  1. 購入者がサイト内でカード情報を入力
  2. カード情報はサイトのドメインを経由せず、決済代行会社へ送信
  3. 決済代行会社がカード情報を暗号化(トークン化)してサイトへ送信
  4. サイトがトークンおよび決済情報を決済代行会社へ送信して与信審査
  5. 決済代行会社がトークンをカード情報に復号し、カード会社へ送信・与信依頼
  6. カード会社がサイトを通して購入者へ与信結果を送信・決済完了

ごく基本的なPAY.JPの使い方(Ruby編)

事業者様は購入者のカード情報を閲覧したり、保持したりすることがないため、高いセキュリティ体制で商品・サービスの販売が行えます。

またトークン方式はサイトやアプリ上に決済フォームを埋め込むことができます。

購入する方からすれば画面遷移せずに決済が行えますので、商品の購入から決済完了まで違和感なく行っていただけます。

システム実装にはソースコードの構築が必要ですので、少々手間はかかりますが、トークン方式はデザイン性と操作性の高い決済方式です。

なお、弊社の決済代行サービス「PAY.JP」は、トークン方式の決済を簡単に実装できる仕様となっています。

業界最低水準の手数料(2.59%~)で簡単導入できる決済サービス

今すぐ無料で始める

PAY.JPでトークン方式を導入するには

PAY.JPを使ってサイトにトークン方式を導入する方法には、次の2通りがあります。

PAY.JP Checkoutを利用する

PAY.JP Checkout(以下、チェックアウト)は、簡易的にトークン方式の決済フォームを実装いただけるライブラリです。

【チェックアウトの特徴】

  • <script> タグ一行で実装可能
  • デザイン済みのWeb決済フォーム

<script> タグ一行で、デザインされた決済フォームや、カード情報のバリデーションなどを自社サイトに組み込んでいただけます。

すぐにクレジットカード決済が行えるようになりますので、スピード感や導入の簡単さを重視される事業者様によくご利用いただいております

利用可能なカードブランドのみロゴマークが表示されますので、その部分の実装も不要です。

ただし、チェックアウトは「Powered by PAY.JP」という表記がありデザインも固定となります。

自社サイトに合わせたデザインにされたい、PAY.JPロゴを表示させたくないといった場合は、payjp.jsをご利用ください。

payjp.js v2を利用する

payjp.js v2は自由にカスタマイズした決済フォームを生成するライブラリです。

【payjp.js v2の特徴】

  • カード情報のトークン化のみに特化
  • デザインや挙動を好きなものにカスタマイズ可能

payjp.js v2をうまく活用すればユーザー体験として違和感なく決済フォームへ誘導できるほか、「Powered by PAY.JP」という表記もありません

チェックアウトと比べてシステム実装に工数がかかりますが、よりオリジナリティの高い決済フォームを実装するならpayjp.js v2のご利用がおすすめです。

https://pay.jp/docs/cardtoken

課金システムの代行サービスならPAY.JP|iOSアプリにも対応

課金システムの作り方

PAY.JPは、フルスクラッチ型にあたります。

各事業者様で決済APIの組み込みやサイトの開発が必要ですが、比較的安い価格で、高セキュリティで柔軟な課金システムを導入していただける決済代行サービスです。

通常、クレジットカード決済を導入するためには1ヶ月程度の時間がかかりますが、PAY.JPの多くの場合、3〜4営業日で審査を完了できます

アカウント登録後はAPIキーを取得できますので、審査の段階でテスト開発ができ、スピーディにカード決済を導入いただけます。

またPAY.JPはWebサイトだけでなく、iOSアプリやAndroidアプリにも決済システムを導入することができます。

「PAY.JP iOS SDK」「PAY.JP Android SDK」をアプリのソースコードに組み込めば、事業者様のサーバーでカード情報を扱うことなく支払い処理が行えます。

アプリ内にクレジットカード決済を導入する方法についてはこちらの記事でご紹介しています。

Webサイトのほかに、アプリの提供を検討されている事業者様はぜひご確認ください。

PAY.JPの使い方!ECサイトやアプリに決済フォームが作れる

課金システムの作り方

PAY.JPは以下の流れで決済フォームを作成します。

  1. アカウント登録
  2. 本番利用申請
  3. APIの組込み
  4. PAY.JP SDK

1.アカウント登録

まずはPAY.JPの公式HPからアカウントを作成します。

アカウント作成後、すぐにテスト環境や管理画面をご利用いただけます。

テスト用のカード番号もありますので、さまざまな挙動を事前にご確認いただけます。

2.本番利用申請

アカウント作成して管理画面にログインしたら、本番利用申請を行ってください。

申請後にカード会社の審査を行いますので、最短で3〜4営業日ほどで「VISA」「MasterCard」の決済が本番環境で利用できるようになります。

お申し込み・利用・審査について

3.APIの組込み

本番利用申請を行ったら、自社のサイトにAPIを組込みましょう。

ドキュメントやAPIリファレンスをご用意しておりますので、そちらを参考にしながら開発を進めてください。

PAY.JPは会員登録後すぐにテスト環境の利用が可能となります。ス

カード会社の審査期間中にテストを実施し、審査が完了次第、スムーズに本番環境へ移行することが可能です。

4.PAY.JP SDK

アプリに決済フォームを導入されたい場合は、PAY.JP SDKのご利用がおすすめです。

PAY.JPはAndroidやiOSアプリに決済システムを導入される方に向けて、「PAY.JP SDK」をご用意しております。

SDKの提供する「カード情報のトークン化」機能を利用することで、カード情報を事業者さまのサーバで扱うことなく支払い処理を行うことができます。

PAY.JPの評判|導入事例と良かった点・改善を望む点について調査

課金システムの作り方

ここからは、実際にPAY.JPを利用している事業者様の導入事例について見ていきましょう。

事例 Weddingday|結婚式・二次会のWeb招待状を無料で作成できるサービス

課金システムの作り方

株式会社canonica様が提供する、ウェディング関連のサービス「Weddingday」の決済システムとしてPAY.JPをご利用いただいております。

Weddingdayは結婚式や二次会のWeb招待状を無料で作成できるサービスです。

Web招待状サービスをご利用の方には結婚式2次会の出張写真撮影サービス「Weddingday Photo」も提供されています。

PAY.JPを選んだ決め手となったのは、「スピーディに開発が可能であり、また決済手数料が安かったため」とのことです。

また、PAY.JPを利用して利用してよかった点/改善を望む点についてお聞きしたところ、以下のような回答をいただきました。

「基本的に満足していますが、管理画面の機能がもう少し拡充されると(一覧の表示項目が選択できる、など)、より嬉しいです。」

PAY.JPはスピード感を持って決済システムを導入いただくことが可能です。

シンプルかつスピーディに決済システムを導入したい事業者様はPAY.JPをご検討されてみてはいかがでしょうか。

一方で、管理画面の機能拡充に関してご指摘をいただきました。

今後より便利にサービスをご利用いただけるよう、改善に努めさせていただきます。

【PAY.JP導入事例】株式会社canonica様

事例 KJUS|スポーツウェアブランドのECサイト

課金システムの作り方

株式会社ノースブレイン様が運営するオンラインショップの決済システムとしてPAY.JPをご利用いただいております。

本サービスは、スイス発の高級スポーツウェアブランド「KJUS」の日本正規販売代理店です。

決済代行サービスとして、PAY.JPを選んだ決め手となったのは、「PAY.JPは決済手数料も選択でき、サービスもシンプルでわかりやすかったため」とのことです。

また、PAY.JPを利用して利用してよかった点/改善を望む点についてお聞きしたところ、以下のような回答をいただきました。

「売上が期間毎にグラフで見ることができ、見やすくて助かっています。問い合わせに対する回答も早く的確で良いと思いました。」

PAY.JPはシンプルな操作性が特徴で、多くの事業者様からご好評いただいております。

学習コストを抑えて手軽に使える決済システムの導入をお考えの事業者様は、ぜひPAY.JPの利用をご検討ください。

【PAY.JP導入事例】KJUS

まとめ

課金システムの作り方

最後に、記事の内容をまとめます。

  • 自社でサイト運営をする際の課金システムの作り方は主に「ストアフロント型」「フルスクラッチ型」の2通り
  • フルスクラッチ型の決済方式は「リンク方式」「トークン方式」の2通り
  • トークン方式は画面遷移なしでセキュリティも高い
  • PAY.JPならトークン方式の課金システムを簡単に実装できる

PAY.JPは各種決済代行サービスの中でも、シンプルな操作性とシステム実装の簡易性が特徴です。

クレジットカード決済を中心として、手軽にオンライン決済のシステムを実装されたい事業者様はぜひPAY.JPをご検討ください。

業界最低水準の手数料(2.59%~)で簡単導入できる決済サービス

今すぐ無料で始める

資料請求

この資料で分かること

  • PAY.JPのサービス概要と機能、導入のメリット
  • 料金体系や導入事例、セキュリティ対応

例:〇〇株式会社 または 山田太郎

例:山田太郎

例:example@example.com

プライバシーポリシー をお読みの上、同意して送信してください。
メールの配信停止はメール下部「配信停止」ボタンより行うことができます。