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. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…
  2. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  3. 無料セッション!ホームページ・WordPressのお悩み解決
  4. Webが苦手な初心者対象。ゼロから作るWordPressワークショップ

関連記事

  1. WordPressカスタマイズ
  2. 常時SSL化はお済ですか

    SEO

    サイトの常時SSL化はお済ですか?

    ちょっと前から、サイトを常時SSL化しないと、検索順位が下がるよなんて…

  3. WordPressカスタマイズ

    WordPressカスタマイズ

    WP管理画面のサイドバーの不必要なメニューを非表示にする

    運用上触ってほしくないメニューが管理画面のサイドバーに表示されているこ…

  4. WordPressカスタマイズ

    ログイン画面の背景を変える

    body.login の背景を設定するget_template…

  5. WordPressカスタマイズ

    WordPressの基礎

    WordPressのカスタマイズは子テーマを使う!

    WordPressのテーマテンプレートは、有料・無料を問わずたくさん公…

ピックアップ

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

    いまさら聞けないサーチエンジンの仕組み2018年版
  2. WordPressカスタマイズ

    WordPressカスタマイズ

    WP管理画面のサイドバーの不必要なメニューを非表示にする
  3. WordPressカスタマイズ

    WordPressカスタマイズ

    使用しない権限グループを選択リストに表示させないようにする
  4. WordPressカスタマイズ

    WordPressカスタマイズ

    アイキャッチ画像が設定項目がないとき
  5. WordPressカスタマイズ

    ログイン画面の背景を変える
PAGE TOP