wordpressで問い合わせフォームを超簡単に作れるプラグイン

ではプラグインをどんどんインストールしていきましょう。

「Contact Form 7」をインストール

まずは超王道プラグイン「Contact Form 7」をインストールしてみます。

このプラグインはお問い合わせフォームを簡単に作成できる超有名なプラグインです。

サイトを立ち上げると、’ユーザーからの質問などを受け付ける必要となる場面’ が多数あると思います。

そこで、メールアドレスを記載しておいても良いのですが、メールアドレスをサイト上に直記載しておくと、スパムメールがジャンジャン届くようになります。

これは悪い人達がメールアドレスを自動収集するツールをサイト上で活動させ、メールアドレス(xx@xxx.com)と認識できるものを自動取得、リスト化し情報屋さんに販売しているというビジネスが長年成り立っているからです。本当に迷惑です。。。

なので、仕方なくメールアドレスをサイト上に記述する必要がある場合は、【 xxx★xxx.com(★を@に変更してください)】という表記に変更したり、メールアドレスを画像で用意し、サイト上にはその画像を貼る。という面倒な手順をとり、表記していることが多いです。

という事で、そもそもメールアドレスをサイト上に表記させないためにも問い合わせフォームを設置することを推奨いたします。

本来フォームというのはcgiやphpというプログラムを用いて作成するので、多少技術が必要で面倒なのです。

しかし、「Contact Form 7」とうプラグインを活用することで、あっという間にフォームが作成できてしまうのです!

では早速。

まずは、新しいプラグインをインストールの画面を開き「Contact Form 7」と検索します。

Contact-Form-7

そのまま、いますぐインストールをクリックし、プラグインを有効化します。

するとサイドメニューに【お問い合わせ】というメニューが作成されますので、このメニューをクリックし問い合わせフォームの内容を編集します。

Contact-Form-7-2

Contact-Form-7-3

実はこのプラグイン。本当に秀逸で、様々なシーンに対応できます。

例えば問い合わせをしてきた相手にも自動返信メールを送ったり、フォームをCSSできれいにデザインできることは勿論。

高度な設定も柔軟に対応できるようになっています。

ココでは面倒。。。私の知識が足りないため、デフォルト基本設定のまま活用していきます。

とても有名なプラグインなので、「Contact Form 7」と検索すると先人の達人たちがとても分かりやすい説明を記載したブログなどが多数ヒットしますので、気になる方は是非、調べてみてください。

他のプラグインと併せるとさらに凄いことができたりもするので、意外と奥が深く楽しいですよ。

Contact-Form-7-4

で、設定を保存したら、最上部の【このコードをコピーして、投稿、ページ、またはテキストウィジェットの本文内にペーストしてください。】と書かれているソースをコピーし、フォームを設置したい箇所に貼り付けてください。

はい。これだけです。

Contact-Form-7-5

このように、わずか1分で問い合わせフォームが完成しました。

ではでは。

★追記★

送信ボタンを自分で用意した画像に変更したい場合は、コチラのソースを参考にしてみてください。

<input type="image" value"送信" class="wpcf7-form-control" src="通常時のボタンURL" onmouseover="this.src='マウスオーバー時のボタン場像のURL'"onmouseout="this.src='通常時のボタンURL'"class="wpcf7-form-control wpcf7-submit"/>

マウスオーバー前と後の画像を用意し、絶対URLで埋め込んでいただくと、簡単に画像に変更できると思います。



シェアクリックをお願いします。

FacebookでシェアするTwitterでつぶやく
はてなブックマーク!

この記事は参考になりましたか?

この記事に対しての評価をお願いします。 
★1つ 最低最悪!くだらん。★2つ イマイチ!★3つ 普通。★4つ 良いね♪★5つ 最高!ブラボー!! (2 投票, 評価平均値: 4.00)
読み込み中 ... 読み込み中 ...
※5段階の簡単評価です。★をクリックすることで誰でも簡単に評価できますので「ポチっとな」をお気軽にお願いします。

Facebookページにご参加ください。

facebookではWEBビジネスに関する新着ニュースを厳選し配信しております。SEO関連・スマホアプリ・wordpress・サイトデザイン・新ビジネス等の情報収集にお役立てください。


スポンサードリンク
Hiroyuki Suga

Hiroyuki Suga株式会社IMPACT 代表取締役

投稿者プロフィール

約10年間のサラリーマン生活を経て、34歳で独立起業。
JOB: WEBコンサル&システム開発・運用
LOVE: 面白い事・フットサル・平和・妻&子(6歳)
メルマガ配信中!ぜひ登録おねがいいたします。

この著者の最新の記事

関連記事

ピックアップ記事

  1. 2014-5-30

    えっ?これも!?wordpressで制作されたハイクオリティWEBサイト100選!

    最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPres…
  2. 2013-8-23

    メルマガ配信スタンド・メール配信ASPシステム徹底比較!メルマガマーケティングとは?

    メルマガ配信スタンドについて考える さて今回はメールマガジン配信について考えてみようと思います。 …
  3. 2013-5-31

    「DISQUS」で高機能コメント欄にレベルアップ!wordopress導入編

    「DISQUS」というサービスをご存知でしょうか? wordpressデザインを学ぶための超有名ブ…
  4. 2013-5-23

    ワードプレステンプレート「TCDさんのwordpressテーマ」が素晴らしすぎる件

    当サイトは既にご承知の通りwordpressという無料CMSツールを活用して構成されております。 …

はてなブックマーク人気エントリー

人気記事

rank
ページ上部へ戻る