WordPressのお問い合わせメールフォーム用のプラグインには Contact Form 7 や Trust Form など高機能なものが色々ありますが、
今回紹介させていただくJetpack のコンタクトフォームは、記事や固定ページの投稿画面でフォームを作成してショートコードを貼付けて使用するというシンプルなメールフォーム機能です。
Jetpack のインストール
WordPress管理画面より Jetpack を検索するか、以下のページからプラグインファイル一式をダウンロードします。※WordPress.com との連携が必要となりますが、連携方法は WordPress.com と連携して Jetpack コメントプラグインを設置する方法 の記事で紹介しておりますので参考にしてみてください。
Jetpack コンタクトフォームの設定
Jetpack をインストールすると、記事や固定ページの投稿画面に新しく「お問合わせフォームを追加」ボタンが増えていますのでクリックします。フォーム作成用のウィンドウが開きます。
「フォームビルダー」と「メール通知」の2つのニューがありますので、順番に設定方法を見ていくことにします。
フォームビルダー
まずは「フォームビルダー」メニューですが、ここではテキストフォームやドロップダウン(セレクタ)、テキストエリアなどのフォームを組み立てていきます。不要なフォームは「ー」ボタンをクリックして削除します。
新規にフィールドを追加する場合は「新規フィールドを追加」リンクをクリックします。
各フィールドの名称や必須条件の編集を行う場合は「編集」リンクをクリックします。
例として「ドロップダウン」を追加してみる
試しに「お問い合わせ件名」というフィールドで「ドロップダウン」のフィールドを追加してみます。ラベルには「お問い合わせ件名」などの名称を入れます。
フィールドの種類で「ドロップダウン」を選択します。
オプションで選択肢を選べますので、
必須にするかどうかを設定した後、「このフィールドを保存」ボタンをクリックするとフィールドが追加されます。
メール通知
続いて「メール通知」メニューですが、ここでは問い合わせメールの受信先メールアドレスとメールの件名を設定します。投稿記事にフォームを挿入
作成したメールフォームを投稿記事に挿入するには「このフォームを投稿に追加」ボタンをクリックします。本文内にショートコードが追加され、記事を公開すると、
フロント画面にお問い合わせメールフォームが表示されます。
ラベルやボタンなどのデザインは、CSS である程度補正できます。
企業サイトの問い合わせフォームとしては機能面で物足りない感はありますが、ブログにシンプルな問い合わせフォームを付けたい!ということであれば、固定ページ上でフォームを作成できるJetpack のコンタクトフォームは便利かなと思います。
コメントを残す