ブログを運営していると、読者や企業から連絡が来ることがあります。
そのときに「問い合わせフォーム」がないと、連絡手段がなくてせっかくのチャンスを逃してしまいます。
アドセンスの審査でも問い合わせページがあった方が有利と言われており、ブログ開設直後に設置しておくべき必須ページのひとつです。
この記事では、WordPressで最も使われている無料プラグイン「Contact Form 7」を使って、問い合わせフォームを作る手順をわかりやすく解説します。
難しい知識は一切不要で、5分あれば完成します。
Contact Form 7とは
Contact Form 7は、WordPressに問い合わせフォームを設置できる無料のプラグインです。
世界中で1億回以上インストールされており、WordPressのプラグインの中でも特に信頼性が高いもののひとつ。
無料でありながら機能が充実しており、個人ブログから企業サイトまで幅広く使われています。
Contact Form 7の主な特徴
- 完全無料で使える
- インストールから設置まで5分程度で完了
- スパムメール対策機能がある
- カスタマイズ性が高い
- 日本語対応済み
Contact Form 7のインストール方法
まずはWordPress管理画面からプラグインをインストールしましょう。
ステップ1 プラグインの新規追加画面を開く
WordPress管理画面の左側メニューから「プラグイン」→「新規追加」をクリックします。
ステップ2 Contact Form 7を検索する
画面右上の検索欄に「Contact Form 7」と入力します。
検索結果の一番上に表示されるはずです。作者が「Takayuki Miyoshi」になっているものが本物です。
ステップ3 インストールして有効化する
「今すぐインストール」ボタンをクリックし、インストールが完了したら「有効化」ボタンをクリックします。
有効化が完了すると、WordPressの左側メニューに「お問い合わせ」という項目が追加されます。
これでインストールは完了です。
問い合わせフォームの設定方法
インストールが完了したら、フォームの内容を確認・設定していきます。
ステップ1 フォームの編集画面を開く
左側メニューの「お問い合わせ」→「フォーム一覧」をクリックします。
「コンタクトフォーム1」というフォームがすでに作成されています。
これをクリックして編集画面を開きましょう。
ステップ2 フォームの内容を確認する
編集画面には「フォーム」「メール」「メッセージ」「その他の設定」の4つのタブがあります。
最初から以下の項目が設定されています。
- お名前
- メールアドレス
- 題名
- メッセージ本文
- 送信ボタン
個人ブログであればこのままで十分です。特に変更する必要はありません。
ステップ3 メールの送信先を確認する
「メール」タブをクリックします。
「送信先」の欄に「[_site_admin_email]」と入力されています。
これはWordPressの管理者メールアドレスに自動で送信される設定です。
WordPressの管理者メールアドレスは「設定」→「一般」から確認できます。
問い合わせを受け取りたいメールアドレスが設定されているか確認しておきましょう。
別のメールアドレスに送りたい場合は、「送信先」の欄を直接書き換えてください。
ステップ4 設定を保存する
画面下部の「保存」ボタンをクリックして設定を保存します。
ショートコードをコピーする
フォームの設定が完了したら、ショートコードをコピーします。
フォーム一覧画面に戻ると、「コンタクトフォーム1」の下に以下のようなショートコードが表示されています。
例）［contact-form-7 id=”任意のID” title=”コンタクトフォーム1″］
このショートコードをコピーしておいてください。
次のステップで使います。
問い合わせページを作成する
フォームができたら、専用のページを作って設置しましょう。
ステップ1 新しい固定ページを作成す
WordPress管理画面の「固定ページ」→「新規追加」をクリックします。
ステップ2 ページタイトルを入力する
タイトルに「お問い合わせ」と入力します。
ステップ3 ショートコードを貼り付ける
本文エリアに先ほどコピーしたショートコードを貼り付けます。
SWELLのブロックエディターを使っている場合は、「+」ボタンから「ショートコード」ブロックを追加し、そこにショートコードを貼り付けてください。
ステップ4 スラッグを設定する
右側のサイドバーにある「スラッグ」欄に「contact」と入力します。URLが「https://あなたのドメイン/contact/」になります。
ステップ5 公開する
「公開」ボタンをクリックしてページを公開します。
公開後、実際にページを開いてフォームが表示されているか確認しましょう。
動作確認をする
フォームが正しく動作するか必ず確認しておきましょう。
テスト送信の手順
- 公開した問い合わせページを開く
- 名前・メールアドレス・題名・メッセージを入力する
- 「送信」ボタンをクリックする
- 「ありがとうございます。メッセージは送信されました。」と表示されればOK
- 管理者メールアドレスに届いているか確認する
- メールが届かない場合は、迷惑メールフォルダに入っている可能性があります。確認してみてください。
メニューに問い合わせページを追加する
問い合わせページを作っても、読者が見つけられなければ意味がありません。
ヘッダーメニューやフッターメニューに追加しておきましょう。
メニューへの追加手順
- WordPress管理画面の「外観」→「メニュー」をクリックする
- メニュー編集画面で「固定ページ」の一覧から「お問い合わせ」にチェックを入れる
- 「メニューに追加」をクリックする
- 「メニューを保存」をクリックして完了
SWELLを使っている場合は、管理画面の「外観」→「カスタマイズ」からヘッダーやフッターのメニュー設定が直感的にできます。
まとめ
Contact Form 7を使った問い合わせフォームの作り方をまとめます。
- Contact Form 7をインストール・有効化する
- フォームの設定を確認してショートコードをコピーする
- 固定ページを新規作成してショートコードを貼り付ける
- テスト送信で動作確認をする
- メニューに問い合わせページを追加する
問い合わせフォームはブログの信頼性を高める大切な要素です。
ブログを開設したら、記事を書き始める前に設置しておくことをおすすめします。
この記事と合わせて、WordPressブログの始め方の記事も参考にしてみてください。
コメント