フォームフィールドの編集

フォームを作成して フォームフィールドを追加したら、フォームフィールドとフィールドオプションをカスタマイズできます。 

まだフォームフィールドを追加していない場合は、 既存のフォームフィールドを追加する か、 新しいフォームフィールドを作成する方法を確認してください。 

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

フォームフィールドを編集するには、次の手順に従います。

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. 新しいフォームを作成するか、または既存のフォームにマウスポインターを置き、[編集]をクリックします。
3. フィールドのオプションを編集するには、右側のパネルで、フォームプレビューの フィールドをクリックします.
4. 左側のパネルで、[ フィールドオプション]セクションをクリックして展開 。オプションの項目は、フィールドのプロパティーの種類によって異なる場合があります。

• • ヘルプテキスト: フィールドのラベルにテキストを追加して、訪問者にフィールド入力時のヒントを提供します。
  • プレースホルダーテキスト：フィールドの入力ボックスに表示されるテキスト。訪問者がフィールドに値を入力すると、このテキストは表示されなくなります。フィールドが空欄になっていても、このテキストがフォームのデータとして送信されることはありません。
  • デフォルト値: 訪問者が変更しない限り、そのまま送信されるフィールドデフォルト値。
  • 非表示フィールド：このオプションをオンに切り替えると、フォーム送信によってフィールドに値が設定されますが、訪問者にはフィールドが表示されません。設定がオンに切り替わったら、フォーム送信時にプロパティーに渡されるデフォルト値を設定してください。
  • 必須フィールド：このオプションをオンに切り替えた場合、フォームを送信するにはこのフィールドに入力する必要があります。フォームフィールドを必須に設定した場合、非表示に設定することはできません。 

フォームフィールドのオプションを追加または編集する

複数チェックボックス、ラジオ選択、またはドロップダウン選択 フォームのフィールドに新しいオプションを追加するには、最初に元のプロパティーを編集する必要があります。その後、プロパティーが更新されたら、フォームエディター内に新しいフィールドオプションを追加できます。列挙プロパティーオプションの編集について詳細をご確認ください。 

フォームフィールドにオプションを追加するには、次の手順に従います。 

1. 既存のプロパティーを更新して 新しい値を追加します。 
2. [マーケティング>フォーム]に移動します。  
3. 既存のフォームにマウスポインターを置き、[編集]をクリックします。
4. フォームプレビューで、オプションを追加する フィールド をクリックします。 
5. 左側パネルの［フィールドオプション］セクションをクリックして展開します。
6. フィールド オプション テーブルの下部にある[ オプションを追加]をクリックします。 

7. ダイアログボックスで、フォームフィールドに追加する使用可能なオプションの横にある チェックボックスをオンにします 。[ 選択したオプションを追加]をクリックします。
8. 右上の[ 確認および更新]をクリックします。

フォームフィールドのオプションを編集または削除するには、次の手順に従います。 

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. フォーム名にマウスポインターを合わせて［アクション］をクリックし、［編集］を選択します。 または、 新しいフォームを作成します
3. フォームエディターで、オプションをカスタマイズするフィールドをクリックします。
4. 左側のパネルの [フィールドオプション]セクションで、次の操作を行います。 
   • 現在のオプションを編集するには、 オプション の上にマウスポインターを置き、 edit 編集アイコンをクリックします。 
   • 現在のオプションを削除するには、オプション の上にマウスポインターを置き、 delete 削除アイコンをクリックします。
   • オプション を選択して、既定のオプションとして設定します。 

5. 右上の[ 確認および更新]をクリックします。

追加のフォーム要素を編集する

フォームフィールドと同様に、これらの要素を他のフィールドの上、下、または隣に配置することができます。 

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. 新しいフォームを作成するか、既存のフォームにカーソルを合わせて［編集］をクリックします。
3. 画像フィールドを編集するには、次の手順に従います。 
   • 右側のパネルで、フォームプレビューの 画像 フィールドをクリックします。
     
   • 左側のパネルで、画像を編集します。 
     • 画像を置き換えるには、右上の[ replace 画像を置換]アイコン をクリックします。 
     • 画像を編集するには、右上の edit 編集アイコン をクリックします。 
     • 画像を削除するには、右上の delete 削除アイコン をクリックします。 

1. • • 画像のサイズを調整するには、[ サイズ ]ドロップダウンメニューをクリックし、オプションを選択します。 
       • 自動調整: 画像は、表示者のブラウザーとデバイスに基づいてサイズ変更されます。
       • 正確な幅と高さ: 画像は全てのデバイスで指定されたサイズを維持します。画面に基づいてサイズが変更されることはありません。
   • [リンク(任意) ]フィールドに、訪問者が画像をクリックした場合のリダイレクト先となる URL を入力します。 
   • [画像の配置]で、[ 水平]または[垂直]オプションの [左]、[ 中央]、または [右] の配置をクリックします。 
   • 位置合わせを元の設定に戻すには、[ 位置合わせをリセット]をクリックします。 

4. 見出し フィールドを編集するには
   • 右側のパネルで、フォームプレビューの [見出し ]フィールドをクリックします.
   • 左側のパネルで、[ 見出しレベル ]ドロップダウンメニューをクリックし、見出しレベルを変更します。H1 から H6までお選びいただけます。
   • [配置]で、[ 左揃え]、[ 中央揃え]、または [右揃え ]をクリックします。 
   • 位置合わせを元の設定に戻すには、[ 位置合わせをリセット]をクリックします。 

5. リッチ テキスト フィールドを編集するには、次の手順に従います。 
   • 右側のパネルで、フォームプレビューの[ リッチ テキスト フィールド]をクリックします.
   • 左側のパネルで、[ 展開したビューで編集]をクリックします。リッチ テキスト ツールバーを使用して、テキストの書式やスタイルを設定します。リッチ テキスト モジュールでのコンテンツの編集について詳細をご確認ください。 

6. データのプライバシー フィールドを編集するには: 
   • 右側のパネルで、フォームプレビューの[ データのプライバシー]フィールドをクリックします.
   • [ コンタクトから権限をどのようにレコードしますか? ]ドロップダウンメニューをクリックし、 オプションを選択します。通知と同意のオプションについて詳細をご確認ください。 
   • [ どのような同意を収集しますか?]の下で、このフォームで提供する各コミュニケーションの配信登録の配信カテゴリーを選択またはクリアします。
   • 追加の配信カテゴリーのチェックボックスを追加して、訪問者が複数の配信カテゴリーからのコミュニケーションに同意できるようにするには、[別のサブスクリプションを追加]をクリックします。
   • プライバシーポリシーの声明を含めるには、[ プライバシーポリシーの声明を含める ]チェックボックスをオンにします。フォームへの通知と同意に関する情報の追加の詳細をご覧ください。

7. 右上の[ 確認および更新]をクリックして、フォームの更新内容を公開します。

日付フィールドのカスタマイズ

日付フィールドをフォームに追加したら、訪問者がフォームフィールドで使用する日付形式のタイプを選択できます。例えば、「DD/MM/YYYY」や「MM-DD-YYYY」を選択できます。 

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. フォーム名にマウスポインターを合わせて［アクション］をクリックし、［編集］を選択します。
3. 日付フィールドにマウスポインターを合わせ、edit［編集］をクリックします。
4. 右側のパネルで[ 日付]フィールドをクリックします。 
5. 左側のパネルで[形式 ]ドロップダウンメニューをクリックし、目的の 日付形式を選択します。