フォームフィールドのレイアウトをカスタマイズする

フォームのレイアウトや構造をカスタマイズする方法をご紹介します。フォームフィールドの間にコンテンツを追加したり、順序をカスタマイズすることができます。

フォームフィールド間にコンテンツを追加する

リッチテキストエリア要素を挿入することで、HubSpot フォームのフィールド間にテキスト、リンク、画像を追加することができます。

• HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。
• フォームにカーソルを合わせ、「編集」をクリックするか、新規にフォームを作成します。

• 左パネルの［新規作成］タブをクリックします。
• 左パネルの「新規作成」タブで、「段落（リッチテキスト）」要素をクリックし、目的のフォームフィールドの間にドラッグします。

• 右側のパネルで、［リッチ テキスト エリア］要素をクリックします。

• 左のパネルで、テキストを編集します：
  • ツールバーを使って、テキストをフォーマットしたり、リンクや画像を追加して、コンテンツをカスタマイズすることができます。
  • 既存のフィールドからリッチテキストをリンクまたはリンク解除するには、［入力フィールドからリッチテキストを解除する］をクリックします。   

• 右上の［公開］ をクリックし、公開中のフォームを更新します。

フォームフィールドでオプションの順序を変更する

• HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。
• フォームにカーソルを合わせ、「編集」をクリックするか、新規にフォームを作成します。
• 右側のパネルで、オプションの順序を変更するフィールドをクリックします。
• 左側のパネルの「フィールドオプション」セクションで、フィールドオプションの左側の点線をクリックし、オプションをクリックしたままドラッグして希望の位置に移動します。

• 右上の［公開］ をクリックして、公開中のフォームを更新します。

フォームフィールドを横に並べて配置する

フォームには、最大3つのフィールドを横に並べて配置できます。

• HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。
• フォームにカーソルを合わせ、「編集」をクリックするか、新規にフォームを作成します。
• フォームエディターで、フィールドの左の点線をクリックしたままにしておくと、配置オプションが表示されます。
• ある行のフィールドの隣に配置するには、その行の空いているスペースの1つにドラッグします。

• 右上の［公開］をクリックし、公開中のフォームを更新します。 

ご注意ください: プログレッシブフィールド ( Marketing Hub（マーケティングハブProfessionalまたはEnterpriseのみ）は、行内の個々のフォームフィールドに適用することはできません。1つの個別のフィールドをプログレッシブにすると、同じ行内の他のすべてのフィールドが自動的にプログレッシブになります。