MVPlayer420

ワードプレスのカスタマイズ方法を中心にガジェットや日常の話をしてます。ブログ運営の話もしてますよ

WordPress

Contact Form 7(問い合わせフォーム) 初期設定

投稿日:2017年3月29日 更新日:

今回、紹介するプラグインはContact Form 7です。

 

簡単にお問合せフォームが設置できるwordpressのプラグインです。

デフォルトの設定で簡単な問い合わせフォームを作る事ができる上に
細かな設定やカスタマイズの使用で独自の問い合わせフォームも作る事ができるので、おすすめプラグインです。

このHPの問い合わせフォームもこのプラグインを使って運営しています。

では早速行ってみましょう!

スポンサーリンク

 

インストールと有効化

初めてのWordPressでプラグインのインストールがわからないという方はこちらを参考にしてください。

問い合わせーページの作成

ダッシュボードの一覧に「お問い合わせ」と言う項目が増えると思います。

クリックすると下図の様な画面が右側に出てきますので、ショートコードをコピーしておきます。

 

 

固定ページの作成

問い合わせフォームはblogではないので設定が終われば、ほとんど更新しません。

その為、固定ページで作成する事をお勧めします。

投稿ページでも載せる事はできると思うのですが、不格好なレイアウトになりますし、お問い合わせフォームはSEO対策の為にインデックスを外すという作業もします。

上記の理由(他にあるかもしれませんが)問い合わせフォームは固定ページで作成するのがよいかと思います。

固定ページ > 新規固定ページを追加

タイトル 任意のタイトルをつけてください。例)Contact

先程、コピーしたショートコードを本文中に張り付けるだけです。

公開ボタンを押せば問い合わせフォームの完成です。

簡単ですね。

問い合わせフォームの設定

出来上がったフォームの設定をします。

ダッシュボード > お問い合わせ > ContactForm(編集) 押下

 

以下の画面がでてきます。

 

初期設定

「名前」

「メールアドレス」

「題名」

「メッセージ本文」

「送信」

となっていますね。

特に変更がない場合はメール受信設定に進んで下さい。

任意で表示させたい文字の変更や項目の追加ができます。(後述)

 

メール受信設定

「送信先」     あなたのメール受信BOXのアドレス(Gmailなど)

「送信元」     顧客用メールアドレス

「題名」      確認メールの件名

「追加ヘッダー」  任意

「メッセージ本文」 問い合わせ内容

自動返信の設定をしない方はそのまま保存を押せば、問い合わせフォームの作成は完了です。

メール自動返信の設定

メール(2)の設定で自動返信の設定ができます。
必要な方のみ参考にしてください。

メール(2)にチェックを入れると以下の項目が表示されます。

送信先      デフォルトでOK(お客様のアドレス)

送信元      あなたのアドレス

題名       自動返信メール確認の件名

追加ヘッダー   任意

メッセージ本文  お客様に送信するメッセージ

基本の設定は終わりです。

 

問い合わせを自分でやってみる

問い合わせしてもメールが届かなければフォームを設定している意味がありません。

必ずメールが来るか、自動返信は問題ないか?などを確認する必要が有ります。

今、作成したフォームから実際、問い合わせをしてみましょう。

実際に届いた問い合わせメール

指定した受信箱にメールが届いて入れば問題はないです。

 

自動返信メール(お客様に届く用)

設定した内容で届きました。

基本的な作業はここまでで終わりです。

問い合わせフォームをカスタマイズしたい人はこちらに載せていますので参考にしてください。

 

 

 

スポンサーリンク




スポンサーリンク




-WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

EasyFancyBox 設定方法と使い方

今回は筆者のおすすめプラグインでも紹介した、EasyFancyBoxの設定と使い方です。 デフォルトでも使えますし、簡単な設定で誰でも画像やサムネイルをクリックした時に拡大ポップアップとして表示してく …

wordpress 目次 自動生成 プラグイン

このサイトでもいくつか、おすすめプラグインは紹介してきましたが、今回は目次のプラグインです。 当ブログもこの目次のプラグインを使って書いています。   目次を入れる事でユーザビリティ(なんだ …

メニューバーに投稿一覧を乗せたい

スポンサーリンク     目次1 ハマった2 カテゴリーを追加する3 カテゴリーをメニューに追加4 実際に投稿してみよう!5 完成6 まとめ ハマった 丸一日はまった作業だったので …

mac スクリーンショットと保存先変更

  今回はmacのスクリーンショットです。 長年windowsを使ってきたユーザーにとってはmacは未知の世界。 windowsで簡単にできていた作業でもmacでは 「ん?どうするんだっけ? …

WordPressおすすめプラグイン

wordPress おすすめプラグインを紹介します。 特にwordPressを初めて使う人などには要チェックです!! スポンサーリンク   目次1 プラグイン導入前の注意事項2 実はプラグイ …



about me