フォームを設計する

概要

フォーム要素を使用してフォーム デザイナーでフォームを作成する方法。

Sitecore Forms を使用すると、次のような標準要素を使用してフォームをすばやく作成できます。

  • 保存や削除などの機能やコマンドに簡単にアクセスできるツールバー。

  • フォームを作成するためのフォーム キャンバス。

  • [テンプレートとして保存] などの別の保存オプションがあるドロップダウン メニュー。

  • フォームの作成に使用するフォーム要素を含む [デザイン] タブ。

  • スタイリングの CSS クラス、サムネイル画像、条件、高度な設定 (パフォーマンス トラッキング、AJAX 有効、ロボット検出) などのフォーム設定がある [設定] タブ。

  • ユニーク ビュー、破棄率、エラー率の統計を提供する [パフォーマンス] タブ。

フォーム ダッシュボード

フォームの作成開始前に、フォームの対象者およびキャプチャする情報を決定します。次に、どの質問をするか、どのフォーム要素を含めるかを決定します。

フォームは空白のフォームまたはテンプレートを使用して作成できます。Sitecore Forms にテンプレートが事前定義されていなくても [テンプレートとして保存] コマンドを使用して独自のテンプレートを作ることができます。

フォームを作成するには、以下の手順に従います。

  1. フォーム ダッシュボードで、[作成] をクリックします。

  2. 新しいフォームを最初から作成するには、[空白フォーム] をクリックするか、フォームの基となるテンプレートを選択します。

    フォーム ダッシュボードで、空白フォームをクリックするか、フォーム テンプレートをクリックします。

    重要

    フォームがダッシュボードに表示されない場合は、インスタンスをインストールしたときにインストール後の手順を完了したかどうかを確認してください。Sitecore Forms を正しく機能させるには、インストール後に検索インデックスを再構築する必要があります。

[フォーム要素] ペインからフォーム要素をドラッグし、キャンバスにドロップしてフォームをフィールドに追加します。フォーム キャンバスにフォームを配置したら、[フォーム要素] パネルの [一般] タブでその要素の設定を変更できます。

注記

フォーム要素の設定を定義するときは、意味のあるフィールド名を追加する必要があります。フィールド名はフォーム フィールドの Sitecore 定義アイテムの実際のアイテム名です。フォーム要素に意味のある名前を付けると、フォーム フィールド パフォーマンス トラッキングなどでフォーム要素を簡単に区別できます。

フォーム フィールドを追加するには、以下の手順に従います。

  1. [フォーム要素] ペインで、追加する要素をクリックし、フォーム キャンバスにドラッグします。

    フォームをキャンバスにドラッグします。

    緑の線は、フォーム キャンバスに要素を配置できる有効な位置を示します。

  2. フォーム要素の設定を指定するには、キャンバス上で要素をクリックして選択します。

  3. フォーム要素の変更を確認するには、[フォーム要素] ペインの [設定] タブで、フォーム要素の設定を定義し、[適用] をクリックします。

    注記

    Web サイトにパブリッシュする前にフォームをプレビューすることをお勧めします。Sitecore Forms でのフォームの表示方法は、Web ページ上のフォームの実際のスタイルを反映していない場合があります。

  4. フォームにリストを追加するには、[フォーム要素] ペインの [リスト] セクションで、[ドロップダウン リスト] をフォームのキャンバスにドロップします。

    ドロップダウン リスト要素
  5. フォームに送信ボタンを追加するには、[フォーム要素] ペインの [構成] セクションで、[送信ボタン] 要素をフォームのキャンバスにドロップします。

    フォームに送信ボタンを追加します。
  6. [詳細] セクションで、ボタン名を入力し、”ナビゲーション ステップ” フィールドで [投稿] を選択します。

  7. フォームの変更を確認するには、[適用] をクリックします。

    注記

    フォーム フィールドを削除するには、削除するフィールドをクリックして選択し、ツールバーの [削除] をクリックします。

  8. ツールバーでは以下の操作を実行できます。

    • 新しいフォームを保存し名前を付けるには、[保存] をクリックします。

    • フォームのコピーを保存して名前を付けるには、ドロップダウン矢印をクリックし、[名前を付けて保存] を選択します。

    • フォームをテンプレートとして保存するには、ドロップダウン矢印をクリックしてから、[テンプレートとして保存] を選択します。