プラグインContact Form 7｜お問い合わせフォームを簡単に作成｜インストールから使い方

こんにちは。“Wd-Labo”ディレクターのOtsukaです。

今回は「プラグインContact Form 7｜お問い合わせフォームを簡単に作成｜インストールから使い方」です。

Contact Form 7はお問い合わせフォームを作成するプラグインです。初心者の方でも簡単に作成できますので初期段階に設定しておきましょう。

今回は、インストールの方法から設定、使い方までをお話しようと思います。

MEMO
Contact Form 7は、カスタマイズしたり様々なフォームを作成することができますが、今回はお問い合わせフォームに限った説明をしたいと思います。

プラグインContact Form 7のインストール

▼WordPress管理画面➡プラグイン➡新規追加へ移動しよう！

右上の検索窓に「Contact Form 7」と入力すると、左側に図のような「Contact Form 7」が表示されるので「今すぐインストール」をクリックしよう。

▼接続情報がポップアップで表示されるので、確認後右下の「開始」をクリックします。

▼インストールが終了と同時に「有効化」をクリックしましょう。これでインストールは終了です。

Contact Form 7の設定

設定場所：WordPress管理画面➡お問い合わせ➡コンタクトフォームへ移動します。

▼デフォルトで「コンタクトフォーム１」があります。「新規作成」か「編集」で開きます。

▼コンタクトフォームを管理するための「タイトル名」を任意の文字列で入力します。今回はそのままコンタクトフォーム１で作成します。

「フォーム」タグデフォルトのままでOKですが、僕は少し変えています。

▼この関連サイトのお問い合わせフォームです。

このまま使ってもらっても構いません。

<p>お名前 (必須)　苗字を漢字でお願いします。<br />
    [text* your-name] </p>

<p>メールアドレス (必須)<br />
    [email* your-email] </p>

<p>お問い合わせ・メッセージの内容<br />
    [textarea your-message] </p>

<p>[submit "送信"]</p>

▼「メール」タブに切り替えます。

このメールとは、あなたのサイトからお問い合わせがあった時に、WordPressからあなたにお問い合わせがありましたよ！と届くものです。

送信先：デフォルトのままで構いませんしアドレスを変更されても構いません。
送信元：デフォルトのまま。
題名：「ブログからお問合わせがありました」の方が区別がつきやすい。
追加ヘッダー：デフォルトのままでOK
メッセージ本文：デフォルトのままでOKです。

メール（２）・・お問い合わせされた方に、すぐ返信される内容です。お客様はお問い合わせしたあと、すぐ返信が届けば安心されますよね。そのような意味合いの折り返しのメールになります。□にチェックを入れます。

題名だけご自分用に入れてください。
メッセージ本文もご自分用に修正されてくださいね。

保存を押して完了です。

今回は、「メッセージ」と「その他の設定」は使いませんのでデフォルトのままでOKです。