フォームのレイアウトや構造をカスタマイズする方法をご紹介します。フォームフィールドの間にコンテンツを追加したり、順序をカスタマイズすることができます。
フォームフィールド間にコンテンツを追加する
リッチテキストエリア要素を挿入すると、HubSpotフォームのフィールド間にテキスト、リンク、画像を追加できます。
- HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
- フォームの上にマウスポインターを置き、[ 編集]をクリックするか、 新しいフォームを作成します。
- 更新されたフォームエディターを使用している場合:
- 左上の+追加アイコンをクリックします。
- 左のパネルで、Otherをクリックする。
- [ 段落(リッチテキスト) ]フィールドタイプをクリックして右側のフォームプレビューにドラッグし、フォームに追加します。
- 左側のパネルで、[ 展開したビューで編集]をクリックします。
- ツールバーを使って、テキストをフォーマットしたり、リンクや画像を追加して、コンテンツをカスタマイズすることができます。
-
-
- 完了したら、[ フォームに戻る]をクリックします。
-
- 右上の[確認および更新]をクリックし フォームの更新を公開します。
- 従来のフォームを使用している場合:
- 左パネルの「新規作成」タブをクリックする。
- 左パネルの新規作成タブから、パラグラフ（リッチテキスト）要素をクリックし、必要なフォームフィールドの間にドラッグします。
-
- 右のパネルで、リッチテキストエリア要素をクリックします。
-
- 左のパネルで、テキストを編集します：
- ツールバーを使って、テキストをフォーマットしたり、リンクや画像を追加して、コンテンツをカスタマイズすることができます。
- 既存のフィールドからリッチテキストをリンクまたはリンク解除するには、［入力フィールドからリッチテキストを解除する］をクリックします。
-
- 右上の[更新]をクリックします フォームの更新を公開します
フォームフィールドでオプションの順序を変更する
ドロップダウン選択プロパティーなど、複数のオプションがあるフォームフィールドを使用している場合は、オプションを並べ替えることができます。利用可能な選択オプションの詳細をご確認ください。
- HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
- フォームの上にマウスポインターを置き、[ 編集]をクリックして 新しいフォームを作成します。
- 右側のパネルで、オプションの順序を変更するフィールドをクリックします。
- 左側のパネルの [フィールドオプション ]セクションで、フィールドオプションの左側にあるdragHandle 点線をクリックし、オプションをクリックして目的の位置までドラッグします。
- オプションをアルファベット順に並べ替えるには、「 sortAlpAsc 並べ替え」をクリックします。
- 右上の[ 確認および更新 ]をクリックして、フォームの更新を公開します。
フォームフィールドを横に並べて配置する
フォームには、最大3つのフィールドを横に並べて配置できます。
- HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
- フォームの上にマウスポインターを置き、[ 編集]をクリックするか、 新しいフォームを作成します。
- 更新版のフォームエディターを使用している場合は、 フォームフィールド をクリックしてドラッグすると配置のオプションが表示されます。
- 従来のフォームエディターを使用している場合は、フィールドの左側にある 点線 をクリックしたままにすると、配置オプションが表示されます。
- ある行のフィールドの隣に配置するには、その行の空いているスペースにドラッグする。
- 右上の[確認および更新 ]をクリックして、フォームの更新を公開します。
注: プログレッシブフィールド(Marketing Hub ProfessionalまたはEnterpriseのみ)は、行内の個々のフォームフィールドに適用できません。個々のフィールドをプログレッシブにすると、同じ行の他の全てのフィールドが自動的にプログレッシブになります。
Forms
