Contact Form 7に簡単に確認画面をつけるプラグインの紹介

19
Contact Form 7 ににににににににににに ににににににににに ににににににににににに ににに

description

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

Transcript of Contact Form 7に簡単に確認画面をつけるプラグインの紹介

Page 1: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

Contact Form 7に簡単に確認画面をつけるプラグインの紹介

アイティーエー株式会社 ゆいち

Page 2: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

Contact Form 7というプラグインご存じですか? 簡単に問い合わせフォームを作れる デザインもカスタマイズできて メールの文面も管理画面から自由自在

とてもすばらしい!いつも助かってます。

Donateはこちら>http://contactform7.com/donate/

Page 3: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

でも

確認画面がありません。

Page 4: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

こんなことありませんか?

顧客のサイトを作りました。 Contact Form 7 プラグイン入れて、問い合わせ

フォームを作成、見た目も調製。 どうでしょう!ってお客様へ確認。

Page 5: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

確認画面ってないの?

Page 6: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

確認画面ってないの?

確認画面はいらないんです

Page 7: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

確認画面ってないの?

確認画面はいらないんです

申込完了までの画面数が増えるだけで

しょ?

Page 8: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

確認画面ってないの?

確認画面はいらないんです

申込完了までの画面数が増えるだけで

しょ?

最近はついてないサイトも増えてきてますよ

がんばって説得するも、、

Page 9: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

ほしいにゃーーーーん

Page 10: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

作ってみました!

Contact Form 7 を邪魔せずに確認画面を設置 Contact Form 7 くらい簡単に設置 プラグインの形がいいな。

Page 11: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

こんなフォームが

Page 12: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

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

Page 13: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

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

「確認ボタン」「戻って編集ボタン」

が増えます。

ボタンを設置する

Page 14: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

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

Page 15: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

「確認」ボタンをクリックすると、「送信」と「戻って編集」

前の画面に戻る

Page 16: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

「入力」「確認」などの説明を付けたい場合は要素にクラスをつける

入力画面のみで表示する要素: 「 wpcf7c-elm-step1 」

確認画面のみで表示する要素: 「 wpcf7c-elm-step2 」

完了画面のみで表示する要素: 「 wpcf7c-elm-step3 」

Page 17: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

プラグインの取得元

現在公式プラグインへ申請中。(今日に、間に合いませんでしたごめんなさい)

それまでは、うちのサイトから落として下さい。

http://eyeta.jp/archives/908

もしくは

「 Contact Form 7 確認画面 」で検索

Page 18: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

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

Page 19: Contact Form 7に簡単に確認画面をつけるプラグインの紹介

時間が余っていたら自己紹介

後、ちょっと変わった WordPress 専用レンタルサーバーもやってます

アイティーエー株式会社ハンドル名は「ゆいち」で時々活動してます。

WordPress を利用したお仕事でいつも WordPress に お世話になりまくってます!

懇親会では良かったら声をかけて下さい。