フォームフィールドの編集
更新日時 2023年 1月 19日
対象製品
すべての製品とプラン |
フォームを作成してフォームフィールドを追加したら、フォームフィールドとフォーム フィールド オプションをカスタマイズできます。
まだフォームフィールドを追加していない場合、既存のフォームフィールドを追加するか新しいフォームフィールドを作成する方法をご確認ください。
フォーム フィールド オプションのカスタマイズ
既定では、コンタクトプロパティーのすべての値をフォーム フィールド オプションとして使用できます。ただし、フォームごとにフィールドオプションをカスタマイズできます。
- HubSpotアカウントで、[マーケティング] > [リードの獲得] > [フォーム]に移動します。
- フォーム名にカーソルを置き、[アクション] > [フォームを編集]または[新規フォームを作成]をクリックします。
- フォームエディターで、オプションをカスタマイズするフィールドをクリックします。
- 左側のパネルの[フィールドオプション]セクションで、次の操作を実行します。
- 現在のオプションを削除するには、オプションにカーソルを置いて[削除]をクリックします。
- 未使用のオプションを追加するには、セクションの下部にある[オプションを追加]をクリックします。ダイアログボックスで、追加するオプションを選択して[追加]をクリックします。

- 右上の[公開]をクリックして公開中のフォームを更新します。
フォームフィールドへの新しいオプションの追加またはすべてのフォームからオプションとしてのプロパティー値の削除についてもっと詳しく。
フォームフィールドへの新しいオプションの追加
新しいオプションを複数チェックボックス、ラジオ選択、ドロップダウン選択フォームフィールドに追加するには、元のコンタクトプロパティーを編集する必要があります。
- HubSpotアカウントで、メイン ナビゲーション メニューの設定設定アイコンをクリックします。
- 左のサイドバーメニューで、[プロパティー]に移動します。
- プロパティーの名前を検索してクリックします。
- フォームに表示するすべてのオプションで[フォーム内]スイッチがオンになっていることを確認します。
- 新しいプロパティーオプションを追加するには、[+オプションを追加]をクリックします。
- 新しいオプションのラベルを入力します。
- 左下の[保存]をクリックします。
追加するすべてのプロパティーでこの手順を繰り返します。新しいプロパティーオプションはフォームエディターと公開中のフォームに表示されます。
日付フィールドのカスタマイズ
日付フィールドをフォームに追加したら、訪問者がフォームフィールドで使用する日付形式のタイプを選択できます。たとえば、DD/MM/YYYYやMM-DD-YYYYを選択できます。
- HubSpotアカウントで、[マーケティング] > [リードの獲得] > [フォーム]に移動します。
- フォーム名にカーソルを置き、[アクション] > [フォームを編集]をクリックします。
- 日付フィールドにカーソルを置いて、編集[編集]をクリックします。
- 左側のパネルでスクロールダウンして[日付形式]ドロップダウンメニューをクリックし、目的の日付形式を選択します。
- 右上の[公開]をクリックします。
ファイル アップロード フィールドのカスタマイズ
ファイル アップロード フィールドをフォームに追加したら、訪問者がフォーム送信を使用して1つ以上のファイルをアップロードできるようにできます。
- HubSpotアカウントで、[マーケティング] > [リードの獲得] > [フォーム]に移動します。
- フォーム名にカーソルを置き、[アクション] > [フォームを編集]をクリックします。
- ファイル アップロード フィールドにカーソルを置き、編集 [編集]をクリックします。
- 左側のパネルで、スクロールダウンして[複数ファイルを許可]チェックボックスを選択します。
- 右上の[公開]をクリックします。
ご注意:ファイル アップロード フィールドのファイルサイズの制限は1つのファイルあたり100MB、複数のファイルでは合計で500MBです。
- 複数ファイルをアップロードするには、ファイルマネージャーから選択するときにすべてのファイルを選択します。選択したファイルをアップロードした後で、[ファイルを選択]ボタンをもう一度クリックすると、別のファイルが選択され、元のファイルは上書きされます。
訪問者がファイルをアップロードしてフォームを送信したら、ファイルはファイルマネージャーの非表示フォルダーに保存されます。ファイルへのリンクはHubSpotのコンタクトのレコードに表示されます。
アップロードしたファイルリンクはフォーム送信のデータおよび個別のコンタクトのタイムラインのフォーム送信イベントに含まれます。
電話番号フォームフィールドのセットアップ
電話番号フォームフィールドをセットアップするときは、次の点に留意してください。
- 電話番号設定はフォームごとにカスタマイズする必要があります。
- 既定の電話番号フィールドに指定できるのは、数字の他、次のような電話番号で一般的に使用される文字のみです:+ - ( ) . x。
- 国コードのドロップダウンメニューを表示するオプションを選択している場合、国コードは番号の長さ制限に含まれます。
電話番号フォームフィールドをセットアップするには、次の手順に従います。
- HubSpotアカウントで、[マーケティング] > [リードの獲得] > [フォーム]に移動します。
- フォーム名にカーソルを置き、[アクション] > [フォームを編集]をクリックします。
- [電話番号]フィールドにカーソルを置き、編集[編集]をクリックします。
- 左側のパネルで最小と最大の番号の制限を入力します。 訪問者がこの長さの制限に違反する電話番号を入力した場合、フォームを送信することはできません。
- ドロップダウンメニューから国を選択して国コードを含めるように訪問者に促すには、[国コードのドロップダウンメニューを表示スイッチをクリックしてオンに切り替えます。
- 右上の[公開]をクリックします。
フォームでのブログ サブスクリプション フィールドの追加
訪問者がブログを登録できるように既定のブログ サブスクリプション フォームをセットアップして使用することをお勧めします。ワークフローにアクセスできる場合、フォーム用のカスタム チェックボックス フィールドを作成し、ワークフローを使用してこれらのコンタクトを登録することもできます。
フォームへの既定のブログ サブスクリプション フィールドの追加
- HubSpotアカウントで、[マーケティング] > [リードの獲得] > [フォーム]に移動します。
- フォームの名前をクリックします。
- 左側のペーンで、[検索]ボックスに「サブスクリプション」と入力します。結果にはブログ サブスクリプション プロパティーが表示されます。このプロパティーには、「[ブログ名] Eメールサブスクリプション」というラベルが付けられます。
- ブログのEメール サブスクリプション フィールドをクリックしてフォームの目的の位置までドラッグします。
- フォームエディターでEメール サブスクリプション フィールドをクリックしてその表示オプションを編集します。
- 右上の[公開]をクリックして公開中のフォームを更新します。
フォームへのカスタム ブログ サブスクリプション チェックボックス フィールドの追加
- チェックボックス コンタクトプロパティーを1つ作成します:
- カスタム コンタクト プロパティーを作成して[フィールドタイプ]を[単一のチェックボックス]に設定します。
- [フォームおよびボットで使用]オプションがオンになっていることを確認します。
- コンタクトをブログサブスクライバーとして追加するワークフローをセットアップします:
- コンタクトベースのワークフローを作成します。
- チェックボックスをオンにしたコンタクトを登録する登録トリガーを設定します。
- ワークフローで、[トリガーを設定]をクリックします。
- 右側のパネルで、[コンタクトプロパティー]をクリックします。
- 新しいサブスクリプションのチェックボックスプロパティーを検索して選択します。
- [次のいずれかに該当する]を選択し、ドロップダウンメニューをクリックして[はい]を選択します。
- [+]アイコンをクリックして、ワークフローのアクションを追加します。
- 右側のパネルで、[コンタクトプロパティーの値を設定]を選択します。
- [コンタクトプロパティーを選択]ドロップダウンメニューをクリックし、[[ブログ名] Eメール サブスクリプション プロパティー]を選択します。
- [プロパティー値を選択]ドロップダウンメニューを選択し、コンタクトのサブスクリプションの頻度を選択します。
- 右上の[確認と公開]をクリックします。
- ワークフローのアクションと設定を確認します。右上の[有効にする]をクリックします。
- フォームでチェックボックスフィールドを追加します:
- HubSpotアカウントで、[マーケティング] > [リードの獲得] > [フォーム]に移動します。
- フォームの名前をクリックします。
- 左側のペーンで、[検索]ボックスで単一のチェックボックス コンタクト プロパティーの名前を検索します。
- プロパティーをクリックし、フォームの目的の位置までドラッグ&ドロップします。フォームエディターでフィールドをクリックしてその表示オプションを編集します。
-
- 右上の[公開]をクリックして公開中のフォームを更新します。
チェックボックスをオンにしてフォームを送信したコンタクトは、チェックボックスプロパティーの値が[はい]に設定されます。これにより、ワークフローに登録され、ブログ サブスクリプション プロパティーが指定したサブスクリプション頻度に更新されます。
Thank you for your feedback, it means a lot to us.