WordPressブログを運用するには問い合わせページが必要です。
初心者でも簡単に問い合わせページを作成できる「Contact Form 7」の使い方をご紹介します
Contact Form 7とは?
WordPressに問い合わせページを作る便利なプラグインです。
本来、自分で問い合わせページを作成する場合にはプログラミングの知識が必要ですが、Contact form7は比較的簡単に設定できる為、専門的な知識のない方でも簡単に問い合わせページを作ることができます。
- 問い合わせページにドロップダウンなどのアレンジがボタンを設置できる
- 自動返信メールやサンクスページなどの設定ができる
など便利な機能があります。
インストール
管理画面の左メニューの「プラグイン→新規追加」をクリック、プラグイン検索で「Contact Form 7」を入力しクリック
Contact Form 7が表示されるので、今すぐインストールをクリックする
次に有効化をクリック
フォームの作成
左側メニューの【お問い合わせ】から【新規追加】を選択する
コンタクトフォームの新規追加をクリック
コンタクトフォームの編集画面が表示されます
簡単な問い合わせフォームの場合は設定を変更する必要はなくこのままでOKです(下図参照)
名前を付けて保存ボタンをクリックします
問い合わせフォームを固定ページに反映する
問い合わせフォームを固定ページに反映させることでブログに表示され完了です
まず作成したコンタクトフォームのコード(下図の青色部分)をコピーします
次に管理画面の左メニューから「固定ページ → 新規追加」を選択します
タイトルには「お問い合わせ」と入力して、本文には先ほどコピーしたコードを貼り付ければ完了です。
ヘッダーやサイドメニューに設置するとよいでしょう。
おすすめカスタマイズ
自動返信メールの設定
[メール]のタブをクリックして自動返信メールを設定します。
自動返信メールは、「お問合わせいただきありがとうございます。」や「会員登録完了のお知らせ」などのメッセージを自動返信する機能です。
下段にあるメール(2)を使用にチェックを入れる
自動返信メールの内容が編集できるようになります。
メッセージ本文には自動返信メールである旨を記載しておくとよいでしょう。
(メッセージ例)
件名:資料請求ありがとうございます
※このメールはシステムからの自動返信です
〇〇様
お世話になっております。
●●と申します
この度は、○○○○の資料請求をいただきありがとうございます。
ご依頼の資料は、以下のリンクよりダウンロードをお願い致します。
▼資料ダウンロードはこちらから
https://○○○○.jp/files・・・・・
ホームページ:https://www・・・・
ご不明点、ご質問等ありましたらご連絡ください。
———————————————————————
担当者名:●●
TEL:111-1111-1111
メール:△△@△△.co.jp
【会社情報】
住所:
電話番号:
メール:□□@□□.co.jp
———————————————————————
サンクスページの作成
サンクスページとは、お問い合わせフォームやお買い物フォームに入力後の最後に表示されるページのことです。
サンクスページにGoogleアナリティクスを設置することでコンバージョンがわかります。
サンクスページはその他の設定で行います。
サンクスページは固定ページで作成し、以下のコードにそのURLを入力し貼り付けてください。
[コード]
1on_sent_ok: “window.location.href =’サンクスページのURL’;”
最後に保存をクリックして完了です
日付の設定
生年月日やイベント参加希望日時などをフォームに追加できます
ドロップダウンメニューの設定
ドロップダウンリスト(元号や都道府県をリストから選ぶケースなど)が必要な場合は、以下の手順で追加することができます。
まず、フォームから選択します
ドロップダウンメニュー:複数の選択肢から1つだけ選んでもらう場合に利用します。場所をとらないので選択肢が多い場合(都道府県の選択など)などで使うとよいです
- オプション:ここにドロップダウンで表示したい選択項目を1行毎に入力します。
- 複数選択を可能にする:ドロップダウンメニューで複数選択できるようにしたい時にチェックを入れる。
- 先頭に空の項目を挿入しますか?:先頭行を空白にしたい時にチェックを入れます
なお、チェックボックスやラジオボタンも同じ要領で設置することができます
チェックボックス:複数の選択肢から該当するものをチェックしてもらう場合に利用します。チェックボックスを排他化するをチェックすると、一つしか選択できなくなります
ラジオボタン:複数の選択肢から一つだけ選んでもらう場合に利用します
まとめ
プラグインContact Form 7を使うとプログラムの知識がなくても、 問い合わせフォームを作る事ができます。
この記事では問い合わせフォームの作成方法、おすすめのカスタマイズを紹介しています。
コメント
[…] まずはFeatured Image Generatorをインストールしましょう(インストールのやり方はこちらの記事を参考にしてください) […]