フォームのデザイン

左側の コンポーネント パネルで、フィールド コンテンツコンポーネントをドラッグし、キャンバスにドロップします。

{width="700" modal="regular"}

フィールド属性を選択 をクリックします。

フィールド属性を選択 ダイアログで、フィールドに使用するユーザープロファイル属性のチェックボックスを選択し、「選択」をクリックします。

XDM ビジネススキーマ ​ によって、使用可能な属性が決まります。 Journey Optimizer B2B edition インスタンス用に定義されている任意のカスタムフィールドも使用できます。 「検索」テキストボックスを使用して名前でリストをフィルタリングするか、フィルターアイコンをクリックしてスキーマ/データタイプでリストをフィルタリングします。

{width="700" modal="regular"}

キャンバス上で、選択した属性のデフォルトのフィールドラベルがキャンバス上に入力されます。 フィールドの詳細 は、右側のパネルに表示されます。

必要に応じて、ラベル テキストを変更します。

このテキストは、フォームのフィールドの横に表示されます。 デフォルトのテキストは field 属性から投入されます。

フィールドのデータのタイプに応じて フィールドタイプ を設定します。

選択したフィールドタイプに応じて、フィールド入力と検証のその他のオプションを設定します。

{width="400" modal="regular"}

• プレースホルダー - フィールドに期待される内容の例を訪問者に提供する、フィールドのプレースホルダー値。

• 説明 – 訪問者がフィールドに入力するのに役立つ説明テキスト。 フィールドの ホバーテキスト として表示するテキストを入力します。

  note tip
  TIP
  説明とプレースホルダーテキスト
  これらの 2 つのプロパティを使用して、訪問者がフィールドに入力できるようガイドします。 フィールド上にポインターを置くと、指示テキストがツールヒントまたはポップアップテキストとして表示されます。 プレースホルダーテキストはフィールド内に 淡色表示 され、訪問者がフィールドにテキストを入力すると消えます。 両方の方法を使用することも、どちらか一方のみを使用することもできます。

• デフォルト値 – このオプションを使用して、フィールドのデフォルト値を指定します。

• 検証メッセージ - フィールドの検証メッセージを指定できます。 このメッセージは、訪問者がフィールドに無効な値を入力した場合に表示されます。 標準 メッセージはデフォルトで設定されます。 カスタム を選択し、独自のメッセージを入力します。

• 最大長 - フィールドに入力できる最大文字数を入力します。

必要に応じて、フィールドの動作 を設定します。

• 必須 - フォームの送信にフィールド入力を必須にするには、このチェックボックスを選択します。

• 定型入力を有効にする – このチェックボックスを選択すると、定型入力を使用して訪問者からの入力を制限します。 例えば、訪問者に特定の形式で電話番号を入力してもらうことができます。 ダイアログで、任意の数字に対して 9、任意の文字に対して a、またはいずれかに対して * を使用してマスクを入力します。 「保存」をクリックして、指定した定型入力を有効にします。

  {width="500" modal="regular"}

右側のパネルで CSS を表示 をクリックして、CSS コードを確認します。

{width="450" modal="regular"}

スクロールウィンドウで CSS コードを選択し、クリップボードにコピーします。

「閉じる」をクリックします。

（オプション）コピーしたコードをお気に入りの CSS ツールに貼り付け、CSS を編集して目的のスタイルを反映します。

右側のパネルで「カスタム CSS を追加」をクリックします。

CSS コードをウィンドウに貼り付けます。

{width="450" modal="regular"}

このウィンドウで貼り付けたテキストを編集できます。

「保存」をクリックします。