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

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

この記事は、 旧バージョンのエディター で作成した既存のフォームにのみ使用してください。新しいフォームの作成と管理には 、更新されたフォームエディター を使用することをお勧めします。更新されたフォームエディターでのフォームフィールドの編集について詳細をご確認ください。

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

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

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. フォームの上にマウスポインターを置き、[ 編集]をクリックします。
3. 左側のパネルで[ 新規作成 ]タブをクリックします。
4. 左側のパネルの[ 新規作成]タブで、目的のフォームフィールドの間にある段落(リッチテキスト)要素をクリックしてドラッグします。

 

5. 右のパネルで、リッチテキストエリア要素をクリックします。
6. 左のパネルで、テキストを編集します：
   • ツールバーを使って、テキストをフォーマットしたり、リンクや画像を追加して、コンテンツをカスタマイズすることができます。
   • 既存のフィールドからリッチテキストをリンクまたはリンク解除するには、[ 入力フィールドからリッチテキストを分離]をクリックします。
7. 右上の[公開 をクリックして公開中のフォームを更新します。 

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

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. フォームの上にマウスポインターを置き、[ 編集]をクリックします。
3. 右側のパネルで、オプションの順序を変更するフィールドをクリックします。
4. 左側のパネルの [フィールドオプション ]セクションで、フィールドオプションの左側にある 点線をクリックし、オプションをクリックして目的の位置までドラッグします。
5. 右上の [公開 ]をクリックして、公開中のフォームを更新します。
   

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

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

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. フォームの上にマウスポインターを置き、[ 編集]をクリックします。
3. フォームエディターで、フィールドの左にある点線をクリックしたままにすると、配置オプションが表示されます。
4. ある行のフィールドの隣に配置するには、その行の空いているスペースにドラッグする。
5. 右上の「公開」をクリックし、公開中のフォームを更新します。 

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