ブログカスタマイズ PR

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

記事内に商品プロモーションを含む場合があります

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

これもいじる必要がなければそのままでOK。

私はすべてデフォルト状態しています。

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

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

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

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

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

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

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

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

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

問合せフォームへのリンクを設置する

ヘッダやフッター、サイドメニューなどに問合せフォーム(固定ページ)へのリンクを作って完了です。

まとめ

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

  • Contact Form 7というプラグインを使えばかんたん。デフォルトでもちゃんと問い合わせフォームになる
  • Contact Form 7でショートコードを払い出した後、固定ページにショートコードをコピペして公開
  • 問合せフォーム(固定ページ)へのリンクを設置

お役に立てば幸いです。

こちらの記事もおすすめ
ブログカスタマイズ

Macのスクリーンショット/キャプチャの保存先を変更する方法。これでデスクトップもスッキリ

2020-01-07
寝ながら投資
Macのスクリーンショットで困るのは、ファイルの保管場所が「デスクトップ」になっていることです。 スクリーンショットを数多く取るとこんなこ …
ブログカスタマイズ

Twitter(ツイッター)にブログをシェアしたときに意図の違うサムネイル画像が表示されるときの解消法

2019-06-01
寝ながら投資
Twitterに投稿すると意図していないサムネイル画像が表示されてしまいました。 今回はそれを解消する方法を、備忘のためシェア。 起 …

COMMENT

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