CMS：コレクションに送信する入力要素を含むカスタムフォームを作成する

訪問者が入力要素を使用して、CMS コレクションに直接情報を送信できるカスタム CMS フォームを作成します。入力要素には、テキストボックス、ドロップダウンリスト、日付ピッカーなどが含まれます。この記事では、フォームの回答を保存するコレクションを作成して、ページに入力要素と送信ボタンを追加し、データセットを使用してこれらを接続する方法について説明します。

カスタムフォームの送信内容を保存するコレクションを作成して、コレクションの権限を設定します。「コンテンツを収集」の権限を選択し、ライブサイトからコンテンツを追加または表示できるユーザーを選択します。あるいは、「高度」を選択して、役割（すべての訪問者、サイト会員、アイテムの作成者、共同管理者）ごとに、コンテンツを表示、追加、更新、または削除できるユーザーを指定することもできます。

この時点でコレクションにフィールドを追加することもできますが、フィールドは入力要素を接続する際に追加することをおすすめします（「ステップ 3」を参照）。このようにすることで、入力要素に接続できるフィールドのみを正しく追加することができます。

エディタでカスタムフォームを作成するページまたはセクションに移動します。次に、訪問者が回答を送信するために使用するすべての入力要素を追加します。それぞれの入力要素には、収集できるデータの種類や接続できるフィールドタイプに制限があるため注意してください。

各入力要素を、「回答」コレクションに接続するデータセットに接続します。次に、回収するデータの種類に一致する新しいコレクションフィールドに入力値を接続します。

訪問者がドロップダウン要素とセレクトタグ要素で選択するオプションを、別の CMS コレクションのアイテムに接続することもできます。これを行うには、リストオプションを別のコレクションのフィールドに接続する別のデータセットに接続します。このデータセットは、「読み取り」または「読み取り・書き込み」モードに設定する必要があります。

次に、訪問者が入力要素で入力または選択した回答をコレクションに送信できるようにします。通常のボタンまたは画像を使用して「送信」ボタンを作成し、データセット設定のクリック時の動作を選択します。訪問者が「送信」ボタンをクリックすると、「回答」データセットに接続されているすべての入力要素の値がコレクションに保存されます。データセットモードとコレクションの権限に応じて、値は新しいコレクションアイテムとして追加されるか、既存のコレクションアイテムを更新するために使用されます。

 

また、以下のデータセットアクション用に個別のボタンを作成することもできます：

各入力要素をカスタマイズして、サイトの外観と操作感に合った一貫性のあるフォームを作成できます。

入力要素を使用したカスタムフォームの作成に関するよくある質問とその回答については、以下の質問をクリックしてください。