シンプルなお問い合わせフォームに最適なワードプレス（WordPress）のフォームプラグイン『Snow Monkey Forms』

タイトルは、例えばお問い合わせフォームであれば、そのまま『お問い合わせフォーム』と入力で大丈夫です。項目は、『お名前』『Eメール』『メッセージ』の項目は初期設定で必須項目として入っています。この項目のみで良い場合、STEP3へお進みください。

追加する項目がある場合、追加する項目の箇所の「+」を押して追加します。例えば、Eメールとメッセージの間に『携帯電話』の項目を追加したい場合、下記の場所の「+」をクリックします。

『ラベル』等の項目が追加されるので、その横の『+』をさらにクリックし、表示されたメニューから『すべて表示』をクリックします。

すると、左側にブロック一覧が表示され、その中に『SNOW MONKEY FORMS』という項目があります。ここから必要な項目をクリックします。（ここでは携帯電話の項目を追加したいため、『Tel』をクリック）

するとこのように枠が入りました。

このままだと何の入力項目かわからないため、『ラベル』の箇所に『携帯電話番号』と入力します。

もし、携帯電話番号が入力必須の場合、右側のブロックメニューにある『バリデーション』のチェックを入れてください。もし、右側のブロックメニューが表示されていない場合、下図のピンクで囲ってあるボタンをクリックすると表示されます。

さらに、携帯電話番号とメッセージの間に『お問い合わせ種別』を追加してみたいと思います。

先ほどと同じように携帯電話番号とメッセージの間の『+』を押し、『ラベル』等の項目が追加されるので、その横の『+』をさらにクリックし、表示されたメニューから『すべて表示』をクリックします。

すると、左側にブロック一覧が表示され、その中に『SNOW MONKEY FORMS』という項目があります。ここから『セレクトボックス』をクリックします。

下図の点線で囲まれた部分のように項目が追加されるので、『ラベル』にまたわかりやすい名前（例えば『お問い合わせ種別』など）を入力します。

そして、プルダウンで表示される選択項目を設定します。『value1』と薄く表示されている項目をクリックし、右側に表示されたブロックメニューから『OPTIONS』の中身を修正します。（この項目も入力必須でしたら、『バリデーション』をチェックしてください）

入力形式は説明にあるとおり、『”value” : “lavel”』か『value』です。

例えば、『”選択1″ : “お問い合わせ”』と入力した場合、フォーム送信後に届くメールに記載されるのは『選択1』になります。『お問い合わせ』と入力した場合、フォーム送信後に届くメールに記載されるのは『お問い合わせ』になります。

私は後者の方がわかりやすいと思いますので、下図のように

お問い合わせ
無料相談
お申し込み

と入力しました（項目は例）。選択項目ごとに改行が必要です。

このように必要な項目を追加していきましょう。

フォーム設定画面をスクロールすると、下に送信完了画面の項目があります。初期設定で『完了しました』という一文が入力されています。このままでよければ、STEP4にお進みください。

完了画面の表示はお好みですが、私の場合は、このように設定しています。

• 『完了しました』を『送信しました』に修正。
• その下にリストブロックを使って、注意事項を明記。（『届くメールの送信元メールアドレスの提示』と『メールが届かなかった場合の対処方法』について）
• 『HOMEに戻る』ボタンを追加。

ブロックエディターの各項目が使って、お好みの表示になさってください。

ページ右上にある『フォーム設定を開く』ボタンをクリックします。

すると、右側にフォーム設定メニューが出てきます。最初に確認画面について設定しましょう。確認画面が不要な場合はスキップしてください。

『確認画面を使用する』をオンにすると、項目が増えますので、各ボタンに表示されるテキストを入力します。また、フォームスタイルはデザインが多少変わりますので、それぞれのスタイルに設定してみてお好みのデザインを選択してください。（私は『Letter』が見やすく、好きです）

さらにフォーム設定をスクロールすると、次に『管理者宛メール』項目が表示されます。

これは、フォームが送信された際に管理者（ホームページを運営している側）に届くメールです。なので、あまりメッセージ内容にこだわる必要はありません。下記の項目を設定しましょう。

• TO（メールアドレス）とFROM（メールアドレス）にご自身のメールアドレスを入力する。
• 『件名』にメールが届いたときにわかりやすいタイトルを付ける。
• 『送信者』はお好みですが、メールが届いたときの送信者のメールアドレス部分の表示が名前になっている方が良い場合、ご自身のお名前を入力します。

さらにフォーム設定をスクロールすると、次に『自動返信メール』項目が表示されます。

これは、フォームが送信された際にフォーム入力したお客様に届くメールです。なので、あまり『BODY』部分のメッセージ内容を丁寧にすることをお勧めします。下記の項目を設定しましょう。

• 『件名』にメールが届いたときにわかりやすいタイトルを付ける。
• BODYはご自身の文章のテイストに合わせて調整しましょう。例えば、私の場合、下記のように変更しています。
  
  ▼ サンプル ▼
  {fullname}様
  
  お申し込みいただきありがとうございます。
  ディーイーエフ社 山田 花子です。
  
  下記の内容で送信いたしました。
  内容を確認の上、48時間以内にご返信いたします。
  
  ご返信メールが届かない場合、恐れ入りますが、迷惑メールフォルダ等をご確認の上、” abc@def.com ”へお問い合わせください。
  
  ===
  {all-fields}
  ===
  
  ◆————————————◆
  　ディーイーエフ社
  　代表　山田 花子
  　abc@def.com
  　https://def.com/
  ◆————————————◆
  本メールはディーイーエフ社のお問い合わせ・申し込みフォーム（ https://def.com/form/ ）から送信されました。
• FROM（メールアドレス）にご自身のメールアドレスを入力する。
• 『送信者』はメールが届いたときの送信者のメールアドレス部分の表示になります。お客様にとっては、名前になっている方が安心する可能性があるため、ご自身のお名前を入力しましょう。

すべての設定が終わりましたら、右上の『公開』ボタンを押します。

実際のお問い合わせページにフォームを設置します。ワードプレスの左側メニューから[固定ページ]-[新規追加]をクリックしてください。

新しい固定ページが作られますので、タイトルにフォーム名（ここでは『お問い合わせフォーム』）を入力し、本文に必要に応じてフォームの説明文を入力して、新規段落ですべてのブロックを表示させます。

左側に表示されたブロックの種類の『SNOW MONKEY FORMS』欄から『Snow Monkey Form』をクリックします。

すると、『フォームを選択してください』というプルダウンメニューが表示されるので、先ほど作成した『お問泡あせフォーム』を選択します。

すると、このようにフォームが挿入されます。正しいフォームが挿入されたことを確認して、ページを公開してください。（スラッグの設定はお好みですが、お問い合わせフォームの場合、『contact』や『form』が多いようです）

公開したページをブラウザで表示させて、実際にフォームに入力・送信して、ただしくメールが届くことを確認しましょう。