WEB技術

お問合せフォームの送信通知をLINEで受け取る

どのホームページにも、お問合せフォームは必ずあります。
WordPressにもフォームメールのプラグインはたくさんあります。代表的なものは Contact Form 7 です。

でも、せっかくお客様がフォームからお問合せしてくれても、メールに気づくのが遅くなったり、何らかの事情で気付かなかったりすることもあります。そうなったら最悪です。

例えば、WordPressのお問合せフォームから問い合わせがあった時に、いつも使っている LINEに自動で通知がきたら便利だと思いませんか?

本当は、フォームからのメールがLINEに届いて、そこから返信などの応対ができてしまえば一番いいのですが、そこまでやるのは大変そうだし、コストもかかりそうだし、できるかどうかもわからないので、今回はLINEに通知が届くようにだけにします。

ホームページとLINEをつなぐ「LINE Notify

LINE Notify は、Webサービスの更新などをLINEで通知してくれる仕組みです。フォームメールだけでなく様々なサービスと連動できるようです。

また、個人だけでなくグループでも通知を受け取れるのも良いところ。

今回は、WordPress の Contact From 7 のフォームから送信があった時に、LINEに通知が行くようにします。

アクセストークンを取得

まず、LINE Notify を利用するには、アクセストークンというものを取得しなければなりません。

https://notify-bot.line.me/my/ にアクセスして、LINEにと登録してるメールアドレスとパスワードでログインします。

そうしたら、「トークンを発行する」というボタンを押します。

トークンを発行する

トークンを発行する

 

そうすると、ポップアップ画面が出てくるので、トークン名と通知の送信先を選んで発行します。
自分だけ受け取るのなら「1:1でLINE Notifyから通知を受け取る」を選んでください。
複数人で受け取る場合は、事前にグループを作って、送信先にそのグループを指定してください。

トークンを発行する

トークンを発行する

 

そうすると、トークン(ランダムな長い文字列)が発行されます。
注意書きにあるとおり、一度表示を消してしまうと二度と表示されないので、コピーボタンを押して、別のファイルに保存しておいてください。
トークンをコピーして保存したら、閉じます。

LINE Notify トークン

LINE Notify トークン

WordPressの編集

次にWordPressのテーマフォルダのfunctions.phpに追記していきます。

今回は、ContactForm7で作ったフォームから送信があった場合に、LINEに通知が届くようにします。

$tokenに、先ほど保存したトークンをいれます。
「タイトル:」の後には、フォームメール自体の名前が入ります。

設定はここまで。

フォームから送信してみる

実際にフォームメールから送信してみましょう。

上手く行ってれば、スマホに通知が来るはずです。

LINE Notfy 通知

LINE Notfy 通知

 

フォームメール以外の連携

今回は、WordPressの Contact Form 7 からのフォームメールの通知でしたが、LINE Notifyは汎用性のあるサービスですので、他の通知にも使えます。

また、WordPress以外のCMSや既存サイトの問合せフォームなどでも、LINE通知機能を埋め込むこともできます。

皆さんのサイトの機能に付け加えてはいかがでしょうか。

ピックアップ記事

  1. 無料セッション!ホームページ・WordPressのお悩み解決
  2. iPhoneの空き容量を確保する方法
  3. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  4. WordPress 5.0 リリースで注意するべきこと
  5. スマホで動画編集 Adobe Premiere Rush CC編-テロップはPC…

関連記事

  1. WordPressの基礎

    WordPressのよく使うテンプレートタグ

    ブログのURLを取得するhome_url()<?ph…

  2. HTML/CSS

    蛍光マーカーのように表示するCSS

    蛍光マーカー 黄色蛍光マーカー ピンク蛍光マーカー オレンジ…

  3. WordPressカスタマイズ

    WordPressカスタマイズ

    管理画面で不要な表示オプションを非表示にする

    WordPressの投稿画面や固定ページ作成画面は、一般のユーザーには…

  4. SEO

    プッシュ通知を配信するプラグイン

    せっかくブログを一生懸命書いても、投稿があったことに気づいてもらえない…

  5. WordPressカスタマイズ

    WordPressカスタマイズ

    不要なダッシュボードウィジェットを非表示にする

    WordPressにようこそ!を非表示にするダッシュボードウィ…

  6. WordPressカスタマイズ

    WordPressカスタマイズ

    アイキャッチ画像が設定項目がないとき

    テーマテンプレートがサポートしていない時function.phpに…

ピックアップ

  1. wordpress5.0リリース
  2. Adobe Premiere Rush CC
  3. Adobe Premiere Rush CC
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. WordPressカスタマイズ

    WordPressカスタマイズ

    管理画面の「WordPress のご利用ありがとうございます。」とバージョン情報…
  2. WordPressカスタマイズ

    アイコンフォント
  3. Adobe Premiere Rush CC

    動画

    Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  4. WordPressカスタマイズ

    ログイン画面のアイコンを変えてみる
  5. WordPressカスタマイズ

    カスタム投稿タイプの投稿もSNSに自動投稿したい
PAGE TOP