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. iPhoneの空き容量を確保する方法
  2. 無料セッション!ホームページ・WordPressのお悩み解決
  3. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…
  4. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  5. スマホで動画編集 Adobe Premiere Rush CC編-テロップはPC…

関連記事

  1. WordPressカスタマイズ

    トップに動画が使えるWPテーマ

    Switchオシャレなブックカフェ・コワーキングスペースをイメ…

  2. PHP

    背景色に対して文字色は白か黒か

    W3Cで公開されているアルゴリズムを利用してみる。例えば、…

  3. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿がされた場合、管理者にメールを送る

    想定としては、ブログ記事の公開に上長や責任者の商人が必要な場合。…

  4. HTML/CSS

    デフォルトカラーメモ

    WordPress:#21759BWordPressfac…

  5. wordpress5.0リリース

    WordPressカスタマイズ

    WordPress 5.0 リリースで注意するべきこと

    2018年12月6日、WordPressのメジャーアップデート「5.0…

  6. cf7 google sheet connector

ピックアップ

  1. さよならインターネットエクスプローラー
  2. WordPress初心者ワークショップ 名古屋開催
  3. wordpress5.0リリース
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. api

    Google Chart API を使用したQRコード生成
  2. かわE越えてかわFやんけ

    今日の出来事

    かわE越えてかわFやんけ。キャッチーで気持ちいいバンドサウンド
  3. WordPressカスタマイズ

    WordPressカスタマイズ

    アイキャッチ画像が設定項目がないとき
  4. WEB技術

    Googleのデータセンターツアー(バーチャルです)
  5. Rails

    Ruby on Rails チュートリアル
PAGE TOP