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

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

更新日時 2023年 6月 23日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

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

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

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

  • HubSpotアカウントにて、[マーケティング]>[フォーム]の順に進みます。
  • フォームにカーソルを合わせ、「編集」をクリックするか、新規にフォームを作成します。
  • 左パネルのCreate newタブをクリックする。 
  • 左パネルの新規作成タブから、パラグラフ(リッチテキスト)要素をクリックし、必要なフォームフィールドの間にドラッグします。
     
ドラッグ&ドロップ-6月17日-2021-06-32-25-60-AM 
  • 右のパネルで、リッチテキストエリア要素をクリックします。
  • 左のパネルで、テキストを編集します:
    • ツールバーを使って、テキストをフォーマットしたり、リンクや画像を追加して、コンテンツをカスタマイズすることができます。
    • 既存のフィールドからリッチテキストをリンクまたはリンク解除するには、[入力フィールドからリッチテキストを解除する]をクリックします。 
  • 右上の、Publishをクリックし、ライブフォームを更新する。

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

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

 

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

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

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

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

 
同列 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。