contact form 7に簡単に確認画面をつけるプラグインの紹介
DESCRIPTION
Contact Form 7に簡単に確認画面をつけるプラグインの紹介 WordBench 東京 2014/03/29 にてLTTRANSCRIPT
![Page 1: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/1.jpg)
Contact Form 7に簡単に確認画面をつけるプラグインの紹介
アイティーエー株式会社 ゆいち
![Page 2: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/2.jpg)
Contact Form 7というプラグインご存じですか? 簡単に問い合わせフォームを作れる デザインもカスタマイズできて メールの文面も管理画面から自由自在
とてもすばらしい!いつも助かってます。
Donateはこちら>http://contactform7.com/donate/
![Page 3: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/3.jpg)
でも
確認画面がありません。
![Page 4: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/4.jpg)
こんなことありませんか?
顧客のサイトを作りました。 Contact Form 7 プラグイン入れて、問い合わせ
フォームを作成、見た目も調製。 どうでしょう!ってお客様へ確認。
![Page 5: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/5.jpg)
確認画面ってないの?
![Page 6: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/6.jpg)
確認画面ってないの?
確認画面はいらないんです
![Page 7: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/7.jpg)
確認画面ってないの?
確認画面はいらないんです
申込完了までの画面数が増えるだけで
しょ?
![Page 8: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/8.jpg)
確認画面ってないの?
確認画面はいらないんです
申込完了までの画面数が増えるだけで
しょ?
最近はついてないサイトも増えてきてますよ
がんばって説得するも、、
![Page 9: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/9.jpg)
ほしいにゃーーーーん
![Page 10: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/10.jpg)
作ってみました!
Contact Form 7 を邪魔せずに確認画面を設置 Contact Form 7 くらい簡単に設置 プラグインの形がいいな。
![Page 11: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/11.jpg)
こんなフォームが
![Page 12: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/12.jpg)
プラグインをインストールして、有効にすると
![Page 13: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/13.jpg)
プラグインをインストールして、有効にすると
「確認ボタン」「戻って編集ボタン」
が増えます。
ボタンを設置する
と
![Page 14: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/14.jpg)
「確認」ボタンに表示がかわります。
![Page 15: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/15.jpg)
「確認」ボタンをクリックすると、「送信」と「戻って編集」
前の画面に戻る
![Page 16: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/16.jpg)
「入力」「確認」などの説明を付けたい場合は要素にクラスをつける
入力画面のみで表示する要素: 「 wpcf7c-elm-step1 」
確認画面のみで表示する要素: 「 wpcf7c-elm-step2 」
完了画面のみで表示する要素: 「 wpcf7c-elm-step3 」
![Page 17: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/17.jpg)
プラグインの取得元
現在公式プラグインへ申請中。(今日に、間に合いませんでしたごめんなさい)
それまでは、うちのサイトから落として下さい。
http://eyeta.jp/archives/908
もしくは
「 Contact Form 7 確認画面 」で検索
![Page 18: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/18.jpg)
ちなみに冒頭のネコはうちの子です。
![Page 19: Contact Form 7に簡単に確認画面をつけるプラグインの紹介](https://reader035.vdocuments.pub/reader035/viewer/2022062220/5585c9c1d8b42a860a8b4a99/html5/thumbnails/19.jpg)
時間が余っていたら自己紹介
後、ちょっと変わった WordPress 専用レンタルサーバーもやってます
アイティーエー株式会社ハンドル名は「ゆいち」で時々活動してます。
WordPress を利用したお仕事でいつも WordPress に お世話になりまくってます!
懇親会では良かったら声をかけて下さい。