《ConoHa》月初がお得!3/31までお試し今ならさらに5,000円割引!

SWELLでメール設定「WPForms+reCAPTCHA」v2v3対応

一部プロモーションを含みます
recaptcha-wpform
  • URLをコピーしました!

あなたは今、こんなことで悩んでいませんか?

  • SWELLでお問い合わせフォームを作りたいけど、専門知識がなくて不安
  • 海外からの迷惑メールが止まらず、ブログ運営のやる気が削がれる
  • アフィリエイト審査に合格するために、お問い合わせフォームが必須だと聞いた

その悩み、この記事で解決できます。 マウス操作だけでお問い合わせフォームが作れる「WPForms」と、迷惑メールを強力に防ぐ「reCAPTCHA」の連携方法を、初心者向けに一つひとつ丁寧に解説します。

この記事を読めば、あなたのブログの信頼性が向上するだけでなく、悪質な攻撃から大切なサイトを守る具体的な方法がわかります。

記事でわかること(もくじ)

【事前準備】WPFormsをインストールし、Googleアカウントを用意する

WPFormsとは、問い合わせフォームを手軽に作成できるWordPressプラグインです。WordPress管理画面からドラッグ&ドロップするだけで、問い合わせフォームを作成できます。

WPFormsとreCAPTCHAを連携する

WPFormsを安全に運用する上で、GoogleのreCAPTCHA(リキャプチャ)は外せません。手軽にフォームを作れる反面、標準的な設定のままではセキュリティに不安が残るからです。

GoogleのreCAPTCHA(リキャプチャ)を連携させれば、強固な防御と使い勝手の良さを両立したフォームが手に入ります。

導入にあたっての準備は、大きく分けて二つの手順があります。

STEP
プラグイン「WPForms」をインストール

インストールして有効化しておきましょう。

STEP
サイト「Google reCAPTCHA」でWebサイト登録とAPIキーを取得

reCAPTCHAを使うには、Googleアカウントが必要です。Google reCAPTCHAのサイトで、あなたのWebサイトを登録し、APIキーを取得します。

詳しく解説します。

プラグイン「WPForms」をインストール

プラグインダウンロード
プラグイン

WPFormsをインストールして有効化する手順を紹介します。WordPress管理画面の「プラグイン」をクリック。

wpforms新規追加
wpforms新規追加

「新規追加」をクリックします(上画像赤枠)

検索画面で「WPForms」を検索。
wpforms

検索画面で「WPForms」を検索。

ダウンロードできたら有効化します。

サイト「Google reCAPTCHA」でWebサイト登録とAPIキーを取得

reCAPTCHAを利用するにはGoogleアカウントが必要です。持っていない場合は新しく作成し、専用の管理サイトへログインしましょう。

サイト上で自分のWebページを登録すると、連携に必要なAPIキーが発行されます。

状況に合わせてreCAPTCHAのv2かv3のいずれかを選択してください。

「reCAPTCHA v2」と「reCAPTCHA v3」の違い

reCAPTCHA歴史
reCAPTCHA歴史

2026年現在の主流はreCAPTCHA v3です。以前のv2との決定的な違いは、ボットなどの不正アクセスを検知し処理する仕組みにあります。

reCAPTCHA v3v2の違い

v3にはおなじみの画像認証がありません。リクエストを一旦すべて受け入れた上で、その挙動から人間らしさをスコア化して判定します。

スコアが低く不審と見なされたアクセスは遮断されることもありますが、利用者側に特定の操作を求めることはありません。チェックボックスをクリックするような手間を省き、スムーズな体験を優先したい場合に適した選択肢です。

やたろう

ユーザーの利便性を重視するなら、v3がおすすめです。

一方でv2は、送信前に画像を選択させるなどして人間かボットかを直接判別します。

利用者には多少の手間を強いることになりますが、その分セキュリティの強度は高まります。安全性を何より重視したい場合や、ブログの問い合わせフォームに限定して導入するのであれば、確実性の高いv2が推奨されます。

やたろう

セキュリティを最優先するならv2がおすすめ。

reCAPTCHA v2 invisible

reCAPTCHA v2には、インビジブルと呼ばれる非表示型の選択肢もあります。

これは「私はロボットではありません」というチェックボックスを省いた形式で、利用者にツールの存在を意識させないのが特徴です。

システムが人間による操作だと判断すれば、何の追加手順も踏まずにそのままフォームを送信できるため、利便性を損なうことがありません。

reCAPTCHA v3でメールを設定する手順【WPFormsと連携】

WPFormsを導入

WPFormsを導入

ここでは、WPFormsとreCAPTCHA v3を連携させて、SWELLにメールフォームを設定する手順をご紹介します。

  • Google reCAPTCHAのサイトからWebサイト登録と「reCAPTCHA v3のAPIキー」を取得する
  • WPFormsとreCAPTCHA v3を連携させてフォームを作成する

それぞれ解説します。

Google reCAPTCHAのサイトからWebサイト登録と「reCAPTCHA v3のAPIキー」を取得する

Googleアカウントのログインした状態で、reCAPTCHAのトップページへ。

reCAPTCHA(リキャプチャ)

ReCAPTCHAトップページ
ReCAPTCHAトップページ

reCAPTCHAトップに移動します。画像赤枠①の「v3管理コンソール」をクリック。

 ReCAPTCHA「作成」
ReCAPTCHA「作成」

画像赤枠「+作成」をクリック。

自分のサイトを登録する
自分のサイトを登録する

Amazonのアカウント作成のようなもので、サイトを管理するマイページを作成します。

  1. ラベルにサイトURLをペースト
  2. reCAPTCHA v3を選択
  3. ドメイン入力
  4. オーナー(自分で管理できるメールアドレスを入力)
新しいプロジェクト作成
新しいプロジェクト作成

新しいプロジェクト作成します。

プロジェクトとは「作業BOX」のようなものです。

オーナー設定
オーナー設定

オーナー設定で、利用規約に同意します。

  1. reCAPTCHAの利用規約に同意します
  2. アラートをオーナーに送信する
  3. 送信
キーを発行
キーを発行

2つのキーを発行します。

ダウンロードしたプラグイン「WPForms」とreCAPTCHAを、連動させるためのキーです。

コピーしてください。

やたろう

サイト「Google reCAPTCHA」のマイページからいつでも確認できます。

  1. 登録したURLを確認
  2. サイトキーをコピー
  3. シークレットキーをコピー
  4. 設定に移動

WPFormsとreCAPTCHA v3を連携させてフォームを作成する

WPFormsフォーム新規追加
WPFormsフォーム新規追加

WPFormsとreCAPTCHA v3を連動させて、フォームを作成します。

  1. WPForms
  2. 新規追加フォーム
空白のフォームを作成する
空白のフォームを作成する

WPFormsでフォームを作成する方法は、2通りあります。

  1. 空からフォーム作る
  2. テンプレートを利用する

おすすめは、空からフォームを作る方法です。

なぜなら、テンプレートは、余計な機能が多いからです。

ブログは、名前、メールアドレス、お問い合わせ内容があれば十分です。

ここでは「空白のフォームを作成する」手順を記載します。

  1. セットアップ
  2. フォームの名前を付ける(任意)
  3. 空白のフォームを作成する
reCAPTCHA設定
reCAPTCHA設定

まず、reCAPTCHA v3をwpformsに反映します。

ReCAPTCHA反映
ReCAPTCHA v3を反映

①ReCAPTCHA v3をクリックします。

キーを追加
キーを追加

サイト「Google reCAPTCHA」でコピーしたキーを、WPFormsに連携します。

  1. reCAPTCHA v3
  2. サイトキーをペースト
  3. シークレットキーをペースト
  4. 設定を保存
reCAPTCHA設定完了
reCAPTCHA設定完了

「設定が正常に保存されました」が表示されたら、紐付け完了です。

標準フィールド作成
標準フィールド作成

WPFormsに戻り、必要項目をドラックします。

コンタクトフォーム
名前、メール、問い合わせ内容ドラック

最低限必要な項目は、以下3つです。

  1. 名前
  2. メール
  3. お問い合わせ内容
やたろう

フォームはシンプルが良いので、「上記3項目だけ」がおすすめです。

③の「お問い合わせ内容」の表記は、ラベルフィールドで変更できます。

reCAPTCHA反映確認
reCAPTCHA反映確認

画像①にあるreCAPTCHAの項目を、フォームへドラッグして反映させます。

  1. reCAPTCHA をクリック
  2. 右上に reCAPTCHA マークが表示されているか
  3. 保存
  4. プレビュー

保存して、プレビュー画面を確認表示します。

プレビュー
プレビュー

プレビュー画面を開き、実際のフォーム上でもマークが正しく出ているかを確認します。表示に問題がなければ、最後の手順としてWordPressの固定ページへWPFormsを設置して完了です。

新規追加、既存追加
新規追加、既存追加

WordPress固定ページにWPFormsを反映させる2つの方法

WordPressの固定ページにWPFormsを表示させるには、主に二つの方法があります。

新しくページを作るか、すでにあるページに埋め込むかです。

  1. 新しくページを作る
  2. すでにあるページに埋め込む

新規ページへ作りたい場合、「新規ページを作成」ボタンをクリックします。

固定ページへ新規追加
固定ページへ新規追加

新しくページを用意する場合は、作成ボタンをクリックするだけでフォームが反映された固定ページが出来上がります。

やたろう

初めてフォームを作るならこの手順が一番スムーズです。

一方、既存のページを活用したいときは、プルダウンメニューから対象のページを選んで作業を進めます。以前別のプラグインで作成した問い合わせページがすでにある場合などは、こちらの手順が適しています。

既存追加(ページに埋め込む)
既存追加(ページに埋め込む)

「既存のページを選択」 すると、埋め込みたい固定ページがプルダウンメニューで選択できます。

既存ページ埋め込み方法
既存ページ埋め込み方法

固定ページを選択するとページに遷移(せんい)します。

  1. 固定ページに左上「+」をクリック
  2. 検索ボックス「WPForms」で検索

ブロック挿入ツールから、プラグイン「WPForms」を選択。

フォームを選択
フォームを選択

WPForms内で作ったフォームを選択します

保存してプレビューを開き、フォームやreCAPTCHA v3のマークが正しく表示されているか確かめます。

プレビュー
プレビュー
  1. 既存の固定ページに反映されてていること、確認できました
  2. 「reCAPTCHA v3」も表示されてます
  3. メールアドレスが送信できるかチェックします
送信成功
送信成功

実際にテストメールを送信し、無事に届くことが確認できれば、すべての設定は完了です。

メールが届いているか
メールが届く

固定ページからテストしたメールが届いてました。

これでreCAPTCHA v3の設定は終了です。

reCAPTCHA v2でメールを設定する手順【WPFormsと連携】

Google reCAPTCHA v2 ログイン画面

reCAPTCHA v2を使ってメールフォームを設定する手順も、基本的にはv3の場合とほとんど変わりません。

  • Google reCAPTCHAのサイトからWebサイト登録と「reCAPTCHA v2のAPIキー」の取得する
  • WPFormsとreCAPTCHA v2を連携させてフォームを作成する

Google reCAPTCHAのサイトからWebサイト登録と「reCAPTCHA v2のAPIキー」の取得する

Googleアカウントのログインした状態で、サイト「Google reCAPTCHA」へ。

reCAPTCHA(リキャプチャ)

Google reCAPTCHA v2 「+」をクリック

Google reCAPTCHA v2 「+」をクリック

サイトを登録します。

チェレンジV2を選択

ラベル(サイト名で良いです)チェレンジV2(reCAPTCHA v2のこと)を選択します。

「非表示reCAPTCHAバッジ」はreCAPTCHA v2 invisibleのことです。

「サイトキー」「シークレットキー」をコピー

「サイトキー」「シークレットキー」をコピーします。

やたろう

WPFormsとの連携で使います。

WPFormsとreCAPTCHA v2を連携させてフォームを作成する

空白のフォームを作成する
空白のフォームを作成する

WPFormsにもどり、空白のフォームを作成します。

reCAPTCHA設定
reCAPTCHA設定

WordPress管理画面「WPFoms」をからreCAPTCHA設定をクリック。

「Checkbox reCAPTCHA v2」を選択肢て、サイトキー、シークレットキーを入力

①「Checkbox reCAPTCHA v2」を選択肢、コピーしておいたサイトキー、シークレットキーを入力して保存。

reCAPTCHA設定完了
reCAPTCHA設定完了

reCAPTCHA v2とWPFormsの連携が完了しました。

標準フィールド作成
標準フィールド作成

WPFormsに戻り、必要項目をドラックします。

コンタクトフォーム
名前、メール、問い合わせ内容ドラック

最低限必要な項目は、以下3つ。

  1. 名前
  2. メール
  3. お問い合わせ内容
やたろう

ユーザーに負担をかけないよう、フォームはシンプルが良いです。

③の「お問い合わせ内容」の表記は、ラベルフィールドで変更できます。

reCAPTCHA反映確認
reCAPTCHA反映確認

reCAPTCHA v2を反映します。画像①の「reCAPTCHA」をフォーム項目へドラックすれば反映されます。

  1. reCAPTCHA をクリック
  2. 右上に reCAPTCHA マークが表示されているか
  3. 保存
  4. プレビュー
新規追加、既存追加
新規追加、既存追加

フォームは、既存ページにも設置できます。新規作成も可能です。

新規追加、既存追加
新規追加、既存追加

ワードプレスの固定ページに、WPFormsを反映させる方法は、2つあります。

  1. 固定ページに新規追加する方法
  2. 既存固定ページに埋め込む方

新規ページへ作りたい場合、「新規ページを作成」ボタンをクリックします。

固定ページへ新規追加
固定ページへ新規追加

「新規ページを作成」ボタンをクリックするだけで、固定ページに反映されてました。

やたろう

初めてブログにフォームを設定する場合、新規作成がおすすめ。

わたしは、過去に「Contact Form 7」でフォームを作ってあったので、「既存のページを選択」を再利用しました。

既存追加(ページに埋め込む)
既存追加(ページに埋め込む)

「既存のページを選択」 すると、埋め込みたい固定ページがプルダウンメニューで選択できます。

既存ページ埋め込み方法
既存ページ埋め込み方法

固定ページを選択すると、固定ページに遷移(せんい)します。

  1. 固定ページに左上「+」をクリック
  2. 検索ボックス「WPForms」で検索

 ブロックエディタで、WPFormsを呼び出します。

フォームを選択
フォームを選択

WPFormsで作成したフォームを選択。

保存してプレビュー。フォームが反映されているか確認します。

プレビュー
送信成功
  1. 既存の固定ページに反映されてていること、確認できました
  2. 「reCAPTCHA v2」の画像認証も表示されてます
  3. メールアドレスが送信できるかチェックします

v2の設定は以上です。お疲れさまでした。

WPFormsとreCAPTCHAで安全なブログ運営を実現【まとめ】

まとめです。

WPFormsとreCAPTCHAを使えば、HTMLやCSSの知識がなくても、簡単に問い合わせフォームを設置できます。

WPFormsは、SWELL開発者の了さんも推奨するプラグインです。

WPFormsとreCAPTCHAを連携してフォームを設置することで、以下のメリットが得られます。

  • サイトの乗っ取りやスパム対策になります。
  • サイト閉鎖のリスクを減らせます。
  • アフィリエイト審査に通りやすくなります。

WPFormsとreCAPTCHAは、どちらも完全無料で使えます。面倒な更新作業もありません。0円でサイトをウィルスやスパムの脅威から守れるため、導入しない理由はありません。

設定は一度だけです。必ず設置しましょう。

よかったらシェアしてね!
  • URLをコピーしました!
記事でわかること(もくじ)