「Contact Form 7」と独自ドメインの「メールアドレス」でお問い合わせフォームを作成しよう

contact-form-7
スポンサーリンク

WordPressでブログを立ち上げた方なら、早い段階で「お問い合わせフォーム」を設置していると思います。

ですが、「お問い合わせフォーム」で送受信されるのは、WordPressに登録時のメールアドレス経由になることを知っていますか?

プライベート用と使い分けをしたいという方は、独自ドメインの「メールアドレス」の選択肢がありますよ。

55万アカウント突破!おすすめのレンタルサーバー

ブログ専用の独自ドメインの「メールアドレス」を無料で作成しよう!

スポンサーリンク
目次

「お問い合わせフォーム」のメールはどこに届くのか?

プラグイン「Contact Form 7」の設定をする前に、まずは確認することがあります。

さて、あなたのブログの「お問い合わせフォーム」から来たメールはどこに受信するのでしょう。

確認する方法があります。

STEP
WordPress→ダッシュボードから「設定」をクリック

一般設定の上から5番目の項目「管理者メールアドレス」を参照

STEP
お問い合わせフォーム→「管理者メールアドレス」

※お問い合わせフォームから送信されたメールは、「管理者メールアドレス」に設定されているメールアドレスに届きます。

フリーメールなら専用のメールボックスへ、プライベート用のメールアドレスならメーラーに保存されます。

もしもプライベート用のメールアドレスでWordPressに登録した方は、この点に注意してください。

送信者からのメールに返信するときは、相手先にプライベート用のメールアドレスが表示されます。

問題ないよ!という方は、そのままでOK。

itolico

私はプライベート用と使い分けしたいです。

独自ドメインの「メールアドレス」でお問い合わせフォームを作成する

WordPressにはじめて登録する方は、ワードプレスの設定に懸命になっていますが、そうです!忘れてならないサーバーの特典を利用しましょう。

ConoHa WINGでは、独自ドメインの「メールアドレス(Webメール)」がタダで取得できます。

独自ドメインの「メールアドレス」の取得については、こちらのページも合わせて参考にしてみてください。

では早速、レンタルサーバーで取得した、独自ドメインのメールアドレス「info@〇〇〇.com」等を使って設定していきましょう。

フリーメールと違って、信頼性もあり、ブログのタイトル入りのアカウントは宣伝効果がありますよね。

レンタルサーバー ConoHa WING公式サイトで 詳細を見てみる

プラグイン「Contact Form 7」を入手しよう

プラグイン「Contact Form 7」を検索

「Contact Form 7」をインストール

Contact Form 7を使ったお問い合わせフォームの設置をしていきましょう。

STEP
ダッシュボード→「プラグイン」をクリック

「新規追加」をクリック

STEP
プラグインの検索窓から「Contact Form 7」を入力して検索

「今すぐインストール」をクリック→「有効化」をクリック

インストール完了後は、ダッシュボードに「お問い合わせ」のメニューが新たに増えます。

続いて、プラグイン「Contact Form 7」の設定をしていきます。

「Contact Form 7」の詳細設定

STEP
ダッシュボード→「お問い合わせ」をクリック

「コンタクトフォーム1」の編集または「新規追加」をクリック

STEP
読者様入力用の設定

上部タブの「フォーム」の

  • お名前(必須)
  • メールアドレス(必須)
  • メッセージ本文(必須)

上記の3つのみで不要な項目は削除しました。

STEP
上部タブの「メール」設定

送信先 WordPressの「管理者メールアドレス」に設定されたメールアドレスに送信されます

別のメールアドレスに変更したい場合は[_site_admin_email]を削除をして、任意のメールアドレスinfo@〇〇〇.com 等を入力

STEP
「メール2」の設定(読者様自動返信メール)

引き続き自動返信メールの設定もしていきましょう。

  • メール(2)を使用にチェック

→最後に「保存」をクリック

STEP
作成されたコードをコピー

ブルーの枠内に表示されたコードをすべてコピーし、固定ページにペーストします。

固定ページを作成

STEP
ダッシュボード→固定ページ→新規追加をクリック

タイトルは「お問い合わせ」または「コンタクト」などがわかりやすいですね。

パーマリンク→「contact」等に変更

STEP
ダッシュボード→お問い合わせ→ショートコードをペースト

「Contact Form 7」で作成したコードをショートコードブロックを呼び出し、ペースト→「公開」をクリック

※コードを直接ペーストする方法もありますが、複数作成してある場合、混同しやすいのでショートコードブロックを使用しています。

「お問い合わせフォーム」の送受信確認

送信確認

独自ドメインの「メールアドレス」に変更が完了しました。

次は自ブログの「お問い合わせフォーム」からテスト送信確認をしてみましょう。

「info@〇〇〇.com」のメールがGmailのメールボックスに届きましたか?

Gmailの転送設定が超便利!

転送方法を知りたい方は、Gmail 転送設定で「独自ドメイン メール」がもっと便利になる!ConoHa WING 編 で詳しく解説しています。

返信してみる

続いて、受信した「お問い合わせメール」にテスト返信してみてください。ここまで確認しておくと安心ですね。

送信確認はするけれど「テスト返信」をしていないことがあるよ。

薄く見える文字「プレースホルダ(placeholder)」の設定

PCのブラウザ Safari で表示した「お問い合わせフォーム」のページです、シンプルイズベスト。

Chrome では若干小ぶりに表示されます。

itolico log お問い合わせ ページ

ちなみにこんなこともできますよ。

入力欄にあらかじめ薄く文字が入っていることがありますよね。「プレースホルダ(placeholder)」の設定をしてみましょう。

STEP
ダッシュボード→「お問い合わせ」→タブ「フォーム」をクリック

※下記のアンダーライン部分を追加しましょう

お名前(必須) [text* your-name placeholder “山田 太郎”]

メールアドレス(必須) [email* your-email placeholder “yamada@example.com“]

STEP
最後に「保存」を忘れずに

「” “」←引用符間は自由に編集ができるよ。

itolico

面識こそありませんが、プレースホルダは定番の「山田さん」にしました。

スポンサーリンク

お問い合わせフォームがグッと使いやすくなる

以上で設定が完了となります。

これで レンタルサーバー にログインしなくても、gmail でのやりとりができるようになりました。

ただし、Webメールは容量が決まっているので、いっぱいにならないように時々チェックを忘れずに。

ブログ内にお問い合わせページがあるだけで安心感がありますよね。読者さんとのつながりや新たなビジネスチャンスがめぐってくるかもしれませんよ。

当ブログ itolico log でも使っているレンタルサーバー!ただいまキャンペーン実施中!

ワードプレス初心者ならコノハウイング!

おすすめ記事

人気の無料テーマ「Cocoon」と相性の良い選りすぐりのプラグインをご紹介しています。

WordPress歴50日の私がCocoonに導入したプラグイン16選

これで解消!WordPressの「管理者メールアドレス」が変更できた

WordPressテーマ「SWELL」

デフォルトでも着せ替えをしても楽しめるWordPressテーマ「SWELL」。アイデア次第でカスタマイズが自由自在。

システムの不具合に見舞われることなく、あなたの大切な時間は、ブログ記事の執筆に専念できます。WordPressテーマ「SWELL」をぜひあなたのブログで体感してください。

スポンサーリンク
  • URLをコピーしました!
目次