メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Forms

フォームフィールドを編集する

更新日時 2021年 9月 29日

対象製品

すべての製品とプラン

フォームを作成するときに、フォームフィールドやフォーム フィールド オプションをカスタマイズできます。 

フォームフィールドのオプションをカスタマイズする

既定では、コンタクトプロパティーのすべての値はフォームフィールドオプションとして使用できます。ただし、各フォームで利用可能なフィールドオプションをカスタマイズできます。

  • HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]の順に移動します。
  • フォーム名の上にカーソルを置き、[アクション]>[フォームを編集]をクリックするか、新規フォームを作成します
  • フォームエディターで、フィールドをクリックしてオプションをカスタマイズします。
  • 左側のパネルの[フィールドオプション]セクションで次の操作を行います。
    • 現在のオプションを削除するには、オプションにマウスポインターを合わせ、[削除]をクリックします。
    • 未使用のオプションを追加するには、セクションの下部にある[オプションを追加]をクリックします。ダイアログボックスで、追加するオプションを選択し、[追加]をクリックします。
  • 右上の[公開]をクリックして公開中のフォームを更新します。

フォームフィールドに新しいオプションを追加するか、またはすべてのフォームのオプションとしてプロパティー値を削除する方法について詳細をご確認ください。

フォームフィールドに新しいオプションを追加する

複数のチェックボックス、ラジオボタン、またはドロップダウン選択のフォームフィールドに新しいオプションを追加するには、元のコンタクトのプロパティーを編集する必要があります。

  • HubSpotのアカウントで、メイン ナビゲーション バーの設定アイコンsettingsをクリックします。
  • 左のサイドバーメニューで、[プロパティー]に移動します。
  • プロパティーの名前を見つけてクリックします。
  • フォームに表示するすべてのプロパティーのオプションで[フォーム内]スイッチがオンになっていることを確認します。
  • 新しいプロパティーオプションを追加するには、[+オプションを追加]をクリックします。

  • 新しいオプションのラベルを入力してください。
  • 左下の[保存]をクリックします。

追加するすべてのプロパティーオプションについてこの手順を繰り返します。新しいプロパティーオプションがフォームエディターおよび公開中のフォームに表示されます。

フォームにファイルアップロードフィールドを追加する

フォームにファイルアップロードフィールドを含めて、ユーザーがフォーム送信で 1 本または複数のファイルをアップロードできるようにします。 

注:[ファイルアップロード]フィールドのファイルサイズ制限は、1つのファイルで100MBまで、複数のファイルで合計500MBまでです。

  • HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]の順に移動します。
  • フォーム名の上にカーソルを置き、[アクション]>[フォームを編集]をクリックします。 
  • 左側のパネルで、[新規フィールドを作成]の下にあるフォームに[ファイル]フィールドをドラッグします。 
  • ダイアログボックスで、[グループ]ドロップダウンメニューをクリックして、プロパティーグループを選択します。フィールドのラベル説明を入力してください。[次へ]をクリックします。
  • [作成] をクリックします。

form-file-upload

  • コンタクトが複数のファイルをアップロードできるようにするには、[ファイルアップロード]フィールドにカーソルを置き、[編集]アイコンをクリックします。
  • 左側のパネルで、[複数ファイルを許可]チェックボックスをオンにします。
  • 右上の[公開]をクリックします。

訪問者がファイルをアップロードし、フォームを送信すると、ファイルマネージャーの非表示フォルダーにファイルが保存されます。そのファイルへのリンクがHubSpotのコンタクトのレコードに表示されます。

アップロードされたファイルリンクは、フォームの送信データおよび個々のコンタクトのタイムラインのフォーム送信イベントに含まれます。

電話番号フォームフィールドをセットアップする

既定の「電話番号」フィールドには数字および電話番号で一般的に使用される文字(+ - ( ) . x)のみを使用できます。訪問者が入力できる文字数を制限することで、フォーム送信で電話番号を検証できます。訪問者がドロップダウンメニューから国コードを選択して電話番号に含めることができるようにすることもできます。

  • HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]の順に移動します。
  • 既存のフォームの名前をクリックするか、新規フォームを作成します。
  • [電話番号]フィールドにカーソルを置いて、鉛筆アイコンeditをクリックします。
  • 左側のパネルで、[最小]および[最大]の文字数を入力します。訪問者が入力した電話番号がこの文字数制限を満たしていない場合、フォームを送信はできません。
  • 訪問者に国コードの入力を要求するには、[国コードのドロップダウンメニューを表示]スイッチをクリックしてオンに切り替えます。

注:

  • [国コードのドロップダウンメニューを表示]スイッチがオンになっている場合、国コード番号は文字数制限に含まれます
  • 電話番号の設定は、フォームごとにカスタマイズする必要があります。

 


  • 右上の[公開]をクリックします。

ブログサブスクリプションフィールドをフォームに追加する

訪問者がブログをサブスクライブできるように、既定のブログ サブスクリプション フォームを設定して使用することをお勧めします。ワークフローにアクセスできる場合は、フォームにカスタム チェックボックス フィールドを作成し、ワークフローを使用してこれらの連絡先を登録することもできます。

既定のブログ サブスクリプション フィールドをフォームに追加する

  • HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]の順に移動します。
  • フォームの名前をクリックします。
  • 左のペインで[検索]ボックスに「サブスクリプション」と入力します。結果にブログ サブスクリプション プロパティーが表示され、ラベルは「[ブログ名]Eメールサブスクリプション」となります。
  • ブログのEメール サブスクリプション フィールドをクリックして、フォームの目的の場所にドラッグ&ドロップします。 
  • フォームエディターでEメールサブスクリプションフィールドをクリックし、その表示オプションを編集します。
  • 右上の[公開]をクリックして公開中のフォームを更新します。

カスタム ブログ サブスクリプション チェックボックス フィールドをフォームに追加する

  • 1つのチェックボックスのコンタクトプロパティーを作成する。

  • コンタクトをブログサブスクライバーとして追加するワークフローをセットアップする。
    • コンタクトベースのワークフローを作成します。
    • チェックボックスをオンにしたコンタクトを登録するように登録トリガーを設定します。
      • ワークフローで、[登録トリガーを設定]をクリックします。
      • 右のペインで[コンタクトのプロパティー]を選択します。
      • [プロパティーを選択してください]ドロップダウンメニューをクリックし、新規サブスクリプションのチェックボックスのプロパティーを検索して選択します。
      • [次の要素と一致する:]を選択し、[検索]ドロップダウンメニューをクリックして[はい]を選択します。
    • +アイコンをクリックして、ワークフローアクションを追加します。
    • 右のペインで[コンタクトのプロパティーの値を設定] を選択します。
    • [コンタクトのプロパティーを選択]ドロップダウンメニューをクリックし、「[ブログ名]のEメールサブスクリプション」のプロパティーを選択します。
    • [プロパティー値を選択]ドロップダウンメニューをクリックし、コンタクトのサブスクリプションの頻度を選択します。
    • 右上にある[確認]をクリックします。
    • ワークフローアクションおよび設定を確認します。右上にある[有効にする]をクリックします。

  • チェックボックスフィールドをフォームに追加する。
    • HubSpotアカウントで、[マーケティング]>[リードの獲得]>[フォーム]の順に移動します。
    • フォームの名前をクリックします。
    • 左のペインの[検索]ボックスで1つのチェックボックスのコンタクトのプロパティーの名前を検索します。
    • [プロパティー]をクリックして、フォームの目的の場所にドラッグ&ドロップします。フォームエディターでフィールドをクリックし、その表示オプションを編集します。
    • 右上の[公開]をクリックして公開中のフォームを更新します。

コンタクトがチェックボックスを選択してフォームを送信すると、チェックボックスのプロパティー値が[はい]に設定されます。これによって、コンタクトがワークフローに登録され、そのブログサブスクリプションプロパティーが指定したサブスクリプション頻度に更新されます。