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

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

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

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

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

• 左パネルのCreate newタブをクリックする。 
• 左パネルの新規作成タブから、パラグラフ（リッチテキスト）要素をクリックし、必要なフォームフィールドの間にドラッグします。
   

 

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

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

• 右上の、Publishをクリックし、ライブフォームを更新する。
  

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

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

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

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

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

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