マインド太郎ブログ【成功者マインド】

マインド太郎ブログでは成功者マインド・ブログ収益化・お金に関するノウハウを発信中!Amazonプライムを愛しています。

BLOG

【Contact Form 7】ブログでお問合せフォームを作成する方法

投稿日:

お問い合わせフォームはどう設置するんだろう……..困ったな
マインドまなぶ
マインドまなぶ

マインド太郎
マインド太郎
「contact form 7」を使うとかんたんにお問い合わせフォームを作れるよ!



✔️本記事の対象者

  • お問い合わせフォームをかんたんに設置したい方

 

✔️本記事の執筆者

人気ブログランキングへ

目次

  1. Contact Form 7:使い方
  2. Contact Form 7:インストール方法
  3. Contact Form 7:お問合せフォーム作成方法
  4. Contact Form 7:メニューに表示する方法
  5. Contact Form 7:まとめ

1.Contact Form 7:使い方

WordPressのプラグイン「Contact Form 7」を使えばかんたんに「お問合せフォーム」を設置することができます。

Webページに直接テキストを入力してサイト管理者へメールを送信できる入力欄のことです。

完成図のイメージは以下のようになります。

 

2.Contact Form 7:インストール方法

ではインストール方法について解説していきます。

①WordPressの左サイドバー「プラグイン」「新規追加」を選択します。

②右上のキーワードに「contact Form 7」と入力します。

③富士山マークのプラグインが表示されたら「今すぐインストール」をクリックします。

④インストールが完了したら「有効化」をクリックします。

マインド太郎
マインド太郎
インストール作業は完了です!


 

 

3.Contact Form 7:お問合せフォーム作成方法

次にお問い合わせフォームの作成方法について解説します。

 

WordPressの左サイドバー「プラグイン」「新規追加」を選択して「新規追加」をクリックします。

 

コンタクトフォームを追加に「問合せ1」とタイトルを入力します。

注意:「フォーム」タブではデフォルト(あらかじめ設定されている標準の状態)で、「氏名」・「メールアドレス」・「題名」・「メッセージ本文」・「送信」ボタンになっていますが、デフォルトを削除してわかりやすいように最初
から作っていきます。

①【名前】と入力をします。

②「テキスト」タブをクリックします。

 

 

①フォームタグ生成画面の「必須項目」に✔️を入れます。

②「タグを挿入」をクリックします。

①【名前】の横にタグが表示されてればOKです。

②右上の「保存」をクリックします。

 

「メール」タブを選択します。

①タグが表示されますのでコピーをします。

②メッセージの本文欄の【お名前】の右横にタグをペーストします。

③「保存」をクリックします。

【名前】と同じやり方で【電話】・【メール】・【備考】も1つずつ作成します。

①例えば【電話】と入力をします。

②「テキスト」をクリックします。

③フォームタグ生成画面の「必須項目」に✔️を入れます。

④「タグを挿入」をクリックします。

⑤【名前】の横にタグが表示されてればOKです。

⑥右上の「保存」をクリックします。

⑦【名前】【電話】【メール】【備考】を同じやり方で4つ全て作成できましたら「保存」をクリックします。

 

 

「メール」タブを選択します。

こちらも【名前】と同じやり方で【電話】・【メール】・【備考】も1つずつ作成します。

①タグが表示されますのでコピーをします。

②メッセージの本文欄の【電話】・【メール】・【備考】の右横にタグをペーストします。

③【名前】【電話】【メール】【備考】を同じやり方で4つ全て作成できましたら「保存」をクリックします。

次に送信ボタンを作成します。

①フォームをクリックします。

②送信ボタンをクリックします。

①フォームタグ生成画面のラベルに「送信」と入力します。

②「タグを挿入する」をクリックします。

送信のタグが表示されればOKです

①「保存」をクリックします。

「メール」タブを選択します。

読者からお問い合わせがあった場合にこちらに登録したメールアドレスに送信がされます。

①送信先に管理者のメールアドレスを入力します。

②送信元に管理者のブログURLを入力します。

③【名前】のタグをコピーします。

④コピーした【名前】のタグをペーストします。

⑤「保存」をクリックします。

 

お問い合わせフォームをWordPressのコンテンツ内に埋め込むための「ショートコード」が表示されます。

「ショートコード」を「固定ページ」にコピーすればお問い合わせページが表示されます。

【名前】【電話】【メール】【備考】欄と【送信ボタン】が完成です!

ついに僕のお問い合わせフォームができたぞ!!!
マインドまなぶ
マインドまなぶ
マインド太郎
マインド太郎
立派なお問い合わせフォームができたね、おめでとう!!!


4.Contact Form 7:メニューに表示する方法

 

①外観の「お問い合わせフォーム」と「すべて選択」にチェックします。

②「メニューに追加」をクリックします。

 

①メニューに「お問い合わせフォーム」が追加されます。

②「メニューを保存」をクリックします。

グローバルメニューに「お問い合わせメニュー」が表示されればOKです!

 

5.Contact Form 7:まとめ

今回はWordPressのプラグイン「Contact Form 7」で「お問い合わせフォーム」を設置する方法を画像つきで解説していきました。

「お問い合わせフォーム」を作るとGoogleからの評価も上がりますのでまだの方はぜひ設定してみてください。

おわり🙇‍♂️

✅ 関連記事

ブログのはじめ方5ステップ
アフィリエイトのはじめ方手順3つ
Googleキーワードプランナーのはじめ方

-BLOG
-

執筆者:

関連記事

ブログ記事をスピードアップして執筆する方法7選

✔️ 先日下記のツイートをしました。 【スピードアップ】 最初ブログを書いてた頃は1記事に10時間以上かかっていましたが、記事の内容にもよりますが65記事ぐらい書いたら8時 …

【超かんたん】ブログはじめかた5ステップ

ブログはじめかた【初心者編】

WordPress初期設定の方法2つだけ【かんたん】

ワードプレス初期設定の方法

ブログが楽しい理由5選【経験談あり】

ブログの楽しい理由を5つ分類して解説しています。実際に自分がブログで60記事を書いてきましたが時間さえあればブログを書いている日々です。ブログに興味ある方はぜひこの記事を参考にしてみてください。

【WordPress編】ブログのCTR(クリック率)を改善する方法10個

ブログで記事を書いたけどCTR(クリック率)があがらないで悩んでいませんか?本記事ではCTR(クリック率)を改善する方法についてかんたんにわかりやすく解説していますので参考にしてみてください!

カテゴリー

にほんブログ村