【画像18枚】Contact Form by WPFormsの使い方と設定方法（初心者向け）

SWELLをWordPressにインストールしたけれど、お問い合わせフォームの作り方がわからない

この疑問に答えるためにWPForms Lite（正式名はContact Form by WPForms – WordPress 用のドラッグ & ドロップフォームビルダー）を使ってお問い合わせフォームを作成する手順を紹介しています。

お問い合わせページは完成までの手順

WPForms Liteを使えばお問い合わせフォームがワンクリックで作成でき、操作性が抜群。

プラグインのインストールから15分で見栄えのいいお問い合わせフォームが完成するので、一緒にチャレンジしていきましょう。

「WPForms Lite」のインストール手順

プラグインを有効化すると「WPForms」の案内ページが表示されます。一瞬「え？課金された？」とドキッとするかもしれませんがLite版は完全無料で使用することができるので安心してくださいね。

では、さっそくお問い合わせフォームを作成していきましょう。

「WPForms Lite」でお問い合わせフォームを作成する

お問い合わせフォームの作成はワンクリックのみ

WPForms Liteでは「名前」「メールアドレス」「メッセージ」のみのシンプルなお問い合わせフォームならワンクリックで作成することができます。

スパム対策「reCAPTCHA」の設定方法

reCAPTCHAは、Googleが開発したサイトにアクセスしているのがロボットなのか人なのか判断するためのシステムです。

WPFormsではGoogleから発行される「サイトキー」と「シークレットキー」を使用して簡単にreCAPTCHAを設置することができます。

お問い合わせフォームを固定ページに設置する

完成したお問い合わせフォームを固定ページに設置することで、お問い合わせページとしてサイトに表示することができます。

プラグイン「Contact Form 7」を使わないのはなぜですか？

お問い合わせフォームの定番プラグインのContact Form 7ですが、

• レイアウトの変更やデザインの微調整にプログラミング（HTMLやCSS）の知識が必要になる
• すべてのページでお問い合わせフォームが読み込まれるためページの表示速度が遅くなる

といった理由から僕のブログではSWELL推奨プラグインであるWPForms Liteを使用しています。

動作確認した環境について

WordPress バージョン： 5.5
Contact Form by WPForms バージョン：1.6.2.2
WordPressテーマ ：「SWELL」バージョン2.2.1.3（子テーマを使用）

今回のプラグインは上記の環境で動作を確認しました。

お使いのテーマや環境によっては動作しない、不具合が起こる場合があります。あらかじめバックアップを取ったうえでインストールをお願いします。

まとめ

この記事は、お問い合わせフォームが簡単に設置できるプラグイン「WPForms Lite」の使い方について解説しました。

お問い合わせフォームはブログのコンテンツのなかでも地味な存在です。でも、読者のための連絡窓口としてだけではなく「なにかあったときにでも対応してくれそう」と読者に安心感を与え、サイトの信頼性を高めてくれます。

ぜひ、サイトの運営開始と同時に設置してみてくださいね。