お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
フォームフィールドのレイアウトをカスタマイズする
更新日時 2023年 3月 24日
対象製品
すべての製品とプラン |
フォームのレイアウトや構造をカスタマイズする方法をご紹介します。フォームフィールドの間にコンテンツを追加したり、順序をカスタマイズすることができます。
フォームフィールド間にコンテンツを追加する
リッチテキストエリア要素を挿入することで、HubSpot フォームのフィールド間にテキスト、リンク、画像を追加することができます。
- HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
- フォームにカーソルを合わせ、「編集」をクリックするか、新規にフォームを作成します。
- 左パネルの[新規作成]タブをクリックします。
- 左パネルの「新規作成」タブで、「段落(リッチテキスト)」要素をクリックし、目的のフォームフィールドの間にドラッグします。

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

- 右上の[公開] をクリックし、公開中のフォームを更新します。
フォームフィールドでオプションの順序を変更する
- HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
- フォームにカーソルを合わせ、「編集」をクリックするか、新規にフォームを作成します。
- 右側のパネルで、オプションの順序を変更するフィールドをクリックします。
- 左側のパネルの「フィールドオプション」セクションで、フィールドオプションの左側の点線をクリックし、オプションをクリックしたままドラッグして希望の位置に移動します。
- 右上の[公開] をクリックして、公開中のフォームを更新します。
フォームフィールドを横に並べて配置する
フォームには、最大3つのフィールドを横に並べて配置できます。
- HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
- フォームにカーソルを合わせ、「編集」をクリックするか、新規にフォームを作成します。
- フォームエディターで、フィールドの左の点線をクリックしたままにしておくと、配置オプションが表示されます。
- ある行のフィールドの隣に配置するには、その行の空いているスペースの1つにドラッグします。
- 右上の[公開]をクリックし、公開中のフォームを更新します。
ご注意ください: プログレッシブフィールド ( Marketing Hub(マーケティングハブProfessionalまたはEnterpriseのみ)は、行内の個々のフォームフィールドに適用することはできません。1つの個別のフィールドをプログレッシブにすると、同じ行内の他のすべてのフィールドが自動的にプログレッシブになります。
Forms
貴重なご意見をありがとうございました。
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。
関連記事
-
ポップアップフォームを作成する
ポップアップ フォーム ツールを利用して、新しいリードを惹き付けるリード情報の収集フォームを作成できます。...
ナレッジベース -
クエリー文字列を使用したフォームフィールドの自動入力
ページURLをコンタクトに送信する前に、ページURLにクエリー文字列を付加してページ上のフォームフィールドに自動入力することができます。付加されたクエリー文字列に基づいてフィールドに入力されます。これは...
ナレッジベース -
HubSpot以外のフォームを使用する
HubSpot以外のフォームとは、外部サイト上に設置された、HubSpot上で作成されていないHTMLフォームです。外部ページにHubSpotのトラッキングコードをインストールするか、HubSpot...
ナレッジベース