SWELL でお問い合わせフォームを設置する方法｜Contact Form 7 と WPForms の選び方

SWELLをインストールしたものの、

「お問い合わせフォームはどのプラグインを使えばいいの？」
「自動返信メールの設定方法が分からない」

と、最初の設定で迷っていませんか？

お問い合わせフォームは、読者からの連絡や仕事の依頼を取りこぼさないための大切な要素です。しかし、SWELLでは対応するプラグインが複数あり、それぞれ設定画面の呼び方や操作の流れも異なるため、SWELLを使い始めたばかりの方には少し分かりにくいかもしれません。

この記事では、SWELLでお問い合わせフォームを設置する方法を、Contact Form 7とWPFormsの選び方、自動返信メールの設定、メールが届かないときの対処法とあわせて分かりやすく解説します。

初期テンプレートのまま設置するだけなら15分ほど、自動返信メールの設定と送信テストまで含めても30分ほどで終わる作業です。手順通りに進めれば迷わず設置できるので、順番に進めていきましょう。

---

結論：SWELL なら2つのうちどちらか

SWELL に最適なお問い合わせフォームのプラグインは、次のどちらかです。

プラグイン	特徴	向いている人
Contact Form 7	最も普及・情報量が多い・無料でほぼ全機能	解説記事を読みながら自分で設定したい人
Contact Form by WPForms	UI が直感的（ドラッグ&ドロップ）・SWELL 開発者推奨	コードを触りたくない・GUI で完結させたい人

📌 SWELL の開発者は WPForms を推奨しています（SWELL 公式マニュアル参照）。一方で、Contact Form 7 はインストール件数が突出して多く、トラブル時の情報も探しやすいというメリットがあります。「情報量重視なら CF7／使いやすさ重視なら WPForms」が選び方の目安です。

両方を試して気に入った方を残す、という進め方もアリです。共存させても動きますが、本番運用では1つに絞ったほうがメンテが楽です。

---

設置手順（Contact Form 7 編）

---

設置手順（Contact Form by WPForms 編）

CF7 ではなく WPForms を選ぶ場合の流れも、ほぼ同じです。

---

公開前に必ずやること：送信テストと受信確認

フォームが表示できただけでは、まだ「設置できた」とは言えません。自分で実際に送信してみて、メールが届くところまで確認して初めて完了です。

1. 公開した固定ページを開き、自分の名前・メールアドレスでテスト送信する
2. CF7 の「メール」タブ、または WPForms の「Notifications」で設定した管理者宛の通知メールが、指定した受信アドレスに届くか確認する（迷惑メールフォルダも確認）
3. 自動返信を設定した場合は、テスト送信に使ったメールアドレス宛に自動返信メールが届くか確認する

3つとも確認できて、この記事のゴールである「読者からの連絡や仕事の依頼を取りこぼさない」状態になります。届かない場合は、この後の「つまずきやすいポイント」の「メールが届かない」を参照してください。

---

SWELL で見た目を整える小ワザ

どちらのプラグインでも、フォームの見た目（フォントやボタン色）は SWELL の基本デザインに自動で寄ります。さらに微調整したい時は、次の2つで対応するのが現実的です。

• 追加 CSS：外観 → カスタマイズ → 追加CSS で .wpcf7 input[type="text"] などにスタイル指定
• SWELL の「ブロックスタイル」：固定ページ側のブロック（見出しなど）に SWELL のスタイルを当てて、フォーム周辺の見た目を整える

煽りのある色やボタンよりも、サイトの基本配色に合わせた素直な見た目のほうが、信頼感が出ます。

---

つまずきやすいポイント

メールが届かない

最初に必ずぶつかる問題が「フォームから送信したのに自分にメールが来ない」状態です。原因は WP からのメール送信が失敗していることが多く、対策は次の順序が効率的です。

1. 送信元アドレスを「サイトのドメイン」と同じにする：CF7 なら「メール」タブの「送信元」欄、WPForms なら Notifications の「From Email」欄で変更します。例の no-reply@yourdomain.com の yourdomain.com はあくまで例なので、自分のサイトの実際のドメインに置き換えてください（Gmail など別ドメインのアドレスを送信元にしない）。ドメインを揃えるのは、送信元とサイトのドメインが一致していないと迷惑メール判定を受けやすくなるためです
2. SMTP 経由で送るプラグイン（WP Mail SMTP など）を1つ入れる。SMTP とは、メールを確実に相手に届けるための送信のしくみです。WordPress 標準の送信方法（PHP の mail 関数）は迷惑メール扱いされやすいため、SMTP 経由に切り替えると到達率が上がります。WP Mail SMTP を有効化すると表示されるセットアップウィザードで、①メーラー（送信方法。Gmail や SMTP.com など）を選び、②「送信元メールアドレス（From Email）」と「送信元名（From Name）」を入力すれば最低限動きます。あわせて「Force From Email」を ON にしておくと、他のプラグインの送信元設定を上書きして統一できるので到達率がさらに安定します
3. それでもダメなら、レンタルサーバの メールアカウントを正しく作成しているか確認

スパムが大量に届く

Cloudflare の Turnstile を入れるのが扱いやすいです。reCAPTCHA の代わりとなる無料の bot 対策で、ユーザーに「私はロボットではありません」のチェックを強いることなく、裏側で人かどうかを判定してくれます。このブログ moreo note でも実際に使っています。

導入には、まず Cloudflare のアカウントを作成し、ダッシュボードでサイト（ドメイン）を登録する前工程が必要です。登録が終わると、サイトキー（サイトを識別する公開用のID。HTML に出ても問題ない）とシークレットキー（送信を裏側で検証するための非公開の鍵。外部に漏らさない）の2つが発行されるので、それを CF7・WPForms 対応プラグイン（例：Simple Cloudflare Turnstile）の設定画面に貼り付ければ導入できます。

送信ボタンが反応しない

JavaScript エラーが多く、原因はキャッシュ系プラグインや別プラグインとの競合です。シークレットウィンドウで開くと、キャッシュの影響を除いた状態で再現するかどうかの切り分けが早いです。

シークレットウィンドウでも直らない場合は、プラグインを1つずつ無効化して再現テストします。キャッシュ系プラグイン→セキュリティ系プラグイン→その他の順に無効化していき、直った時点のプラグインが原因です。特定できたら、そのプラグインの設定を見直すか、別のプラグインに乗り換えます。

---

まとめ

• SWELL のお問い合わせフォームは、Contact Form 7 か Contact Form by WPForms のどちらかでOK
• 情報量重視なら CF7、UI 重視なら WPForms（SWELL 開発者推奨）
• どちらも ショートコードを固定ページに貼るだけ で公開できる
• 自動返信メールまで設定しておくと、読者の安心感が変わる
• メールが届かないトラブルは、最初に必ず発生する想定で SMTP プラグインを準備しておく

「フォームの設置」は SWELL 初期設定の最後のひと押し、くらいの位置づけです。ここを越えると、サイトの形がほぼ整います。