WordPress

WordPressで問い合わせフォームを設置【Contact Form 7】

WordPressで問い合わせフォームを設置【Contact Form 7】
お問い合わせフォームをサイトに設置したい。

サイトの運営に欠かせない、お問い合わせフォームを設置しましょう。

GoogleアドセンスやASP審査時にも重要視され、ネットビジネスにおいては必須となっています。

自作で設置するのは、難しい知識も必要で時間もかかりますよね。

WordPressプラグイン「Contact Form 7」なら初心者の方でも簡単に、お問い合わせフォームを設置可能です。

 

記事の内容
  • Contact Form 7の特徴
  • Contact Form 7の導入方法
  • 承諾確認チェックボックスの設定

 

「Contact Form 7」の設置方法と、入力ミスや迷惑メール対策にもなる「承諾確認チェックボックス」の設定について解説します。

入力ミスってなん「送信」
あ!!
ぜろな
ぜろな
りとぜ
りとぜ
その誤送信も防げるよ!
迷惑メール対策はいくつかあるけど、
チェックボックスも入れておくと安全だね♪

 

WordPressプラグインの活用6選【初期設定】
WordPressプラグインの活用6選【初期設定】ブログ立ち上げ初期段階から必要な、WordPressプラグイン厳選6つの紹介と、インストール方法を解説しています。プラグインを手当たり次第入れるなんて不具合発生のもと。初心者の方におすすめしたい6つのプラグインを紹介します。...

Contact Form 7の特徴

Contact Form 7の特徴Contact Form 7は、日本人開発者によって作られたプラグインで、WordPressとの互換性もあり、お問い合わせフォームの定番となってます。

主な特徴
  • 簡単に作成・設置
  • オリジナルフォームにカスタマイズ
  • 自動返信メールの設定
  • 確認用チェックボックスの設定

お問い合わせフォームの表示例Contact Form7画面

シンプルなお問い合わせフォームが、無料で簡単に設置できます。

 

Contact Form 7のインストール方法

Contact Form 7をインストールします。

WordPress管理画面「プラグイン」「新規追加」をクリックします。プラグイン新規追加

 

キーワード「Contact Form 7」を入力して「今すぐインストール」をクリックします。contact form 7インストール

 

「有効化」をクリックしてインストール完了です。contact form 7有効化

 

固定ページに設置する方法

お問い合わせフォームをWordPress固定ページに設置します。

WordPress管理画面「お問い合わせ」から、ショートコードをコピーします。
お問い合わせショートコードをコピー

 

「固定ページ」「新規追加」をクリックします。
固定ページ新規追加

 

タイトルを入力して、ショートコードを貼り付けます。固定ページにショートコード貼り付け

 

パーマリンクを「contact」などの英字に変更して『公開』をクリックします。お問い合わせパーマリンクを変更

この固定ページへリンクさせれば、お問い合わせフォーム設置完了です。

 

グローバルナビゲーションに追加する方法

お問い合わせページのリンクをグローバルナビゲーションに追加します。

外観『メニュー』の画面を開いて、『グローバルナビゲーション』を選択します。グローバルナビゲーションに追加

 

『お問い合わせ』にチェックを入れて、『メニューに追加』をクリックします。
メニュー構造の最下部に、「お問い合わせ」の項目が追加されます。
お問い合わせを追加

 

好きな順番にドラッグで移動させて、『メニューを保存』をクリックで完了です。好みの順番に各項目をドラッグ

 

グローバルナビゲーションに『お問い合わせ』へのリンクが表示されます。お問い合わせのリンク表示

 

承諾確認チェックボックスの設定

承諾確認チェックボックスの設定お問い合わせコンタクトフォームで、「承諾確認チェックボックス」の設定をします。

迷惑メール対策の一つにもなるので、設定をおすすめします。

チェックボックスのメリット・デメリット

 

メリット
  • 入力した内容の確認をしてから、送信してもらえる
  • 入力途中に送信してしまうミスを防ぐ
  • 自動投稿プログラムによる、迷惑メールをある程度防ぐ

 

デメリット
  • 投稿者がチェックを入れる手間

 

メリットが大きいですね。迷わず設定していきましょう。

 

承諾確認チェックボックスの設定方法

管理画面「お問い合わせ」から、先ほど作ったファイルをクリックします。contact form 7お問い合わせの編集

 

フォームの編集画面から、[submit ”送信”]タグの手前にカーソルを置いて、『承諾確認』をクリックします。コンタクトフォームの編集

 

同意条件欄にコメントを入力します。
オプションのチェックを外して『タグを挿入』をクリックします。承諾確認フォームタグ生成

 

フォームタグが埋め込まれるので、『保存』をクリックして設定完了です。承諾確認フォームタグを確認して保存

 

実際に設置したお問い合わせフォームで、チェックボックスを確認しましょう。
確認用チェックボックスの設定

これは簡単!
ぜろな
ぜろな
りとぜ
りとぜ
このフォームテンプレート編集で
自分の好きなようにカスタマイズできるよ♪

 

WordPressで問い合わせフォームを設置まとめ

WordPressで問い合わせフォームを設置まとめWordPressプラグイン「Contact Form 7」を使った、お問い合わせフォームの設置方法を解説しました。

いくつか便利なフォームタグが用意されてますが、今回説明した「承諾確認」の設定も活用してみてください。

アドセンス審査においては、Googleに「訪問者がコンタクトをとれる健全なサイト」と評価される為にも、お問い合わせフォームの設置は重要と考察します。

Contact Form 7は、インストールも設置も簡単なので、是非導入してみてください。

以上「WordPressで問い合わせフォームを設置【Contact Form 7】」でした。

アドセンス審査に3記事合格した方法【審査10チェック】
アドセンス審査に3記事合格した方法【審査10チェック】Googleアドセンスに3記事で合格した方法を解説します。アドセンス審査基準の確認・ブログ公開8日3記事で合格した経緯を解析・アドセンス審査10チェックを解説します。これから申請する方や審査通過できない方は、要チェックです。...
Amazonアソシエイト審査2020【3つの適格販売が必要】
Amazonアソシエイト審査2020【3つの適格販売が必要】Amazonアソシエイト審査の合格メールが来ないと思われている方は、メールを再確認しましょう。アソシエイト審査が新しくなり、リンクの掲載を開始出来ます。アソシエイト・プログラムの申し込み方法・新しくなった審査の流れ・リンクの作成方法と動作確認ツールの使い方を解説します。...