# 入力フォームノード

「入力フォーム」ノードを使用すると、保存して担当メンバーにメール送信するための一連の情報を入力するよう顧客に依頼することができます。この新機能は、顧客からの取得を要する情報がある場合に便利です。

開始するには、ノードアイコンで入力フォームノードを選択します。

<figure><img src="https://3244404108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR2CRA2CisD1pVQUgqd1g%2Fuploads%2F0jRf1HRrlfbzrLAkB8w3%2Fimage.png?alt=media&#x26;token=153da0c6-2eb7-4ed4-b558-134dbc4b2642" alt=""><figcaption></figcaption></figure>

このノードは3つの部分により構成されています。1つ目は、顧客に情報を求めるためにここに表示させるメッセージの配置です。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A02.png?resize=334%2C206&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

2つ目は、顧客に依頼する情報を指定することです。新たな入力項目を追加するには、「+ 項目を追加」ボタンをクリックします。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A03.png?resize=311%2C537&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

下のようにエディタが表示されます。スキルに表示される項目の名前を入力し、顧客が入力する情報を保存するための変数を選択します。オプションの項目を作成する場合は「オプション」にチェックを入れます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A04.png?resize=318%2C594&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

「オプション」のチェックボックスの下で「ボタンのオプションの追加」トグルをオンにすると、フィールドは上に示すように多項選択式の項目になります。「+ 追加」オプションをクリックして顧客が選択できるボタンのオプションを追加し、オプションのタイプとして「通常」または「ダイナミック」を選択します。ダイナミックのオプションの詳細については[**このユーザーガイド**](https://docs.allganize.ai/alli-userguide/settings/variables/list-variables-file-variables)を参照してください。また、「複数回答」を選択し、顧客がボタンのオプションから複数の回答を選択できるようにすることもできます。

また、ボタンのオプションに画像を追加したい場合は、オプションタイプを選択して、画像を選択するか、画像フィールドにドラッグ＆ドロップします。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A05.png?resize=550%2C425&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

追加した画像は、スキルエディタで確認ができます。画像はチャットウィンドウでラベルテキストとともに表示され、クリックすると拡大表示されます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A06.png?resize=741%2C793&#x26;ssl=1" alt=""><figcaption><p>スキルエディタで追加された画像を確認します。</p></figcaption></figure>

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A07.png?resize=336%2C380&#x26;ssl=1" alt=""><figcaption><p>画像はチャットウィンドウでラベルテキストとともに表示されます。</p></figcaption></figure>

フィールドのデザインが済んだら、「適用」ボタンをクリックして保存します。さらに項目を追加したい場合は、「+ 項目を追加」から手順を繰り返します。

最後に、メールで情報を送信したい場合は、「担当メンバー宛にメールで送信」をチェックします。特定のメンバーを選択するか、未選択のままにしてメールを可能なすべてのメンバーに送信することができます。これが選択されていない場合、情報はメール送信されず、各変数に保存されるだけです。

「顧客のメールアドレスに返信」にチェックを入れることで、入力フォームが送信されたことを通知する「<no-reply@allganize.ai>」からのメールに、顧客情報の変数「@EMAIL」を使用して、顧客へ直接メールを返信することが可能です。この機能を使用する場合は入力フォームなどで必ず顧客のメールアドレスを@EMAILで取得する必要があります。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2023/01/image-1.png?resize=328%2C152&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

「適用」をクリックしてノードを保存すると、それはチャットのフローエディタに表示されます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A011.png?resize=304%2C213&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

実際のチャットフローの様子はこのようになっています。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/node-form10.png?resize=301%2C482&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

もう一つ、フォームで顧客にファイルをアップロードしてもらうよう依頼することもできます。これは、項目に設定する変数をファイルタイプの変数を選択するだけで済みます。

## アップデート <a href="#updates" id="updates"></a>

2021/2/18 – フォームの構築ノードでボタンのオプションに画像を追加できるようになりました。下の「ボタンオプションの追加」トグル部分を参照してください。
