フォームフィールドの編集(旧)
更新日時 2025年7月30日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
フォームを作成してフォームフィールドを追加したら、フォームフィールドとフォーム フィールド オプションをカスタマイズすることができます。
まだフォームフィールドを追加していない場合、既存のフォームフィールドを追加するか新しいフォームフィールドを作成する方法をご確認ください。
注:フォームの作成および管理には、最新のフォームエディターを使用することをお勧めします。この記事は、旧バージョンのエディターで作成した既存のフォームに関する参照情報としてのみ使用してください。更新されたフォームエディターでのフォームフィールドの編集について詳細をご確認ください。
フォーム フィールド オプションのカスタマイズ
既定では、コンタクトプロパティーのすべての値をフォーム フィールド オプションとして使用できます。ただし、フォームごとにフィールドオプションをカスタマイズできます。
- HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]に移動します。
- フォーム名にマウスポインターを合わせて[アクション]をクリックし、[編集]を選択します。または、新しいフォームを作成します。
- フォームエディターで、オプションをカスタマイズするフィールドをクリックします。
- 左側のパネルの[フィールドオプション]セクションで、次の操作を実行します。
- 現在のオプションを削除するには、オプションにマウスポインターを合わせて[削除]をクリックします。
- 未使用のオプションを追加するには、セクションの下部にある[オプションを追加]をクリックします。ダイアログボックスで、追加するオプションを選択して[追加]をクリックします。
- 右上の[公開]をクリックして公開中のフォームを更新します。
フォームフィールドに新しいオプションを追加する
複数チェックボックス、ラジオボタン選択、ドロップダウン選択フォームフィールドに新しいオプションを追加するには、元のコンタクトプロパティーを編集する必要があります。こうすることで、このプロパティーを使用している全てのフォームのフィールドを更新できます。
- HubSpotアカウントにて、メイン ナビゲーション バーにあるsettings 設定アイコンをクリックします。
- 左のサイドバーメニューで、[プロパティー]に移動します。
- プロパティーの名前を検索してクリックします。
- フォームに表示するすべてのオプションで[フォーム内]スイッチがオンになっていることを確認します。
- 新しいプロパティーオプションを追加するには、[+オプションを追加]をクリックします。
- 新しいオプションのラベルを入力します。
- 左下の[保存]をクリックします。追加する全てのプロパティーオプションについて、上記の手順を繰り返します。新しいプロパティーオプションはフォームエディターと公開中のフォームに表示されます。
日付フィールドのカスタマイズ
フォームに日付フィールドを追加すると、訪問者によって使用されるフォームフィールドの日付形式の種類を選択できます。例えば、「DD/MM/YYYY」や「MM-DD-YYYY」を選択できます。
- HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]に移動します。
- フォーム名にマウスポインターを合わせて[アクション]をクリックし、[編集]を選択します。
- 日付フィールドにマウスポインターを合わせ、edit[編集]をクリックします。
- 左側のパネルでスクロールダウンして[日付形式]ドロップダウンメニューをクリックし、目的の日付形式を選択します。
- 右上の[公開]をクリックします。
ファイル アップロード フィールドのカスタマイズ
フォームにファイル アップロード フィールドを追加すると、訪問者がフォーム送信によって1つ以上のファイルをアップロードできるようになります。
訪問者がファイルをアップロードし、フォームを送信すると、ファイルマネージャーの非表示フォルダーにファイルが保存されます。デフォルトでは、アップロードされたファイルの共有範囲は「非公開」に設定されます。ファイル アップロード フィールドからアップロードされるファイルの共有範囲を変更することはできません。
ファイルへのリンクはHubSpotのコンタクトのレコードに表示されます。アップロードされたファイルリンクは、フォームの送信データおよび個々のコンタクトのタイムライン上のフォーム送信イベントに含まれます。
ファイル アップロード フィールドをカスタマイズするには、次の手順に従います。
- HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]に移動します。
- フォーム名にマウスポインターを合わせて[アクション]をクリックし、[編集]を選択します。
- ファイル アップロード フィールドの上にマウスポインターを合わせて、edit[編集]をクリックします。
- 左側のパネルで、スクロールダウンして[複数ファイルを許可]チェックボックスを選択します。
- 右上の[公開]をクリックします。
注:ファイル アップロード フィールドのファイルサイズ制限は、単一ファイル アップロード フィールド、複数ファイル アップロード フィールドともに、100MBです。複数ファイル アップロード フィールドでは、ファイルの合計サイズが100MB以下であれば、アップロードするファイル数に制限はありません。
- 複数ファイルをアップロードするには、ファイルマネージャーから選択するときにすべてのファイルを選択します。選択したファイルをアップロードした後、再度[ファイルを選択]ボタンをクリックして別のファイルを選択すると、元のファイルが上書きされます。複数のファイルを一度にアップロードすることはできません。
電話番号フォームフィールドをセットアップする
電話番号フォームフィールドをセットアップするときは、次の点に留意してください。
- 電話番号設定はフォームごとにカスタマイズする必要があります。
- デフォルトの[電話番号]フィールドには、数字、および電話番号で一般的に使用される文字(+ - ( ) . x)のみを使用できます。
- [国コードのドロップダウンメニューを表示]のオプションを選択した場合は、以下の点にご注意ください。
- 国コードは文字数制限に含まれます。
- デフォルトの国コードを設定することはできません。デフォルトでは、国コードは訪問者のデバイスのIPアドレスに対応します。
電話番号フォームフィールドをセットアップするには、次の手順に従います。
- HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]に移動します。
- フォーム名にマウスポインターを合わせて[アクション]をクリックし、[編集]を選択します。
- [電話番号]フィールドの上にマウスポインターを合わせて、edit[編集]をクリックします。
- 左側のパネルで最小と最大の番号の制限を入力します。 訪問者がこの長さの制限に違反する電話番号を入力した場合、フォームを送信することはできません。
- ドロップダウンメニューから国を選択して国コードを含めるように訪問者に促すには、[国コードのドロップダウンメニューを表示]スイッチをクリックしてオンに切り替えます。
- 右上の[公開]をクリックします。
フォームでのブログ サブスクリプション フィールドの追加
訪問者がブログを配信登録できるように、デフォルトのブログ配信登録フォームを設定して使用することをお勧めします。またワークフローにアクセスできる場合は、フォームにカスタム チェックボックス フィールドを作成し、ワークフローを使用してこれらのコンタクトを登録することもできます。
フォームへの既定のブログ サブスクリプション フィールドの追加
- HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]に移動します。
- フォームの名前をクリックします。
- 左側のペインで、[検索]ボックスに「サブスクリプション」と入力します。結果にはブログ サブスクリプション プロパティーが表示されます。このプロパティーには、「[ブログ名]Eメール配信登録」というラベルが付けられます。
- ブログのEメール サブスクリプション フィールドをクリックしてフォームの目的の位置までドラッグします。
- フォームエディターで[Eメール配信登録]フィールドをクリックし、その表示オプションを編集します。
- 右上の[公開]をクリックして公開中のフォームを更新します。
フォームにカスタムブログ配信登録チェックボックスフィールドを追加する(ProfessionalおよびEnterpriseのみ)
カスタム チェックボックス プロパティーを作成してフォームに追加し、ワークフローを使用してそのプロパティーを更新することができます。チェックボックスをオンにしてフォームを送信したコンタクトは、チェックボックスプロパティーの値が[はい]に設定されます。これにより、ワークフローに登録され、ブログ サブスクリプション プロパティーが指定したサブスクリプション頻度に更新されます。- 1つのチェックボックスのコンタクトプロパティーを作成するには、次のようにします。
- カスタム コンタクト プロパティーを作成し、[フィールドタイプ]を[1つのチェックボックス]に設定します。
- [フォームおよびボットで使用]オプションがオンになっていることを確認します。
- コンタクトをブログサブスクライバーとして追加するワークフローをセットアップします:
- コンタクトベースのワークフローを作成します。
- チェックボックスをオンにしたコンタクトを登録するように登録トリガーを設定します。
- ワークフローで、[トリガーを設定]をクリックします。
- 右側のパネルで、[コンタクトプロパティー]をクリックします。
- 新しいサブスクリプションのチェックボックスプロパティーを検索して選択します。
- [次のいずれかに該当する]を選択し、ドロップダウンメニューをクリックして[はい]を選択します。
- [+]アイコンをクリックして、ワークフローのアクションを追加します。
- 右側のパネルで、[コンタクトプロパティーの値を設定]を選択します。
- [コンタクトプロパティーを選択]ドロップダウンメニューをクリックし、[[ブログ名]Eメール配信登録]プロパティーを選択します。
- [プロパティー値を選択]ドロップダウンメニューを選択し、コンタクトのサブスクリプションの頻度を選択します。
- 右上の[確認と公開]をクリックします。
- ワークフローのアクションと設定を確認します。右上の[有効にする]をクリックします。
- フォームでチェックボックスフィールドを追加します。
- HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]に移動します。
- フォームの名前をクリックします。
- 左側のペインで、[検索]ボックスで単一のチェックボックス コンタクト プロパティーの名前を検索します。
- プロパティーをクリックし、フォームの目的の位置までドラッグ&ドロップします。フォームエディターでフィールドをクリックし、その表示オプションを編集します。
-
- 右上の[公開]をクリックして公開中のフォームを更新します。
- 右上の[公開]をクリックして公開中のフォームを更新します。