Contact Form 7に簡単に確認画面をつけるプラグインの紹介 WordBench 東京 2014/03/29 にてLT

1. Contact Form 7に簡単に確認画
面をつけるプラグインの紹介
アイティーエー株式会社 ゆいち

2. Contact Form 7というプラグインご存じで
すか？
 簡単に問い合わせフォームを作れる
 デザインもカスタマイズできて
 メールの文面も管理画面から自由自在
とてもすばらしい！
いつも助かってます。
Donateはこちら＞
http://contactform7.com/donate/

3. でも
確認画面がありません。

4. こんなことありませんか？
 顧客のサイトを作りました。
 Contact Form 7プラグイン入れて、問い合わせフォー
ムを作成、見た目も調製。
 どうでしょう！ってお客様へ確認。

5. 確認画面ってないの？

6. 確認画面ってないの？
確認画面は
いらないんです

7. 確認画面ってないの？
確認画面は
いらないんです
申込完了までの
画面数が増えるだけで
しょ？

8. 確認画面ってないの？
確認画面は
いらないんです
申込完了までの
画面数が増えるだけで
しょ？
最近はついてないサイト
も増えてきてますよ
がんばって説得するも、、

9. ほしいにゃーーーーん

10. 作ってみました！
 Contact Form 7を邪魔せずに確認画面を設置
 Contact Form 7くらい簡単に設置
 プラグインの形がいいな。

11. こんなフォームが

12. プラグインをインストールして、有効にすると

13. プラグインをインストールして、有効にすると
「確認ボタン」
「戻って編集ボタン」
が増えます。
ボタンを設
置すると

14. 「確認」ボタンに表示がかわります。

15. 「確認」ボタンをクリックすると、「送信」と「戻っ
て編集」
前の画面に戻る

16. 「入力」「確認」などの説明を付けたい場合は
要素にクラスをつける
入力画面のみで表示する要素： 「wpcf7c-elm-step1」
確認画面のみで表示する要素： 「wpcf7c-elm-step2」
完了画面のみで表示する要素： 「wpcf7c-elm-step3」

17. プラグインの取得元
現在公式プラグインへ申請中。
（今日に、間に合いませんでしたごめんなさい）
それまでは、うちのサイトから落として下さい。
http://eyeta.jp/archives/908
もしくは
「Contact Form 7 確認画面 」で検索

18. ちなみに冒頭のネコはうちの子です。

19. 時間が余っていたら自己紹介
後、ちょっと変わったWordPress専用レンタルサーバーもやってます
アイティーエー株式会社
ハンドル名は「ゆいち」で時々活動してます。
WordPressを利用したお仕事でいつもWordPressに
お世話になりまくってます！
懇親会では良かったら声をかけて下さい。