フォームをデザインする

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

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

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

  • フォームを構築するためのデザイン キャンバス。

  • Save as templateなどの追加の保存オプションを含むドロップダウン メニュー。

  • フォームの作成に使用できるフォーム要素を含むDesignタブ。

  • スタイル設定用のCSSクラスやサムネイル画像などのフォーム設定を変更できるSettingsタブ。また、条件、パフォーマンス追跡、AJAXの有効化、ロボット検出などの詳細設定にもアクセスできます。

  • フォーム ビュー、放棄率、およびエラー率に関する統計を提供するPerformanceタブ。

Forms dashboard
先端

フォームの作成を開始する前に、フォームの対象者が誰で、どのような情報を取得しようとしているかを決定します。次に、どの質問をし、どのフォーム要素を含めるかを決定します。

フォームを作成する

空白のフォームから開始することも、テンプレートを使用してフォームを作成することもできます。Sitecore Formsには事前定義されたテンプレートは含まれていませんが、Save as templateコマンドを使用して独自のテンプレートを作成できます。

フォームを作成するには:

  1. Formsダッシュボードで、「 Create」をクリックします。

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

    On the Forms dashboard, click blank form or click a form template.
    大事な

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

フォームに要素を追加する

フォームにフィールドを追加するには、Form elementsペインからフォームキャンバスにフォーム要素をドラッグします。フォーム キャンバスに要素を配置した後、Form elementsウィンドウのGeneralタブでその設定を変更できます。

メモ

フォーム要素の設定を定義するときは、Field nameを追加します。フィールド名 は、フォーム フィールドのSitecore定義アイテムの実際のアイテム名です。フォーム要素に意味のある名前を付けると、フォームフィールドのパフォーマンス追跡などでフォーム要素を区別するのが容易になります。

フォームフィールドを追加するには:

  1. Form elementsウィンドウで、追加する要素をクリックし、フォーム キャンバスにドラッグします。

    Drag the form to the canvas.

    緑色の線は、フォームキャンバス上の要素の有効な位置を示します。

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

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

    手記

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

  4. フォームにリストを追加するには、Form elementsペインのListsセクションで、Dropdown listをフォーム キャンバスにドラッグします。

    Dropdown list element
  5. フォームに 送信 ボタンを追加するには、Form elementsペインのStructureセクションで、Submit button要素をフォーム キャンバスにドラッグします。

    Add the submit button to the form.
  6. Detailsセクションで、ボタンの名前を入力し、Navigation stepフィールドでSubmitを選択します。

  7. Detailsセクションで、Submit actionの横にあるをクリックし、適用するアクションを選択します。送信アクションを追加する場合は、この手順を繰り返します。

  8. フォームの変更を確認するには、「 Apply 」をクリックします。

  9. ツールバーで、次の操作を行います。

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

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

    • フォームをテンプレートとして保存するには、ドロップダウン矢印をクリックし、Save as a templateをクリックします。

フォームフィールドの削除

フォームフィールドを削除するには:

  1. Form elementsウィンドウで、削除するフィールドをクリックします。

  2. ツールバーのDeleteをクリックします。

この記事を改善するための提案がある場合は、 お知らせください!