WordPressのプラグインの「Contact Form 7」|問い合わせフォームの設定

WEBサイトを作成する上で問い合わせページは欠かせません。WordPressのプラグインの「Contact Form 7」を読み込むことで簡単にお問い合わせフォームを作成できます。

今回は、「Contact Form 7」のインストール方法と、実際にフォームを設置する方法を解説します。

Contact Form 7(コンタクトフォーム7)とは


https://ja.wordpress.org/plugins/contact-form-7/
Contact Form 7は、日本人のTakayuki Miyoshiさんが作成した、WordPressにコンタクトフォームを設置するためのプラグインです。日本のみでなく海外でも広く活用されています。

<Contact Form 7の特徴>

・コンタクトフォームを作成するWordPressプラグイン

・フォームには、テキスト・数値・日付・チェックボックス・ラジオボタン・メニュー・承諾確認ボックスなどを、ボタンで簡単に挿入可能

・1フォームにつき2種類までの自動返信メール設定

・固定ページや投稿へのフォーム表示はショートコードを利用

・各種メッセージカスタマイズ

・スパムやロボットをブロックするGoogle reCAPTCHAとの連携

フォーム設置のために自分で面倒なHTMLを作成・編集する必要はなく、固定ページや投稿内にフォームを設置するには、Contact Form 7が生成するショートコードを一行添追加するだけでOKです。フォームへの項目追加は、ボタンひとつで行えます。
問い合わせフォームの作成は難しそうに感じますが、Contact Form 7を使えば専門知識なしで簡単に作成できます。

インストール方法


WordPress左サイドバー「プラグイン」>「新規追加」を選択し、検索窓に「contact form 7」と入力します。プラグインの「今すぐインストール」をクリックします。


「有効化」をクリックします。これでインストール作業は完了です。

Contact Form 7(コンタクトフォーム7)の使い方

新規フォーム作成

フォーム設定


WordPress左サイドバー「お問い合わせ」>「新規追加」を選択します。


管理用のフォームタイトルを入力します。


タブ「フォーム」では、フォームに含まれる項目を編集します。デフォルトでは、お名前・メールアドレス・題名・メッセージ本文・送信ボタンが含まれます。

自動返信メール設定


タブ「メール」では、フォームが送信された場合に送られるメールを編集します。[your-name]や[your-email]には、フォームで入力された値が入ります。


あらかじめ入力されている最初のメール以外に、もう1つ別のメールを設定する場合は、画面下部の「メール(2)を使用」にチェックを入れます。例えば、1つ目のメールは自分宛て、2つ目のメールは内容を変えて送信者宛てなどの用途があります。

メッセージ設定


タブ「メッセージ」では、画面に表示される各種メッセージを編集できます。

その他設定


タブ「その他の設定」では、追加設定に必要なコードを記入します。たとえば以下のような設定とコードがあります。

subscribers_only: true: ログインユーザーのみがフォーム送信可能

demo_mode: on: フォーム送信後にメールが送付されず、完了メッセージのみ表示

フォーム表示


フォームをWordPressの各ページに表示するため、まずはフォーム一覧にて表示したいフォームのショートコードをコピーします。


個別のコンタクトフォーム編集画面上部にも、ショートコードは表示されます。


フォームを表示するページを作成します。ここでは例として、お問い合せページを固定ページとして作成します。WordPress左サイドバー「固定ページ」>「新規追加」を選択します。


タイトルに「お問合せ」と入力し、本文に先ほどコピーしたショートコードを添付します。「プレビュー」または「公開」をクリックします。

そのほか、テキスト・数値・日付・チェックボックス・ラジオボタン・メニュー・承諾確認ボックスなどを追加できます。reCAPTCHAは、画像内の文字を入力することでフォーム送信者がボットではないことを証明できる機能です。Googleが提供しており、スパム防止目的で使用します。使用にはGoogleのサイトにてキーの登録が必要です。

まとめ

Contact Form 7は、コンタクトフォーム作成・管理用のWordPressプラグインです。
基本的なHTMLがわかれば、コードを書かなくても、テキスト・数値入力欄以外にもファイル添付・承諾確認ボックスといった高度なパーツの追加ができます。

操作もわかりやすく便利なプラグインですが、1つ注意点として、フォーム送信後は完了画面が表示されないため、Google Analyticsでフォーム送信完了画面への遷移をコンバージョンとしてトラッキングできません。フォーム送信完了を計測する際は、フォーム送信をイベントとしてトラッキングする方法が推奨されています。

コメントを残す

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