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. Googleの日本語Webフォント
  2. WordPress 5.0 リリースで注意するべきこと
  3. WordPress初心者ワークショップをやりました。次回は2月20日
  4. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  5. iPhoneの空き容量を確保する方法

関連記事

  1. WordPress初心者ワークショップ 名古屋開催

    SEO

    WordPress初心者ワークショップをやりました。次回は2月20日

    定期的に開催しています、WordPressを全部自分で作っていくワーク…

  2. HTML/CSS

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

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

  3. WordPressカスタマイズ

    ログイン画面のアイコンを変えてみる

    WordPressのログイン画面のロゴ部分のHTMLを見てみると、…

  4. WordPressカスタマイズ

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

    WordPress.orgの公式プラグインのJetPackを入れると、…

  5. SEO

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

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

  6. WordPressカスタマイズ

    WordPressの基礎

    WordPressのユーザー権限

    権限グループ 管理者 administrator 編集…

ピックアップ

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

    WPでいつも使うプラグイン(メモ)
  2. WordPressカスタマイズ

    WordPressカスタマイズ

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

    Amazon Echoが遠隔インターホンになりました。
  4. Google Analytics & Search Console

    SEO

    Googleアナリティクスとサーチコンソールの違い
  5. SEO

    いまさら聞けないサーチエンジンの仕組み2018年版
PAGE TOP