Diviの使い方10-5 お問い合わせフォームモジュールの利用方法

今回は Divi の各種モジュールのうちから、お問い合わせフォームモジュール（Contact Form）について図解したいと思います。

「お問い合わせフォームモジュール」はサイトの連絡先として利用できるコンタクトフォームを表示させたいときに使用します。

お問い合わせフォームモジュールを利用するには、

初期設定では、名前とメールアドレス、メッセージの入力欄だけのシンプルな構成です。また、数字ベースの Captcha が表示されます。

画像モジュールではコンテンツに下記を設定できます。

• 新規フィールドを追加
• テキスト
• Eメール
• 要素
• 転送

新規フィールドを追加では、利用者に入力させるための複数のフィールドを追加できます。また各フィールドに表示条件を設定することも可能です。初期設定では、Name 、 Email 、 Message のフィールドが設置されています。

フィールドオプションでは、追加するコンテンツの種類がなんであるのかを設定します。下記の種類より選択が可能で、選択した種類によって動きが変わります。

チェックボックス、ラジオボタン、ドロップダウンメニューについては、複数の値を設定可能となる。下記にチェックボックスの例を示す。

ちなみに、フィールドの入力を必須としたい場合は、「必須のフィールド」の設定に「はい」を選ぶことで設定できます。

条件付きロジックをフィールドに設定するとことで、設定したルールに該当したときにそのフィールドを表示させるということができる。

テキストでは下記を設定できます。

Eメールでは下記を設定できます。

要素では Captcha の有無を設定できます。

転送ではメール送信後の動きを設定できます。