> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# フォーム入門

> Kameleoon Widget Studioを使用して、訪問者のデータを収集および検証するための完全にカスタマイズされたフォームをウェブサイト上に作成・表示します。

Kameleoon Widget Studioを使用して、ウェブサイト上に完全にカスタマイズされたフォームを作成・表示できます。

## ユースケースの例

訪問者にニュースレターへの登録を促したいとします。目標は、メールアドレスを収集し、訪問者にパーソナライズされたオファーを提供することです。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-forms/introduction-to-forms/0.png)
</Frame>

ウィジェットはデータを収集し、データが正しい形式かどうかを確認し、適切な宛先に送信し、それに応じて反応する必要があります。

そのために、複数の要素を含むフォームを持つウィジェットを作成します。

* **Email address** フィールド
* 条件付きロジックを含む2つの選択ドロップダウン
* 利用規約に同意するためのトグル
* データ送信成功画面
* データ送信失敗画面

まず、[新しいウィジェットを作成する](../create-a-widget)必要があります。

次に、[これらの](./design-your-form)ステップに従って、Widget Studioでフォームを作成できます。