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

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

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

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

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• フォームの上にマウスポインターを置き、[ 編集]をクリックするか、 新しいフォームを作成します。
• 更新されたフォームエディターを使用している場合: 
  • 左上の+追加アイコンをクリックします。
  • 左のパネルで、Otherをクリックする。 
  • [ 段落(リッチテキスト) ]フィールドタイプをクリックして右側のフォームプレビューにドラッグし、フォームに追加します。
  • 左側のパネルで、[ 展開したビューで編集]をクリックします。 
    • ツールバーを使って、テキストをフォーマットしたり、リンクや画像を追加して、コンテンツをカスタマイズすることができます。

• • • 完了したら、[ フォームに戻る]をクリックします。 

• • 右上の[確認および更新]をクリックし フォームの更新を公開します。

• 従来のフォームを使用している場合: 
  • 左パネルの「新規作成」タブをクリックする。 
  • 左パネルの新規作成タブから、パラグラフ（リッチテキスト）要素をクリックし、必要なフォームフィールドの間にドラッグします。
     

 

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

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

• • 右上の[更新]をクリックします フォームの更新を公開します
     

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

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

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

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

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

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

注: プログレッシブフィールド(Marketing Hub  ProfessionalまたはEnterpriseのみ)は、行内の個々のフォームフィールドに適用できません。個々のフィールドをプログレッシブにすると、同じ行の他の全てのフィールドが自動的にプログレッシブになります。