【5分で完了！】WordPressお問い合わせフォームの作り方│WPFormsを使用

本記事では、プラグイン「WPForms」を使って、お問い合わせフォームを作る手順を解説します。

所要時間は5分～10分程度です。画像つきで解説するので、初心者の方でも楽々設定できますよ。

それでは早速設定方法を見ていきましょう！

ContactForm7という有名なプラグインもありますが、WPFormsの方が簡単なのでこちらをおすすめしています。当サイトのテーマ「SWELL」の開発者もWPFormsを推奨しているので安心してくださいね。

WordPressのお問い合わせフォーム設置手順

設置までの手順は以下の5ステップです。

1. プラグインをインストールして有効化

早速プラグインをインストールしましょう。

【プラグイン】→【新規追加】

右上の検索窓に「WPForms」と入力し、インストールして「有効化」しましょう。

2. フォームを作成

「最初のフォームを作成」もしくは「新規追加」をクリックします。

以下のような画面が表示されるので、フォームに「お問い合わせ」と名前をつけて「簡単なお問い合わせフォーム」をクリックしましょう。

特にこだわりがなければ、テンプレートのままでOKです。

「保存」をクリックします。※自分好みの項目を設定したい方はこちらを参考にしてください。

次に、「埋め込む」をクリックしましょう。

「新規ページを作成」をクリックします。

再度「お問い合わせ」と入力して「行きまし…」をクリックします。

3. 固定ページに貼り付け

「お問い合わせ」というタイトルのついた固定ページに移動し、フォームが自動で作成されます。

パーマリンクが日本語になっているので、お好きな英語表記に変更しましょう。

今回は「contact-form」とします。

「公開」した後、「固定ページを表示」すると実際のフォームが見られます。

4.テスト送信をして確認

適当な内容を入力し、お問い合わせフォームが正しく機能するかテストしてみましょう。

WordPress開設時に登録したアドレスへメールが送られます。

迷惑メールに入ることがあるため、確認する際は注意してくださいね！

フォームの作成は以上です！

5.ブログに設置（グローバルナビ）

最後に、ブログによくあるお問い合わせを設置する手順をご紹介します。

【外観】→【メニュー】へ進み、「グローバルナビ」と名前をつけ、以下2つに✔を入れましょう。

「お問い合わせ」に✔をいれ、「メニューに追加」→「メニューを保存」の順にクリックします。

以上で設定は完了です。ブログのトップ画面に行くと、お問い合わせが設定されているはずです。

自分好みのお問い合わせフォームを作りたい方向け

ここでは、Webライターの「ポートフォリオ用お問い合わせフォーム」として、自分好みのフォームを作成していきます。

フォームに好きな名前をつけましょう。（こだわる必要はありません）

「空白のフォームを作成する」をクリックします。

ドラッグ＆ドロップで入れたい項目を移動していきます。今回は下記の画像のように配置しました。

「フィールド設定」を選び、フォームの項目に名前（ラベル名）をつけていきます。

必須設定もできるので、必ず記入してもらいたいところは「必須」をONにしておきましょう。

作成できたら「保存」→「埋め込む」を順番にクリックします。

今回は「既存のページを選択」を選びましょう。

お問い合わせフォームを埋め込みたい「固定ページ」を選びます。

ページに移動し、以下の手順でフォームを埋め込みましょう。

すると、以下のようにフォームを埋め込むことができました！

まとめ：WordPressお問い合わせフォームの作り方

お問い合わせフォーム作成手順

企業やサイト訪問者とコンタクトを取るために、お問い合わせフォームの設置は必須です。

プラグインを使うことで簡単に設置できるので、早い段階で作っておきましょう！