お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Forms

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

更新日時 2020年 10月 19日

対象製品

すべての製品とプラン

フォームのレイアウトと構造をカスタマイズする方法を説明します。

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

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

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • フォームの上にカーソルを置き、[アクション]>[フォームを編集]をクリックします。または、新しいフォームを作成します。
  • 左側のパネルの[新規フィールド作成]セクションで、目的のフォームフィールドの間に、[段落(リッチテキスト)]要素をドラッグ&ドロップします。
drag-rich-text-area
  • 右側のパネルで、[リッチ テキスト エリア]要素をクリックします。
  • 左側のパネルのエディターでテキストを編集します。ツールバーを使用して、テキストの書式設定やリンクや画像の追加など、コンテンツをさらにカスタマイズします。
  • 右上の[公開] をクリックし、公開中のフォームを更新します。

注: フォームの最後のフィールドと [送信]ボタンの間にテキストを追加するには、フォームの一番下に非表示フィールドを追加してください。次に、その上にリッチテキストエリア要素を追加します。

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

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • フォームの上にカーソルを置き、[アクション]>[フォームを編集]をクリックします。または、新しいフォームを作成します。
  • 右側のパネルで、オプションの順序を変更するフィールドをクリックします。
  • 左側のパネルの[フィールドオプション] セクションで、フィールドオプションの左側にある点線をクリックし、目的の位置にオプションをドラッグ&ドロップします。

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

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

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

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • フォームの上にカーソルを置き、[アクション]>[フォームを編集]をクリックします。または、新しいフォームを作成します。
  • フォームエディターで、フィールドをクリック、ドラッグ&ドロップして、別のフォームフィールドの横に移動します。

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

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