Contact form7を使ってWordPressで簡単に問い合わせフォームを作る方法

2021/08/07

( 更新日：2022/04/15 )

Webページに問い合わせフォームを実装したい人は多いと思います。商品やサービスに興味を持ってくれたユーザーを売上につなげるためにも問い合わせフォームは必須です。しかし、フォームを作ろうと思えば、HTML/CSS、jQueryのコーディングが必要ですが、習得には最低でも3ヶ月必要です。

Contact form 7を使えば、初心者でも簡単にすぐに問い合わせフォームを作ることができます。本記事ではContact form7を使って問い合わせフォームを作るための方法を解説します。

Contact form7は問い合わせフォームを作る

Contact form7は問い合わせフォームを作るためのWordPressのプラグインの1つです。HTML/CSS、jQueryの知識がなくても導入がしやすいです。導入の容易やカスタマイズのしやすさから世界中で利用されています。

Contact form7は無料で利用できるプラグインです。しかし、無料とは思えないほどのサポートが充実しています。また、開発者が日本人であるため、日本語の情報が多いのも特徴です。

Contact form7はダッシュボードよりインストールすることができます。まず、ダッシュボードから「プラグイン」→「新規追加」を選択します（赤枠部）。右上の検索窓に「Contact form 7」と入力してください（青枠部）。

すると、プラグインの検索結果が表示されます。その中からContact form7を選び、「今すぐインストール」をクリックします。インストールが完了すると、ボタンが「有効化」となるので、再度クリックして、有効化します。

インストールが完了し、有効化すると左のメニューに「問い合わせ」という項目が追加されます。フォームを作るには「問い合わせ」⇒「新規追加」をクリックします。すると、下記のような画面になります。

フォームに入れたい項目を上の画像の赤枠部から選択していきます。選択すると詳細を設定する画面が出てきますので、自分の作りたい仕様に中身を入力してください。ID属性とクラス属性はHTMLのID名やclass名です。わからない方は空白でも構いません。

入力が完了したら、タグを挿入を押してください。なお、挿入されるタグは下のショートコードの入力欄のカーソルの位置に挿入されます。もし、場所を変えたい場合はカット&ペーストでショートコードを移動させてください。

設定が終わったら、保存ボタンを押します。

送信ボタンが押されたら、自分のメールアドレスにメッセージを送るための設定を紹介します。「フォーム」の横の「メール」で設定できます。タブをクリックすると下の画面が出てきます。

入力内容は以下の通りです。

送信先：[_site_admin_email]にしておけば、WordPressを登録した時のアドレスに送信されます。
送信元：WordPressのサイトから送信されていることを示します。
題名：メールの題名を入力します。
メッセージ本文：メールメッセージの本文を設定します。項目ごとにショートコードがあるので、入力されたデータがメール本文にでるようにショートコードを入れることをおすすめします。フォームの[]の中の*以降の文字、[]内に入れれば表示されます。例えば、メッセージ本文の場合、[your-message]とすればOKです。

設定が終わったら、保存ボタンを押します。