A-Form の機能紹介
2012年年年年10月月月月10日日日日 八木
八木八木
[01]
現場担当者の⼿で,
現場担当者の⼿で, 思い⽴ったらすぐ作れる
作成数無制限 = ランニングコスト￥０
プログラムレス, HTMLの知識不要
⼿軽に作れるから, いろいろな活用シーン
いわゆるお問い合わせフォーム
イベントやセミナー受講受付フォーム
残席管理, 期間限定公開 残席表⽰ A-Form Paymentをプラスして受講料のオンライン決済アンケート
実店舗クーポン発⾏
http://www.ark-web.jp/movabletype/demo/aform_pcmobile/online2offline/index.html同じフォームを複数ページに埋め込
める
entryやpage内に
[[aformXX]] とおまじないを書く⽅式
ニュースリリース記事内や,
製品ページ内 など, あちこちのページに
同じフォームを設置可能
外部パラメータで製品名を受け渡す
http://
YOUR_DOMAIN/../contact2.html?para
_product=A-Member
用意されているパーツなど
【管理画⾯で】
[02]
自動返信メール
に,
自動返信メールにおもてなしのココロを♡
ユーザと管理者宛でメール出し分け
返信先 返信先 返信先 返信先はははは管理者管理者管理者管理者 返信先は返信先返信先返信先はははユーザユーザユーザユーザ Subjectやややや 冒頭文 冒頭文 冒頭文 冒頭文・・・末尾文・末尾文末尾文末尾文 出 出 出 出しししし分分分分けけけけユーザと管理者宛でメール出し分け
管理画⾯からそれぞれ⼊⼒するだけ
社内向
社内向
社内向
自動返信メールにおもてなしのココロを♡
「⼭⽥ 花⼦さん, こんにちは！」
ユーザ
ユーザ
ユーザ
ユーザ入力値
入力値
入力値や
入力値
や
や
や, 受付番号
受付番号
受付番号
受付番号を
を
を
をメール
メールに
メール
メール
に
に
に差
差
差し
差
し込
し
し
込
込み
込
み
み
み
「⼭⽥ 花⼦さん, こんにちは！」
ユーザ宛メールの設定画⾯
メール メール メール メールSubject 冒頭挿入文 冒頭挿入文 冒頭挿入文 冒頭挿入文 末尾挿入文 末尾挿入文 末尾挿入文 末尾挿入文Subjectと
と
と挿入文
と
挿入文
挿入文
挿入文に
に差
に
に
差
差
差し
し
し
し込
込み
込
込
み
み
み用変数
用変数
用変数が
用変数
が
が
が使
使
使
使える
える
える
える
「⼭⽥ 花⼦さん, こんにちは！」
使える差し込み変数
ユーザ
ユーザ
ユーザ
ユーザ入力値
入力値
入力値
入力値：
：
：
：
__%PARTS_ID%__
__%name%__さん、こんにちは！
受付番号
受付番号
受付番号
受付番号：
：
：
：
__%aform-data-id%__
「⼭⽥ 花⼦さん, こんにちは！」
[Tips]クリック効果測定付きのリンク
↓クリックでクーポンげっつ♪
http://YOUR_DOMAIN/PAGE.html
?user__%aform
?user__%aform
?user__%aform-
?user__%aform
-
-data
-
data-
data
data
-
-
-id%__
id%__
id%__
id%__
などと
などと
などと
などと, 署名文
署名文
署名文
署名文に
に
に書
に
書
書
書いておくと
いておくと
いておくと
いておくと…
誰
誰
誰
誰が
が
が
がクリック
クリック
クリック
クリックしてくれたか
してくれたか
してくれたか
してくれたか
[Tips]実店舗クーポン券発⾏
“__%shop%__ でのおでのおでのおでのお買買買買いいいい物物物”物 と と と と書書書書いただけいただけいただけいただけ[Tips]もっとしつこく
⼀般的な完了メールはこうですが。。。
ユーザ
ユーザ
ユーザ
ユーザ入力値
入力値
入力値
入力値が
が
が
が
控
控
控
控えとして
えとして
えとして入
えとして
入
入る
入
る
る
る
たまに、
「我が社は,
先祖代々
メールに個⼈情報は⼊れない
きまりじゃ (-.-)y-~~」
メールテンプレートのカスタマイズ
Plugins/AForm/tmpl
├ mail_aform_admin.tmpl
└ mail_aform_customer.tmpl
ユーザ
ユーザ
ユーザ
ユーザ宛
宛
宛
宛メール
メール
メール用
メール
用
用
用
管理者宛
管理者宛
管理者宛
管理者宛メール
メール
メール
メール用
用
用
用
メールからユーザ⼊⼒値を抜くには
<mt:loop name="fields"><mt:if name="type" eq="label"><$mt:var name="label" remove_html="1"$><mt:else><__trans phrase="*
"><$mt:var name="label" remove_html="1"$></mt:if> <$mt:var name="label_value"$> </mt:loop> ================================== <$mt:var name="datetime"$> ==================================
この
この
この
このloopを
を
を
を削除
削除
削除
削除する
する
する
する
[03]
デザインは,
【デモ】
A-Formのデザイン
フォーム部分のデザインカスタマイズ
基本はCSSで。
mt-static/plugins/AForm/theme/theme01.css (table風風風風) mt-static/plugins/AForm/theme/theme02.css
デザインをもっとちくちく弄りたい
p(><)q
フォーム
フォーム
フォーム
フォームID
Parts_ID
やりすぎると やりすぎるとやりすぎると やりすぎると メンテナンス メンテナンスメンテナンス メンテナンス性悪性悪性悪性悪くなりますがくなりますがくなりますがくなりますが、、、、 ここ ここここ ここ一番一番一番の一番のののフォームフォームフォームフォームなどになどになどになどに ど どど どーーーーぞぞぞぞ ^^;; やりすぎると やりすぎるとやりすぎると やりすぎると メンテナンス メンテナンスメンテナンス メンテナンス性悪性悪性悪性悪くなりますがくなりますがくなりますがくなりますが、、、、 ここ ここここ ここ一番一番一番の一番のののフォームフォームフォームフォームなどになどになどになどに ど どど どーーーーぞぞぞぞ ^^;;特定のフォームだけ処理を分けたい
→ テンプレートオーバーライド機能
フォルダ
フォルダ
フォルダ
フォルダ [001] を
を
を
を作
作
作って
作
って
って
って
テンプレ
テンプレ
テンプレ
テンプレを
を
を
をコピー
コピー
コピー
コピー
特定のフォームだけ処理を分けたい
→ テンプレートオーバーライド機能
あるフォームだけ完了画⾯にアフィリエイトコード
貼りたいとか、メール書式を変えたいとか
そういったケースで。
量産フォームには向かない。
量産系は共通テンプレ内で判定する⽅がベター
<mt:Entries id=“$entry_id”>その他使える変数やタグ
タグリファレンス
http://www.ark-web.jp/movabletype/a-form/docs/tags.html変数
http://www.ark-web.jp/movabletype/blog/2011/07/aform_getvar.html[04]
そのフォーム,
どこがいけなかったんですか？
PDCAサイクルでコンバージョン率改善-PDCAサイクルでコンバージョン率改善
レポートタブ 稼働状況サマリー
フォーム
フォーム
フォーム
フォームごとの
ごとの
ごとの
ごとの
PV, セッション
セッション
セッション
セッション数
数
数
数, コンバージョン
コンバージョン数
コンバージョン
コンバージョン
数
数
数, コンバージョン
コンバージョン
コンバージョン率
コンバージョン
率
率
率
PDCAサイクルでコンバージョン率改善
レポートタブ 稼働状況サマリー
ユーザ
ユーザ
ユーザ
ユーザが
が
が
が
しくじりやすい
しくじりやすい
しくじりやすい
しくじりやすい入力項目
入力項目
入力項目
入力項目, エラータイプ
エラータイプ
エラータイプ, 実際
エラータイプ
実際
実際
実際の
の
の
の入力値
入力値
入力値
入力値
[05]
Englishフォーム, できます。
A-Formの多⾔語対応
Englishフォーム
フォーム
フォーム
フォーム
【デモ】
A-Formの多⾔語対応
→ 受付データ(CSVファイル),
完了メールは UTF-8 で出⼒されます。
A-Formの多⾔語対応
他の⾔語は⾔語ファイルを用意
Plugins/AForm/lib/Aform/L10N
├ en_us.pm
└ ja.pm
fr.pm
← ← ← ←日本語日本語日本語日本語langファイルファイルファイルファイル日本語
日本語
日本語
日本語langファイル
ファイル
ファイルを
ファイル
を
をコピ
を
コピ
コピ
コピって
って
って
って必要箇所
必要箇所
必要箇所
必要箇所
⾔語ファイルのしくみ
‘Confirm’ => ‘確認する', 'Config Form' => '詳細設定', 'Manage Data' => '受付データ管理', ．．．．．A-Formテンプレート
テンプレート
テンプレート
テンプレート
言語
言語
言語
⾔語ファイルの編集箇所
package AForm::L10N::ja; ← ja を fr（フランス語）に書きかえ
use strict;
use base qw( AForm::L10N::en_us ); ←ここはこのママ
use vars qw( %Lexicon );
Plugins/AForm/lib/Aform/L10N/
Plugins/AForm/lib/Aform/L10N/
Plugins/AForm/lib/Aform/L10N/
Plugins/AForm/lib/Aform/L10N/
fr.pm
fr.pm
fr.pm
fr.pm
‘ConfirmConfirmConfirm’ => ‘ConfirmerConfirm ConfirmerConfirmerConfirmer', 'Config Form' => '詳細設定',
MT本体が
デフォルトで持っていない⾔語の場合
Lib/MT/L10N にない⾔語は
そういえばさ
そういえばさ
そういえばさ
そういえばさ。。。。。
。。。。。
。。。。。
。。。。。
先週届
先週届
先週届
先週届いたお
いたお
いたお問
いたお
問
問
問い
い
い合
い
合
合わせ
合
わせ
わせ
わせ
返事
返事
返事
返事してくれたよね
してくれたよね
してくれたよね
してくれたよね？
？
？
？
(-.-)y-~~
え
え
え
え。。
。。
。。
。。(^^;)
管理ステータスと管理コメント
処理 処理処理 処理ステータスステータスステータスステータスははは, は フォーム フォームフォーム フォーム毎毎毎毎にににに設定可能設定可能設定可能設定可能“そんなのダルい” という⽅は
今流⾏のセールスフォースで管理 とか
「A-Form to Salesforce」でリード/ケース投⼊プロジェクト管理ツール「Redmine」に
自動投稿
~ アークウェブはこれで運用中 ~etc...
お気軽にご相談くださいm(__)m[07]
受付データ管理と
受付データの保存場所と管理タブ
ユーザ ユーザ ユーザ ユーザ宛完了宛完了宛完了メール宛完了メールメールメール 管理者宛完了 管理者宛完了管理者宛完了 管理者宛完了メールメールメールメール CSV CSV CSV CSVファイルファイルファイルファイル出力出力出力出力 一覧 一覧一覧 一覧とととと個別詳細個別詳細個別詳細個別詳細But…
その受付データ、社内の誰でも
⾒られちゃう状態は困ります
そうでなくても
大阪支店 大阪支店 大阪支店 大阪支店ののの分際の分際分際で分際ででで、、、、 なんで なんで なんで なんで 俺 俺 俺 俺たちたちたちたち東京支店東京支店東京支店の東京支店ののの イベント イベント イベント イベント申込申込申込み申込みみデータみデータデータデータをををを 覗 覗 覗 覗くんじゃくんじゃくんじゃくんじゃ。。。ごらぁ。ごらぁーごらぁごらぁーーー((((｀｀｀｀____´´´´)))) え ええ え。。。。。。。。部長部長部長部長 また また また また僕僕僕の僕のの作の作作作ったったったった フォーム フォーム フォーム フォーム壊壊壊壊しちゃったしちゃったしちゃったしちゃった の のの の？？？？？？(^^;;？？ とか とかとか とか、、、、 とか とか とか とか、、、、 とか とかとか とか、、、、 バイト バイト バイト バイトのののA君の 君君君がっがっがっがっ ・ ・ ・ ・°°°°°°°°・・・・(((p((((p((((p(≧□≦(((p(≧□≦≧□≦)q)))≧□≦)q)))・)q))))q)))・・・°°°°°°°°・・。・・。。。ｳﾜｰﾝｳﾜｰﾝｳﾜｰﾝｳﾜｰﾝ を を を を、、、、 ポチ ポチ ポチ ポチしやがりましたしやがりましたしやがりましたしやがりました。。。。フォームのアクセス権限
(1)そのブログ専用のフォーム
特定のブログ配下でフォームを作ると
そのブログ専用フォームになる
他ブログからは⾒えないし, 使えない
「システム」配下で作ったフォームは
どこでも使えるグローバルフォーム。
これで
大阪⽀店くんと東京⽀店くんは
仲直り。
ドジな部⻑と、
すっとこどっこいのバイト君は
放置でいいわけ？
??!
??!
いぬの いぬのいぬの いぬの 疑問 疑問 疑問 疑問 いぬの いぬのいぬの いぬの 疑問 疑問 疑問 疑問フォームのアクセス権限
(2)ロールで権限を細かく設定
•フォームの閲覧 • フォームの作成・編集 • 受付データの閲覧とCSVダウンロード • 受付データのステータス変更 • 受付データクリアシステム権限のあなたは、
フォーム操作のすべてが可能
フォームのアクセス権限
(2‘)ロールで権限を細かく設定
[Tips]
似たようなフォームは
複製機能で
フォームの複製機能
⼊⼒パーツや メール設定値がそのまま引き継
がれる
フォーム名は 「コピー 元のフォーム名」
受付データやレポートデータは, 複製されない
複製直後の公開状態は “無効” 状態
[Tips]残席表⽰
<mt:AFormReceiveRemain aform_id="3" setvar="cnt"> <mt:If name="cnt" gt="0">
<p>残り <mt:Var name=“cnt”> 席です (^o^)</p> <mt:Else>
<p>満員になりました m(__)m</p> </mt:If>
