メールフォーム＆crmプラグイン特集

松戸WordPress部メールフォーム＆CRMプラグイン特集

2015/1/14小久保勇樹

本日の概要

1. 人気メールフォームプラグインの基本的な使い方Contact Form 7, Jetpack Contact Form, MW WP Form

2. 問い合わせデータの保存と活用データベースに保存、メールマガジンに自動登録

3. WordPressとCRMソフトの連携オープンソースCRMにデータを登録

メールフォーム＆CRMプラグイン特集

松戸WordPress部は、WordPressの話題を中心に、ウェブ制作全般に

ついて情報交換する集まりです。

誰でも自由に参加したり、発表を行うことができます。

5分や10分ほどの短い発表でも大歓迎です。気軽に声をかけてください。

Facebookグループでは勉強会後のフォローもあります。是非ご参加く

ださい。

https://www.facebook.com/groups/wordpress.banana.cluster

松戸WordPress部とは？

https://www.facebook.com/groups/wordpress.banana.cluster

名前：小久保勇樹（こくぼゆうき）

職業：フリーランス写真撮影とWeb制作（2014.2～）

屋号：中山写真工芸下総中山という地名（中山競馬場の近く）から付けましたが、度々「中山さん」という苗字だと間違われます

経歴：社会学部 → 文学部地理学科→ カメラマン3年 → Web制作2年

近況：来週、PHP技術者認定試験を受験予定デザインがどうにも苦手なので、今年はさらにブログラマー方面へ進んでいきたい

自己紹介

1. 人気メールフォームプラグインの基本的な使い方

Contact Form 7世界で一番使われている（2300万ダウンロード！）標準では確認画面はなく、とてもシンプル多数のプラグインによって機能を追加できる

Jetpack Contact FormWordPress.comの便利機能を追加する「Jetpack」の一部設置が非常に簡単、初心者におすすめ

MW WP Form問い合わせデータの保存や、確認画面などに標準で対応多機能が求められる企業サイトなどにおすすめ


Contact Form 7http://contactform7.com/ja/

FAQ とドキュメントが充実。困ったときはここを見よう。


http://contactform7.com/ja/

Contact Form 7 メールフォームの作成


設置したい項目を選び、必要事項を入力。

選んだ項目がここに入る。タグが分かれば直接ここに書いてもOK

Contact Form 7 送信されるメールの編集


フォームで入力した内容は[名前] の形式で書くと展開される

問い合わせた人に控えのメールを送りたいときはメール(2) を同様に編集する

Contact Form 7 に機能を追加するプラグイン

Contact Form 7 add confirmメッセージ送信前の確認画面を追加できるhttps://wordpress.org/plugins/contact-form-7-add-confirm/http://www.eyeta.jp/archives/908

Contact Form 7 to SpreadSheet送信されたメッセージをGoogle Driveに保存できる今回、設置が上手く行かなかった為、またの機会に説明します…… m(_ _)mhttps://github.com/miyakeryo/contact-form-7-to-ss

Flamingo送信されたメッセージを保存し、管理画面から確認できる後ほど詳細に説明します


https://wordpress.org/plugins/contact-form-7-add-confirm/

http://www.eyeta.jp/archives/908

https://github.com/miyakeryo/contact-form-7-to-ss

Jetpack Contact Formhttp://jetpack.me/

コンタクトフォーム以外にも、WordPress.comの便利機能が満載。


http://contactform7.com/ja/

Jetpack Contact Form の初期設定


インストールした Jetpack は初めに WordPress.com のアカウントと連携させる

もしもアカウントが無いときは次の画面から新規作成できる

Jetpackの認証ボタンを押せばインストール完了。

Jetpack Contact Form の初期設定


ローカル環境で Jetpack を試すときはwp-config.php に以下を記述

define('JETPACK_DEV_DEBUG', true);

Jetpack Contact Form メールフォームの設置


コンタクトフォームを設置したい固定ページの編集画面に入り、お問い合わせフォームを追加ボタンをクリック。

Jetpack Contact Form メールフォームの設置


フォームビルダータブでは問い合わせフォームの見た目を簡単に追加・編集できる

上下にドラッグして並べ替えも可能

Jetpack Contact Form メール送信先の設定


メール通知タブでは、送信先アドレスと件名を設定できる。

このプラグインの唯一の難点は、問い合わせた人への自動返信メールが送れないこと。

MW WP Formhttp://plugins.2inc.org/mw-wp-form/

非常に多機能なメールフォーム。個人的には、最近半年ほどで制作した全サイトに導入。


http://plugins.2inc.org/mw-wp-form/

MW WP Form メールフォームの設置


フォームタグを追加ボタンから項目を選んで設置

問い合わせデータをデータベースに保存にチェックすると管理画面でメッセージを見られる

MW WP Form 送信されるメールの編集


管理者宛メールと自動返信メールをそれぞれ分かりやすく編集できる

フォーム項目のキーに日本語が使える{お名前} {電話番号} など

MW WP Form バリデーションルールの編集


入力項目のチェックを行なうバリデーションルールを細かく設定できる

2. 問い合わせデータの保存と活用

問い合わせ内容をデータベースに保存Contact Form 7 → Flamingo

Jetpack Contact Form → フィードバック

MW WP Form → 問い合わせデータ

問い合わせフォームからメールマガジンに登録Contact Form 7 / Jetpack Contact Form

→ BFT Autoresponder and Newsletter


http://contactform7.com/ja/save-submitted-messages-with-flamingo/

Contact Form 7 の作者が公開している簡易CRMプラグイン。

受信メッセージ一覧、アドレス帳などの機能があり、情報共有が便利にできる。

……そもそもCRMって、いったい何？という説明は、このあと第3章にて、お話しする予定です。

Contact Form 7 → Flamingo に問い合わせデータ保存


http://contactform7.com/ja/save-submitted-messages-with-flamingo/



受信メッセージ一覧では日付などのフィルターで絞り込み、またはキーワードで検索などが可能



受信メッセージは個別の内容がデータベースに保存されており、複数人での情報共有に便利



アドレス帳は問い合わせのあった顧客の情報を記録しており、これまでの経緯を一覧できる

Jetpack に標準で含まれている機能。コンタクトフォームから送信されたメッセージは、すべて自動で保存される。

Flamingoに比べると非常にシンプルで、アドレス帳などの機能は無い。

メッセージを管理画面からも見たい、という用途だけなら、手軽に使えて便利なプラグイン。



MW WP Form に標準で含まれている機能。「問い合わせデータをデータベースに保存」にチェックをつけると有効化される。

項目を選んでグラフ作成できるなど、統計や分析にも便利。





項目の入力内容（カスタムフィールド）が一覧表示できる。対応状況は未対応・保留・対応済の3種類。

Flamingoのようなアドレス帳は無いため、顧客ごとの履歴を見ることはできない。

MW WP Form → 問い合わせデータ → グラフ表示


項目を選んで円グラフ・棒グラフが作れる。グラフはSVGで表示され、マウスオーバーで詳細表示。

メールマガジンやステップメールを配信するプラグイン。無料版と有料版がある。

複数メルマガの配信不可など、無料版には多少の機能制限はあるが、基本的な機能はだいたい揃っている。

購読申込フォームは外部サイトに設置したり、Contact Form7 や Jetpack Contact Formと連携させることもできる。

BFT Autoresponder and Newsletter


BFT Autoresponder and Newsletter 初期設定


送信者の名前とアドレス

メール認証の有無

登録・解除があったときの通知

コンタクトフォームに埋め込む

BFT Autoresponder and Newsletter コンタクトフォーム埋め込み


コンタクトフォームに購読申込みチェックボックスを埋め込むショートコード

初めから購読するにチェックをつけておくかどうか



先ほどのショートコードをここに書く



Contact Form 7 の問い合わせからBFTのメールマガジン登録が完了！

BFT Autoresponder and Newsletter 有料版について


BFT有料版($47 ちょっと高い…！)では登録フォームでのカスタムフィールドの利用や、複数メルマガの配信、開封率の管理などが可能。僕は普段こちらを利用しています。現在少しづつ翻訳している為、完了したらお知らせします(翻訳、どなたか手伝ってください)

3. WordPressとCRMソフトの連携

そもそもCRMって、何？

ウィキペディアによれば、定義はこんな感じです顧客関係管理（こきゃくかんけいかんり、CRM：Customer Relationship Management）とは、顧客満足度を向上させるために、顧客との関係を構築することに力点を置く経営手法のこと

具体的には、こんなことをします顧客情報の管理・分析システムメールマガジンなどの顧客管理システムアフターサービス管理システムSFA（営業支援システム、セールスフォース）ダイレクトメールなどの販促システムポイントカードなどのカード管理システム



オープンソースのCRMソフト、色々あります

SugarCRMアメリカSugerCRM社が開発。有償版とオープンソース版がある。一時期、ライセンスが不明瞭だったが、現在はGPLv3ライセンス。

VtigerCRMインドVtiger社が開発。完全にオープンであることを企図して、オープンソース版SugerCRMから枝分かれした。

F-Revo CRM日本のNHB-labが開発。VtigerCRMをベースとして、日本の企業が使いやすいように若干のカスタマイズがされている。

今回はF-Revo CRMとWordPressを連携させて使ってみます。WordPressプラグインは本来Vtiger用ですが、F-Revoでも問題なく動作します。


F-RevoCRMを使ってみよう（テスト用サイトです。勉強会終了後、削除します）

http://crm.wp-m.org/

ID: mtd

PASS: mtdguest

http://crm.wp-m.org/


F-RevoCRMはだいたいこんな感じの画面です


WP Leads Builder For Any CRMプラグイン

WordPressと各種CRMのデータを連携させるプラグインを使います。

インストールして有効化し、設定画面を開くと、使用中のCRMの情報を入力するように求められます。


WP Leads Builder For Any CRM プラグイン設定

アクセスキーユーザー名URL

アクセスキー

ユーザー名



CRMで使われている入力項目を読み込み、WordPressからの登録フォームに表示したいものにチェックをつける

Save Field Settingsを押すと登録フォームの設定が完了！



ショートコード

ショートコード


WordPressからF-RevoCRMに情報を追加する


WordPressからF-RevoCRMに情報を追加できた！！

本日のまとめ

メールで受け取ったメッセージを、たとえばCCで転送して共有するより、

今日ご紹介した各種ツールを使ったほうが効率的に情報共有できます。

WordPressやオープンソースCRMを上手く組み合わせて、Webサイト

構築とセットにして提案する、なども可能になると思います。

他にも「こんなプラグインがあるよ！」「こんな使い道もあるよ！」と

いった情報があれば、是非、教えてください。

ご清聴ありがとうございました

メールフォーム＆crmプラグイン特集

Engineering