ドアに差し込まれた封筒

WEB

Contact Form 7 のメールが届かない?『WP Mail SMTP』で即解決!!

WordPressでは『Contact Form 7』というプラグインを使って、簡単にお問い合わせフォームを設置することができます。

設定が終わり、試しに送信してみると「ありがとうございます。メッセージは送信されました。」と表示されます。が、肝心のメールが届かない!!・・・これではお客様からお問い合わせがあったことも分からず、困ってしまいますよね。

ここでは、それを解決する便利なプラグインを紹介したいと思います。

WP Mail SMTP の使い方

『Contact Form 7』で上手く送信できないという問題を、『WP Mail SMTP』というプラグインを使って解決していきましょう。

Gmailを使った例で説明していきます。

1.『WP Mail SMTP』をインストールする

WP Mail SMTP

今すぐインストール』をして『有効化』をクリックします。

2. 『WP Mail SMTP』の設定画面を開く

管理画面の『WP Mail SMTP』>『設定』をクリックします。

WP Mail SMTP

3. Mailの設定をする

WP Mail SMTP

下記の通りに設定します。

送信元アドレス 送信に使用するメールアドレス
② 送信者名 送信に使用する名前(デフォルトはサイトタイトル)
③  メーラー Other SMTP』を選択

下にスクロールして・・・

4.『Other SMTP』に関する設定を行う

WP Mail SMTP

下記の通りに設定します。

① SMTP ホスト smtp.gmail.com
② 暗号化 『SSL』を選択
③ SMTP ポート 『SSL』を選択すると自動的に『465』と入力される

さらに下にスクロールして・・・

5. Gmailの『Username』と『Password』を設定する

WP Mail SMTP

下記の通りに設定します。

① SMTP Username Gmail アドレス
*ここに入力したアドレスが、送信元として相手に表示される。
3 の ① で送信元として設定したアドレスと違うアドレスでも構わない。
② SMTP Password 上記 ① の Gmail のパスワード

 

設定が済んだら、下の画像のようになっているか確認します。

WP Mail SMTP

 

最後に左下の『Save Settings』をクリックして下の画像のように表示されたら、設定は完了です。

WP Mail SMTP

6. テストメールを送信する

WP Mail SMTP

画面の一番上にある『Email Test』をクリックします。

 

WP Mail SMTP

赤枠で囲んだ『Send To』に WordPress で設定したメールアドレスを入力し、『Send Email』をクリックする。

『WordPress で設定したメールアドレス』 とは、WordPress の管理画面の『設定』>『一般』の『管理者メールアドレス』として設定したメールアドレスのことです。

WordPressの管理画面

 

OKであれば、下の画像が表示されます。

WP Mail SMTP

 

ここで残念ながら、

WP Mail SMTP

上の画像のような表示がされてしまった方は、次の記事()を参考に Google のアカウント設定を変更してみてください。

大丈夫だった方は、次に進みます。

7. Gmailが届いているか確認する

設定したGmailに『WP Mail SMTP: HTML Test email to ~ 』というタイトルで、メールが届いているか確認します。

WP Mail SMTP

このメールが届いていれば『WP Mail SMTP』の設定は成功です。

さいごに

もう一度『Contact Form 7』で作成したコンタクトフォームから、テスト送信してみましょう。無事にメールが届くようになりましたか?

これで全ての設定は完了です。お疲れ様でした!!

 

 
スポンサードリンク
 
スポンサードリンク

関連記事

  1. 郵便受け

    WEB

    要素の高さを揃える 『matchHeight.js』の使い方

    float させた横並びのカラムの高さをそろえたい!! だけど、ボック…

  2. local by flywheel

    WEB

    Local by Flywheel を使って、ローカル環境を構築してみよう

    『Local by Flywheel』は、簡単に WordPress …

  3. Google Search Console
  4. 洗濯物

    WEB

    横並びさせた要素の端のマージンを調整する方法

    幅が 960px の inner の中に、幅が 300px、右側のマー…

  5. 3匹のカエル

    WEB

    アメブロの見出しをカスタマイズする方法

    今更ながらアメブロデビューしました。そこで気づいたのですが、ア…

  6. mistake

    WEB

    『FileZilla』で転送に失敗した場合の操作方法について

    FTPソフト『FileZilla』で転送する際に、『失敗した転送』が発…



== WORDPRESS 完全マニュアル ==

wordpress

よく読まれている記事

  1. タイプライター
  2. 段ボールを持つ女性
  3. ケーブル
  4. Google Search Console
  5. 3匹のカエル
  6. 洗濯物
  7. コントローラー
  8. 海を背景にフレームを持つ女性の手
  9. crayon,クレヨン
  10. 海に浮かぶ男性

当サイトで使用しているテーマはこちら!!

アフィリエイトサイトにはDiverもお勧め!!

WordPressでブログ始めてみませんか?

パソコンを覗き込む二人の女子
  1. 海に浮かぶ男性

    WEB

    float 解除と clearfix
  2. ブランコに乗る女の子

    WEB

    エックスサーバーで『サブドメイン』を設定して、WordPressをインストールし…
  3. 黄色い壁を背に喜ぶ女性

    WEB

    画像圧縮なら『TinyPNG』、使い方とその実力を検証します
  4. カレンダー

    WEB

    WordPressのテーマ『MAG』で最終更新日を表示する方法
  5. ドアに差し込まれた封筒

    WEB

    Contact Form 7 のメールが届かない?『WP Mail SMTP』で…
PAGE TOP