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. スマホで動画編集 Adobe Premiere Rush CC編-テロップはPC…
  4. iPhoneの空き容量を確保する方法
  5. スマホ動画を作るときの手順とアプリ

関連記事

  1. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿で管理者権限のユーザーにメールを送る

    以前書いた記事で、レビュー待ち投稿の時に管理者に自動でメールを送るメモ…

  2. WordPressカスタマイズ

    アイコンフォント

    アイコンフォントとは以前は「」のようなアイコンを表示させたい場合は…

  3. WordPressカスタマイズ

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

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

  4. line@がLINE公式アカウントへ

    WEB技術

    LINE@が「LINE公式アカウント」に変わります。2019春に

    ビジネスや情報発信に活用できる会社・事業者向けのLINEアカウントの「…

  5. WordPressカスタマイズ
  6. WordPressカスタマイズ

    WordPressカスタマイズ

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

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

ピックアップ

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

    SEO

    ブログと動画とSEO
  2. WordPressカスタマイズ

    WordPressカスタマイズ

    管理画面の「WordPress のご利用ありがとうございます。」とバージョン情報…
  3. ガジェット

    Amazon Echoが遠隔インターホンになりました。
  4. api

    Google Chart API を使用したQRコード生成
  5. WordPressカスタマイズ

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