更新日時 2025年4月23日
以下の 製品でご利用いただけます（別途記載されている場合を除きます）。
すべての製品とプラン
|
フォームのレイアウトや構造をカスタマイズする方法をご紹介します。フォームフィールドの間にコンテンツを追加したり、順序をカスタマイズすることができます。
フォームフィールド間にコンテンツを追加する
リッチテキストエリア要素を挿入すると、HubSpotフォームのフィールド間にテキスト、リンク、画像を追加できます。
- HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
- フォームの上にマウスポインターを置き、[ 編集]をクリックするか、 新しいフォームを作成します。
- 左パネルの「新規作成」タブをクリックする。
- 左パネルの新規作成タブから、パラグラフ（リッチテキスト）要素をクリックし、必要なフォームフィールドの間にドラッグします。
- 右のパネルで、リッチテキストエリア要素をクリックします。
- 左のパネルで、テキストを編集します：
- ツールバーを使って、テキストをフォーマットしたり、リンクや画像を追加して、コンテンツをカスタマイズすることができます。
- 既存のフィールドからリッチテキストをリンクまたはリンク解除するには、［入力フィールドからリッチテキストを解除する］をクリックします。
- 右上の、「公開」をクリックし、公開中のフォームを更新する。
フォームフィールドでオプションの順序を変更する
- HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
- フォームの上にマウスポインターを置き、[ 編集]をクリックして 新しいフォームを作成します。
- 右側のパネルで、オプションの順序を変更するフィールドをクリックします。
- 左のパネルで、「フィールドオプション」セクションの下で、フィールド オプションの左にある点線をクリックし、オプションをクリックして希望の位置までドラッグする。
- 右上で、「公開」をクリックし、公開中のフォームを更新します。
フォームフィールドを横に並べて配置する
フォームには、最大3つのフィールドを横に並べて配置できます。
- HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
- フォームの上にマウスポインターを置き、[ 編集]をクリックするか、 新しいフォームを作成します。
- フォームエディターで、フィールドの左にある点線をクリックしたままにすると、配置オプションが表示されます。
- ある行のフィールドの隣に配置するには、その行の空いているスペースにドラッグする。
- 右上の「公開」をクリックし、公開中のフォームを更新します。
注: プログレッシブフィールド(Marketing Hub ProfessionalまたはEnterpriseのみ)は、行内の個々のフォームフィールドに適用できません。個々のフィールドをプログレッシブにすると、同じ行の他の全てのフィールドが自動的にプログレッシブになります。
