2. 試しに決済ページを作ってみる

まずはAppsで実際に決済フォームを作ってみて使い勝手を確認してください。Appsでは決済フォームのことを「プラン」と呼んでいます。作ったプランはそのまま本番で使うことができるので本番で使うつもりで作成することをオススメします。

まずはAppsのトップページをブックマークしよう

ログインページを忘れないようにまずは https://theapps.jp/ をブックマークしましょう。

自分の管理画面に「決済ページ作成」をインストールしよう

Appsは拡張機能を自分の管理画面にインストールして使います。まずは「決済ページ作成」をインストールしてみましょう。

インストール方法

Apps管理画面にログイン

ログインページを直接ブックマークしてはいけない

ログインページのURLは今後システムアップデートなどで変わる場合があります。ブックマークは必ずApps公式サイトのトップページにお願いします。

サイドメニュー「他の機能を追加＋」をクリック

「決済ページ作成」をインストール

サイドメニューに「決済ページ作成」が表示されます

作れる決済プランは大きく分けて3種類

サイドメニューの「決済ページ作成」をクリックすると下記のようなサブメニューが表示されます。

サブメニューの説明

プラン一覧ページの見方

ここでは「1回払い」で解説します。サイドメニューの「1回払い」をクリックすると下記のような画面が表示されます。

①マニュアルリンク

操作に悩んだらまずはここをクリックしてみましょう。マニュアルページが開きます。

②アラート・注意書き

この機能を使う上での注意点やシステムエラーが表示されます。例えば今はまだ決済代行会社とのシステム連携が完了していないので「StripeやUnivaPayと連携してくださいね」というアラートが出ています。赤字で書かれているのはそれだけ重要なことが書かれています。必ず確認しましょう。

③プラン作成ボタン

ここから決済ページを作成します。

プランを作ってみよう

プラン作成ボタンをクリックするとプラン作成画面が表示されます。

メインエリアについて(基本情報)

決済ページの基本情報を入力する部分です。

①環境

「本番」と「テスト」があります。現時点では本番環境ではまだ作れませんので必ず作成フォームで「テスト」を選択してください。「テスト」は顧客が決済しても売上にはならないのでご注意ください。

②カード決済プラットフォーム

「Stripe」や「UnivaPay」など、Appsと連携して使うカード決済プラットフォームを選択します。利用を予定しているカード決済プラットフォームを選択しておいてください。

③請求先住所を入力させる(Stripe)

決済ページで顧客に請求先住所を入力させることができます。一般的に入力項目が多ければ多いほど顧客の離脱率は上がりますが、Stripeにおいては請求先住所を入力させることでアカウント凍結リスクを下げることができます。詳細はこちら

④販売者名

決済ページに表示される販売者名です。顧客に分かりやすいようにクレジットカードの明細と揃えてください。

⑤商品名

商品の名称です。決済ページに表示されます。今回はテストですが、そのまま本番でも使えますので1回払いの商品を販売予定の商品の名前を入力してください。使わない場合は「テスト商品」とかでOKです。

⑥ラベル

あなたが管理用につけれる項目です。例えば商品名が同じプランを2つ以上作る場合などこのラベルにメモを残しておくことで判別がしやすくなります。（例：キャンペーン用）

⑦価格(税込み価格)

商品の価格です。今回はテストですが、そのまま本番でも使えますので1回払いの商品を販売予定の商品の価格を入力してください。使わない場合は100円とかでOKです。

サブエリアについて(拡張機能)

メインエリア直下にある「拡張機能の設定をする」をクリックするとサブエリアが表示されます。こちらを設定すると決済ページをより便利に使うことができます。

こちらは特に設定しなくても決済ページを作成することができます。拡張機能の使い方については各マニュアルをご確認ください。

PayPalプラス

決済ページで顧客にカード決済かPayPal決済かを選択させたい場合はチェックを入れます。事前にAppsとPayPalを連携させる必要があるのでここではチェックを入れないでください。

銀行振込

Stripe、UnivaPayからそれぞれ提供しているオプション機能「オート銀行振込」を利用する場合はチェックを入れます。こちらもPayPal同様事前の設定が必要なのでここではチェックを入れないでください。

領収書のメールアドレス

決済完了メールや顧客用マイページ(会員サイト作成を利用している場合)から顧客がダウンロードできる領収書(PDF形式)内に記載するメールアドレスです。すぐに連絡が取れるメールアドレスを記載してください。初期設定ではApps管理画面にログインするメールアドレスが記載されています。

作成ボタンをクリックして決済ページ作成完了

作成したプランを確認しよう

プラン作成が完了するとプラン一覧ページに表示されます。

一覧ページにのみ表示される項目について説明します。

①決済フォームURL

決済ページのURLです。URLの右に表示されているアイコンをクリックすると自動的にURLをコピーできます。顧客に渡す場合は必ずこの一覧ページに表示されているURLを渡してください。URLをクリックするとURLが変化し、一度決済すると利用できなくなる使い捨ての決済ページになりますのでご注意ください。

②編集／CSVダウンロード

編集

クリックするとプラン編集画面が表示されます。

複製

クリックするとプランを複製できます。

顧客

クリックすると購入者の顧客データが表示されます。

CSVダウンロード

クリックすると顧客データをCSV形式でダウンロードできます。

よくあるご質問

以上