フォームを使用して支払いを回収
更新日時 2026年7月27日
フォームを送信すると自動的に訪問者を決済ページにリダイレクトすることで、支払いを回収できます。この機能を使うと、フォームの変換や支払いのプロセスを効率化できます。訪問者がフォームを送信したときに、すべての訪問者を特定の 支払いリンク に誘導します。また、 Content Hub 、 Marketing Hub Professional 、Enterprise サブスクリプションの場合は、条件付きロジックを使用して、フォーム回答に基づいて訪問者を異なる支払いリンクにリダイレクトします。
例えば、イベント登録フォームがある場合、訪問者が選択したイベントに基づいて特定の支払いリンクに誘導することができます。フォームが送信されると、コンタクトの支払いステータスがフォームフォーム送信データとともに表示されます。
この機能を使用すれば、 Stripe決済処理 または HubSpotの決済機能を介して支払いを回収できます。
サブスクリプションが必要 HubSpotの決済機能を使用するには、Starter、Professional、またはEnterprise のサブスクリプションが必要です。 Stripe決済処理 は全てのサブスクリプションで提供され、 一部の例外を除き、各国でご利用いただけます。
アクセス権限が必要
始める前に
支払いフォームを作成する前に、で支払いリンクを作成してください。。
フォームに支払いリンクを追加
訪問者がフォームに記入したときに 支払いリンク に誘導することで、訪問者はチェックアウトページから支払いを行うことができます。「」で、の購入者向けチェックアウト体験について詳しくご覧ください。
支払いリンクを追加する手順は、の更新版()を使用しているか、の旧形式のエディタ()を使用しているかによって異なります。
更新されたフォームエディタを使用してください
-
HubSpotアカウントで、[その他]をクリックし、[マーケティング]>[フォーム]の順に進みます。アカウントに[その他]が表示されない場合は、[マーケティング]>[フォーム]に直接移動します。
- 新しいフォームを作成する か、既存のフォームにマウスポインターを合わせて、[編集]をクリックします 。
- 左上の siteTreeIcon コンテンツアイコンをクリックします。
- 左側のパネルで[ 送信]をクリックします。
- 左側のパネルの[ 送信時]で、[ ページにリダイレクト]、URL、[ミーティング]、または[支払いリンク]を選択します。
- ドロップダウンメニューから[ 支払いリンク]を選択します。後続の ドロップダウンメニューで、訪問者がフォームを送信した後にリダイレクトされる 支払いリンク を選択します。
- 右上の[確認および更新]をクリックして、変更内容を公開中のフォームに公開します。
従来のフォームエディタを使用する
- HubSpotアカウントで、[その他]をクリックし、[マーケティング]>[フォーム]の順に進みます。アカウントに[その他]が表示されない場合は、[マーケティング]>[フォーム]に直接移動します。
- 右上の[フォームを作成]をクリックします。
- [旧バージョンのフォームエディター]を選択し、右上の[ 次へ]をクリックします。
- 空白のフォームから始める場合は [空白のテンプレート ]を選択し、または [支払い テンプレート]を選択します。
![HubSpotのフォーム作成画面で[支払いテンプレート]オプションが強調表示されている画面](https://53.fs1.hubspotusercontent-na1.net/hub/53/hubfs/image-png-Mar-03-2023-07-42-50-5545-AM.png?width=300&height=363&name=image-png-Mar-03-2023-07-42-50-5545-AM.png)
- 右上の「スタート」をクリックします。
- 支払いリンクを設定するには、次の手順に従います。
- 支払い テンプレートを選択した場合、フォームの支払いリンクオプションに自動的にリダイレクトされます。
- フォームをゼロから作成する場合は、左サイドバーメニューで[ 支払い ]スイッチをオンに切り替えてから、[ 支払いリンクを選択]をクリックします。
![[支払い]スイッチがオンに切り替わった状態で[支払いリンクを選択]ボタンが表示されたHubSpotフォームエディター](https://53.fs1.hubspotusercontent-na1.net/hub/53/hubfs/image-png-Mar-03-2023-08-40-06-8282-AM.png?width=500&height=208&name=image-png-Mar-03-2023-08-40-06-8282-AM.png)
- [ 支払いリンクを選択 ]ドロップダウンメニューをクリックし、 支払いリンクを選択します。
- 支払いリンクのラベルを入力します。
- 別の支払いリンクを追加するには、+オプションを追加するをクリックします。
- 支払いリンクのラベルを編集するには、[edit 編集]をクリックします。
- 支払いリンクを削除するには、リンクの上にマウスポインターを置き、[ 削除]をクリックします。
![支払いリンクと1つのリンクの[削除]オプションを表示する従来のフォームエディター。](https://53.fs1.hubspotusercontent-na1.net/hub/53/hubfs/Knowledge_Base_2023-24-25/legacy-forms-payment-link-remove.png?width=400&height=359&name=legacy-forms-payment-link-remove.png)
- 支払いリンクを並べ替えるには、dragHandle ドラッグハンドルを使用して支払いリンクをクリックし、ドラッグします。
- 支払いリンクをアルファベット順に並べるには、「並べ替え」をクリックします。
- フォームで支払いリンクを事前に選択するには、支払いリンクの横にある ラジオボタンをクリックします 。
- 支払いリンクフィールドで事前選択済みのオプションをクリアするには、[ 事前選択済みをクリア]をクリックします。
- 支払いリンクをセットアップしたら、 フォームのセットアップに進みます。
訪問者がフォームを送信する際、送信に使用する支払いリンクを選択することができます。HubSpotが フォーム送信データを取得すると、該当するチェックアウトページにリダイレクトされ、訪問者は購入を完了できます。購入者のご注文の確認について詳細をご確認ください。
ご注意:支払いフィールドは、プログレッシブ、、または依存のフィールドロジックを使用して、非表示にしたり設定したりすることはできません。
条件付きロジックを使用して支払いリンクを追加
サブスクリプションが必要 フォームに条件付きロジックを追加するには、「 Marketing Hub 」または 「Content Hub 」の「Professional」または「Enterprise 」サブスクリプションが必要です。
更新されたフォームエディタを使用して、訪問者の回答内容に応じて特定の支払いリンクへリダイレクトしてください。
-
HubSpotアカウントで、[その他]をクリックし、[マーケティング]>[フォーム]の順に進みます。アカウントに[その他]が表示されない場合は、[マーケティング]>[フォーム]に直接移動します。
- 新しいフォームを作成する か、既存のフォームにマウスポインターを合わせて、[編集]をクリックします 。
- 左上の workflows ロジックアイコンをクリックします。
- 左側のパネルで[ ロジックを追加]をクリックします。
- [ロジック ]セクションで、条件付きロジックルールを設定します。
- [If フィールド]のドロップダウンメニューをクリックして、条件ロジックに使用するフォームフィールドとフィルター演算子 を選択します。
- [THEN]ドロップダウンメニューをクリックし、[支払いリンク]を選択します。
- 後続のドロップダウンメニューで、 訪問者がフォームを送信した後にリダイレクトされる支払いリンクを選択します。
- をクリックし、を保存して有効化してください。
でフォームに条件分岐ロジックを追加する方法の詳細については、 をご覧ください。
![フォームエディターで[ロジック]タブが表示されているスクリーンショットスクリーンショットは、[イベントの場所]フィールドがニューヨークの場合の支払いリンクへのリダイレクトを示しています。](https://53.fs1.hubspotusercontent-na1.net/hub/53/hubfs/Knowledge_Base_2023-24-25/KB-Forms/forms-add-payment-link-to-conditional-logic.png?width=450&height=506&name=forms-add-payment-link-to-conditional-logic.png)
フォーム送信と支払いステータスを確認する
訪問者がフォームを送信して購入を完了すると、その支払いステータスがフォームフォーム送信データに表示されます。
-
HubSpotアカウントで、[その他]をクリックし、[マーケティング]>[フォーム]の順に進みます。アカウントに[その他]が表示されない場合は、[マーケティング]>[フォーム]に直接移動します。
- 既存のフォームにマウスポインターを置き、[ アクション]をクリックします。次に、[ 送信を表示]を選択します。
- [送信数]タブで、送信された支払いを確認できます。[支払いステータス ]列には、支払いのステータスが表示されます。この状況には、次の値が含まれる場合があります。
- 未対応: 購入者はフォームを送信しましたが、支払いの決済プロセスをまだ完了していません。
- 保留中: 支払いはまだ処理中です。支払いが処理されると、ステータスはSucceededまたはFailedのいずれかに変更されます。支払い処理時間の詳細をご覧ください。
- 成功: 購入者から支払いが回収されました。支払いが成功する と、[支払い ]セクションに支払い 金額 と支払い 日 が表示されます。
- 失敗: 購入者の支払い方法に料金が請求されませんでした。このステータスは、ACHなどの銀行口座からの引き落とし、またはサブスクリプション支払いで行われた支払いにのみ適用されます。
- 期限切れ: 購入者は フォームを送信した が、24時間以内に支払いのチェックアウトプロセスを完了しませんでした。チェックアウトセッションは24時間後に期限切れになります。購入者はチェックアウトページに戻り、[ こちらが新しいリンクです]をクリックすることで新しいチェックアウトセッションを開始し、支払いを完了できます。
- 特定のフォーム送信の支払いリンクとステータスを表示するには、 送信 の上にマウスポインターを置き、[ 表示]をクリックします。
- 右側のパネルで、コンタクトの名前またはEメールアドレス、コンタクトがフォームを送信した日付、フォームで送信された任意のフォームフィールドを表示できます。[支払い]セクションで、支払いリンク名 や支払いステータスなどの支払いの詳細を確認できます 。支払いが成功している場合は、支払い 金額 と支払い が行われた日付 も確認できます。
![金額、支払いリンク名、支払い日、支払いのステータスが記載された[支払い]セクションを表示するフォーム送信の詳細。](https://53.fs1.hubspotusercontent-na1.net/hub/53/hubfs/Knowledge_Base_2023-24-25/KB-Forms/forms-payment-succeeded-in-form-submission.png?width=400&height=586&name=forms-payment-succeeded-in-form-submission.png)
