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

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

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

フォームフィールドおよび追加のフォーム要素は、他のフィールドの上、下、または横に配置できます。 

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• フォームの上にマウスポインターを置き、[ 編集]をクリックするか、 新しいフォームを作成します。
• 左上の add追加アイコンをクリックします。
  • 左側のパネルで、[ フィールド]、[ プロパティー]、または [その他]をクリックします。 
  • フィールドをフォームに追加するには、フィールドをクリックして右側のフォームプレビューにドラッグします。
•  

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

ドロップダウン選択プロパティーなど、複数のオプションがあるフォームフィールドを使用している場合は、オプションを並べ替えることができます。利用可能な選択オプションの詳細をご確認ください。

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• フォームの上にマウスポインターを置き、[ 編集]をクリックして 新しいフォームを作成します。
• 右側のパネルで、オプションの順序を変更するフィールドをクリックします。
• 左側のパネルの [フィールドオプション ]セクションで、フィールドオプションの左側にあるdragHandle 点線をクリックし、オプションをクリックして目的の位置までドラッグします。
• オプションをアルファベット順に並べ替えるには、「 sortAlpAsc 並べ替え」をクリックします。
• 右上の[ 確認および更新 ]をクリックして、フォームの更新を公開します。
   
   

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

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

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• フォームの上にマウスポインターを置き、[ 編集]をクリックするか、 新しいフォームを作成します。
• フォームフィールド をクリックしてドラッグすると、配置オプションが表示されます。
• ある行のフィールドの隣に配置するには、その行の空いているスペースにドラッグする。
• 右上の[確認および更新 ]をクリックして、フォームの更新を公開します。