WordPress

WordPressで「お問い合わせページ」の【簡単】な作り方「Contact Form 7」

2020年8月14日

WordPressで「お問い合わせページ」の【簡単】な作り方「Contact Form 7」

今回は、WordPressプラグイン「Contact Form 7」を使って、サイトにお問い合わせページを設置する手順を、紹介します。

Contact Form 7」を使う事で、HTMLやCSSといったコーディングの知識が無い方でも簡単にお問い合わせフォームを設置できるので、非常に便利です。

Contact Form 7公式サイト

それでは、やってみましょう!

Contact Form 7をインストールして有効化する

まずは、プラグインの新規追加画面で「Contact Form 7」をインストールして有効化します。

コンタクトフォームの設定をする

有効化になると、管理画面からコンタクトフォームの設定画面に行けますので、以下のように、①(お問い合わせ)→②(コンタクトフォーム)とクリックします。

画面が変わるので、(コンタクトフォーム1)をクリックします。

編集画面に変わりますので、必要なら(フォーム、メール、メッセージ、その他の設定)の設定をします。

  • フォーム:お問い合わせフォームの内容の設定
  • メール:お問い合わせの通知や自動返信メールの設定
  • メッセージ:お問い合わせフォームで表示する各種メッセージの設定
  • その他の設定:カスタマイズのためのコードをここに追加

基本的には全てデフォルト設定のままで大丈夫ですが、メール設定の「メール(2)」はお問い合わしたユーザに「ちゃんと受け付けました!」と自動返信するためのメールです。

デフォルトだと「メール(2)」は利用しない設定になっていますので、ここは利用する事をおすすめします。

設定する場合はここで編集しましょう。

(メール)をクリック→(メール(2)を使用)にチェックを入れる→(題名)の箇所を編集(自動返信メールの題名になる)→変更したら、(保存)をクリックします。

コンタクトフォームの編集画面の上の方にあるショートコードをコピーします。

以上でコンタクトフォームの設定はOKです。

次に、設定したコンタクトフォームを、サイトの各ページに設置するやり方を紹介します。

今回は、固定ページとサイドバーに設置しました。

コンタクトフォームを固定ページに設置する

管理画面から、①(固定ページ)→②(新規追加)の順にクリックします。

①(タイトル)を編集(例:お問い合わせ)→②コピーしていたショートコードを本文に貼り付ける→③完了したら、(公開)をクリックします。

これで、トップページに「お問い合わせ」が設置されます。

クリックしてページを確認するとこんな感じです。

コンタクトフォームをサイドバーに設置する

管理画面から、①(外観)→②(ウィジェット)をクリックします。

(テキスト)をクリック→①(サイドバー)を選択→②(ウィジェットを追加)をクリックします。

①タイトルを編集(例:お問い合わせ)→②コピーしていたショートコードを本文に貼り付ける→③(Sabe)をクリックします。

(完了)をクリックします。

これで、サイドバーに「お問い合わせ」が設置されます。

確認すると、こんな感じです。

まとめ

サイトを運営していると,お問い合わせページはほぼ必須になります。

Contact Form 7」は,お問い合わせページを簡単に設置できますのでおすすめです。

また,WordPressでおすすめのプラグインについては以下の記事を参考にしてください。

WordPressおすすめのプラグインまとめ【最適なものを厳選】

今回は、以上になります。

それではまた!

  • この記事を書いた人
  • 最新記事

ヒロシ

ヒロシです。
現在は会社員としてエンジニアの業務を行っています。
担当業務は主に、WordPressサイト開発、改修です。
ブログやプログラミング学習で役に立つ情報を発信しています。

-WordPress

Copyright © ヒロシブログ 2020