【問い合わせフォーム】Contact Form 7設定方法【SWELL】

問い合わせフォーム設定方法
  • URLをコピーしました!

SWELLを使ったブログで、問い合わせフォームを素早く設定してブログを書き始めたいな

そもそもお問い合わせフォームって必要なの??設定が面倒そう

ブログ初心者によくある悩みですが、問い合わせフォームの作成は10分あれば誰でも出来ます!

この記事では私が使っている問い合わせフォームのプラグイン「Contact Form 7」を紹介します。

めちゃめちゃ簡単ですし、500万回以上インストールされていて信頼できるプラグインです。

悩んでいる人はぜひ設定してみてください。こんな問い合わせフォームがすぐにできます。

問い合わせフォーム
目次

問い合わせフォームが必要な4つの理由

初心者でも設定したほうがいい4つの理由が考えられます。

  • サイトの信頼性が上がる
  • 企業からの掲載依頼が届いたりする
  • 別の仕事依頼につながる可能性がある
  • アドセンスの合格条件にもなっている

ショッピングモールで買い物をする時、返品や駐車券のことなどを聞ける場所がないと不安…と思いますよね?
ブログも同じ感覚です。

問い合わせフォーム設置の不安を解決

必要なのはわかったけど、不安もあると思います。ここで解決しておきましょう!

不安要素

スパムメールは届かない?

届くことがあります。

なので、問い合わせフォームの不正利用やスパム対策の導入を同時にする必要があります。

【不安解決】reCAPTCHAを設定

設定されているサイトにはこのマークが表示されます。1度は見たことがあるんじゃないでしょうか?

reCAPTCHAとは?

reCAPTCHAとは、botによるWebサイトへの攻撃を防ぐためGoogleが提供しているサービスのことです。お問い合わせフォームの送信画面やログイン画面で、「私はロボットではありません」の文言とともに表示されるチェックボックスを見たことがある方は多いのではないでしょうか。それがreCAPTCHAです。

引用:markeTRUNK|reCAPTCHAとは

設定方法は後ほど説明します。

設定手順

ぼんこ

ここから設定手順に入ります!

問い合わせフォームに必要な設定
  • Contact Form 7
  • reCAPTCHA

所要時間:10分

Contact Form 7【問い合わせフォーム】

GOAL
目指すゴール

メインメニューお問い合わせが表示されてクリックするとフォームが現れるところを目指します。

初期
問い合わせフォーム
STEP
プラグイン「Contact Form 7」をインストール
contact設定
STEP
コンタクトフォームにお問い合わせを追加する
  • お問い合わせクリック
  • 新規追加クリック
contact設定
STEP
コンタクトフォームを編集
  • フォーム名「お問い合わせ」と入力
  • メールタブを開く
  • お問い合わせメールを受け取るアドレスを変更する場合のみ「送信先変更」
contact設定
STEP
[下にスクロール]自動返信メールの設定
  • メール(2)にチェック
  • 「題名」「本文」に丁寧な文章を追加
contact設定
STEP
コンタクトフォームに追加されたことを確認
contact設定
STEP
固定ページにお問い合わせを追加
  • 「固定ページ」をクリック
  • 「新規追加」をクリック
contact設定
STEP
追加した固定ページを編集
  • タイトル「お問い合わせ」と入力
  • 「ツールボタン」をクリック
  • 「Contact Form 7」をクリック
contact設定
STEP
コンタクトフォームを選択

「お問い合わせ」を選択

contact設定
STEP
パーマリンクを設定

例:contact

contact設定
STEP
メニューにお問い合わせを固定する設定
  • 「外観」クリック▶「メニュー」クリック
  • 「メニュー項目を追加」「固定ページ」を開き、「お問い合わせ」をメニューに追加
  • 「メニュー構造」「メニュー設定」で表示したい位置にチェック(最低ヘッダーとフッター)
  • 「メニューを保存」をクリック
contact設定

reCAPTCHA【セキュリティ対策】

ここからはreCAPTCHAの設定を解説します。

まず、reCAPTCHAの公式ページへアクセスします。

STEP
reCAPCHA公式ページへGoogleアカウントでログインする

v3 Admin Consoleをクリック

reCAPCHA
STEP
reCAPCHAの設定をする
  • ラベル
  • タイプ→v3
  • ドメイン→ブログのドメイン
  • 利用規約チェック
  • 送信
reCAPCHA
STEP
登録完了画面

サイトキー・シークレットキーはWordPressの設定で使用するのでコピーする

reCAPCHA
STEP
WordPress
reCAPCHAのセットアップをする
  • 「お問い合わせ」をクリック
  • 「インテグレーション」をクリック
  • 「インテグレーションのセットアップ」をクリック
reCAPCHA
STEP
連携する

reCAPCHA公式ページの設定でコピーしたサイトキーシークレットキーを貼り付けて

「変更を保存」をクリック

reCAPCHA
STEP
reCAPCHA設定完了

ブログの右下にreCAPCHAのマークが表示されるようになります。

ぼんこ

これでスパムメール対策もバッチリです!

まとめ

10分で設定できましたか?

これであなたのブログも信頼度がアップしたこと間違い無しです。

引き続き必要な設定(プライバシーポリシーやプロフィール)をして信頼度をどんどん上げていきましょう!

問い合わせフォーム設定方法

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

小1息子、年中娘 2児を持つ30代ワーママ
夫の転職で2度の引越し 専業主婦 2度の転職を経験
とぎれとぎれのキャリアを何とかしたくて様々な副業に挑戦
2022年10月〜無料ブログ開設 67記事執筆
2023年 2月〜はてなブログからWordPressへ引っ越し
趣味:アウトドア・資産運用(13年目)・ポイ活(13年目)・アロマ(1年目)

コメント

コメントする

CAPTCHA


目次