Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Contact Form 7に簡単に確認画
面をつけるプラグインの紹介
アイティーエー株式会社 ゆいち
Contact Form 7というプラグインご存じで
すか?
 簡単に問い合わせフォームを作れる
 デザインもカスタマイズできて
 メールの文面も管理画面から自由自在
とてもすばらしい!
いつも助かってます。
Donateはこちら>
ht...
でも
確認画面がありません。
こんなことありませんか?
 顧客のサイトを作りました。
 Contact Form 7プラグイン入れて、問い合わせフォー
ムを作成、見た目も調製。
 どうでしょう!ってお客様へ確認。
確認画面ってないの?
確認画面ってないの?
確認画面は
いらないんです
確認画面ってないの?
確認画面は
いらないんです
申込完了までの
画面数が増えるだけで
しょ?
確認画面ってないの?
確認画面は
いらないんです
申込完了までの
画面数が増えるだけで
しょ?
最近はついてないサイト
も増えてきてますよ
がんばって説得するも、、
ほしいにゃーーーーん
作ってみました!
 Contact Form 7を邪魔せずに確認画面を設置
 Contact Form 7くらい簡単に設置
 プラグインの形がいいな。
こんなフォームが
プラグインをインストールして、有効にすると
プラグインをインストールして、有効にすると
「確認ボタン」
「戻って編集ボタン」
が増えます。
ボタンを設
置すると
「確認」ボタンに表示がかわります。
「確認」ボタンをクリックすると、「送信」と「戻っ
て編集」
前の画面に戻る
「入力」「確認」などの説明を付けたい場合は
要素にクラスをつける
入力画面のみで表示する要素: 「wpcf7c-elm-step1」
確認画面のみで表示する要素: 「wpcf7c-elm-step2」
完了画面のみで表示する要素: 「wpcf7...
プラグインの取得元
現在公式プラグインへ申請中。
(今日に、間に合いませんでしたごめんなさい)
それまでは、うちのサイトから落として下さい。
http://eyeta.jp/archives/908
もしくは
「Contact Form 7 確...
ちなみに冒頭のネコはうちの子です。
時間が余っていたら自己紹介
後、ちょっと変わったWordPress専用レンタルサーバーもやってます
アイティーエー株式会社
ハンドル名は「ゆいち」で時々活動してます。
WordPressを利用したお仕事でいつもWordPressに
お世話になり...
Upcoming SlideShare
Loading in …5
×

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

217,964 views

Published on

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

WordBench 東京 2014/03/29 にてLT

Published in: Technology
  • Be the first to comment

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

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

×