ブログ

ブログに問い合わせフォームをさくっと設置

ブログに問合せフォームを設けたほうがいいという記事を見かけたので、このブログにもお問い合わせフォームを設置することにしました。

 

利用するのはWordPress用問合せフォーム作成プラグイン、Contact Form 7。

プラグインを追加 コインチェックに200万円預けた人のブログ WordPress

 

インストールして有効化し、初期設定をします。

 

Contact Form7(お問い合わせ)の初期設定

WordPressの左メニューに「お問い合わせ」が追加されているはず。

コンタクトフォームを追加 コインチェックに200万円預けた人のブログ WordPress

ここの「新規追加」をクリック。

すると「フォーム」というタブが開かれます。これは問合せ画面で何を入力してもらうか決めるところです。

コンタクトフォームを追加 コインチェックに200万円預けた人のブログ WordPress

デフォルトでは、名前とメアドの入力が必須で、題名・メッセージ本文を入力できるようになっています。

自分は特に気になる点はないのでそのまま進みます。

 

次は「メール」タブ。問合せフォームに入力があった際に連絡が飛ぶメールの設定をする画面です。

コンタクトフォームを追加 コインチェックに200万円預けた人のブログ WordPress

ここで設定するのは、問合せフォームから問い合わせがあった時に、メールを送るメアドとそのタイトル、メッセージ本文など。

メアドはWordPressに登録している自分のメアドが自動入力されていました。自分はこちらも気になる点はないので、そのまま。

 

最後は「メッセージ」タブ。問い合わせフォームに入力した際のエラーメッセージなどを決める画面です。

コンタクトフォームを追加 コインチェックに200万円預けた人のブログ WordPress

これも全くいじる必要を感じなかったのでそのまま。

結局すべてデフォルトのままで行きます。

 

最後に「保存」ボタンを押すとショートコードが表示されるのでこれをコピーしておきます。

コンタクトフォームの編集 コインチェックに200万円預けた人のブログ WordPress

 

 

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

左メニューの「固定ページ」の「新規作成」から新しい固定ページを作ります。

タイトル、パーマリンク、本文は好きな内容にして、本文の下に先ほどのショートコードを貼り付けます。

固定ページを編集 コインチェックに200万円預けた人のブログ WordPress

 

プレビューで見てみると、シンプルながらちゃんとした問い合わせフォームができている!

お問い合わせ コインチェックに200万円預けた人のブログ

 

普通の記事と同じように「公開」ボタンを押して、公開完了です。

 

固定ページを表示させる

この手順は普通は必要ないはず。

私の場合、これまでページ上部に固定ページへのリンクが出るのがじゃまだと思い、テーマを編集して固定ページへのリンクを全て外していました。

そのため「問い合わせ」という固定ページへのリンクを新しく設ける必要があります。

これはテーマをいじるのではなく、ウィジェットに固定ページへのリンクを設けて解決しました。

ウィジェット コインチェックに200万円預けた人のブログ WordPress

 

場所はあくまでメインコンテンツをじゃましないように、PCだと右カラムの一番下。スマホだと最下部に配置しました。

これで問い合わせフォームの設置は完了。

 

まとめ

WordPressブログに問い合わせフォームを作るなら

  • Contact Form 7というプラグインを使えばかんたん。デフォルトでもそれなりの問い合わせフォームになる
  • Contact Form 7で入力項目などを決めてショートコードを払い出した後、固定ページにショートコードをコピペして公開
  • 必要なら固定ページへのリンクをウィジェットなどで設置

お役に立てば幸いです。

ねなとう
ねなとう

このブログの更新情報や、関係する速報を、ツイッターでつぶやいています。
よければフォローどうぞー

フォローする