今回は、
お問い合わせフォームって、どう作ればいいの？
そんな悩みを解決します。
- WordPressテーマ「SWELL」を使用してる人
- ブログに「お問い合わせフォーム」を設置したい人
- ブログ初心者さん
ブログ運営では、お問い合わせフォームの設置は早めが鉄則。
訪問者からの質問やお仕事の依頼を受け取るだけでなく、信頼感のあるブログ運営にもつながりますからね。
とはいえ、最初は「どこから手をつければいいの？」と迷いますよね。
そこで本記事は
SWELL開発者の了さんがオススメする「Contact Form by WPForms」を使って、誰でも簡単に「お問い合わせフォーム」を設置できるよう詳しく解説していきます。
画像をたっぷり用意してあるので、パソコンに不慣れな方でも安心！
記事の通りに進めるだけで、初心者でもすぐにお問い合わせページを作れます。
ぜひスキルを定着させるため、一緒に学んでいきましょう。
それでは、本題に参ります。
こちらの記事で詳しい設定手順を用意しています。
お問い合わせフォームの必要性について
ブログ初心者の多くが後回しにしがちな「お問い合わせフォーム」。
でも、実はブログの信頼性やSEO評価にも関わる大事な設定です。
ここからは、その理由とおすすめの作り方をわかりやすく解説します。
お問い合わせフォームを設置すべき理由
ブログを作ったばかりの頃は、「お問い合わせフォームは後でいいか」と思いがちですよね。
でも、実はここ大事なポイントなんです！
フォームを設置しておくことで、訪問者からの質問やお仕事の依頼を受け取るだけでなく、「このブログは安心して読める」という信頼感にもつながります。
実店舗に例えるなら、
トムフォームは「受付カウンター」みたいな感じかな。
お客さんが安心して声をかけられる場所があるだけで、印象は大きく変わりますよね。
SEOの観点でも、運営者情報や連絡手段が明示されているサイトは「信頼性（E-E-A-T）」が高いと判断される傾向にあります。
そのため、個人ブログであっても早めに設置しておきましょう。
SWELLユーザーに「WPForms」をおすすめする理由
「お問い合わせフォーム」を作る方法はいくつかありますが、SWELLユーザーには「Contact Form by WPForms」 が一番おすすめです。
実はこのプラグイン、SWELL開発者の了さんも公式サイトで推奨しています。
シンプルなお問い合わせフォームが超簡単に設置できるプラグイン。
コンタクトフォーム系は「Contact Form 7」が世界的に人気ですが、私はいつもこっちを使ってます。
引用：SWELL公式サイト
WPFormsの魅力は、なんといっても操作のわかりやすさですね。
コードを一切使わず、ドラッグ＆ドロップでフォームを作成できます。
SWELLとの相性も良く、デザイン崩れ等の心配がほとんどありません。
初心者でも安心して使えるので、初めての「お問い合わせフォーム」作成にもぴったりです。
それでは次に、実際の設置手順を見ていきましょう。
プラグイン「Contact Form by WPForms」をインストール
まずは、最初に
トムプラグイン「Contact Form by WPForms」をインストールしていきます。
以上で、
トムインストール完了です。
次は「お問い合わせフォーム」を作成していきます。
お問い合わせフォームを作成する
ここでは、
- テンプレートを使用して作成
- 標準フィールドの追加・編集
といった２つの作業を行なっていきます。
テンプレートを使用して作成
＊画面を消してしまった場合は、Word Press管理画面の「WPForms」＞「新規追加」から入れます。
トム時間に焦らされるので停止しておきましょう。
標準フィールドの追加・編集
ここからは、先ほど表示された「簡単なお問い合わせフォーム」に、新たなフィールドを追加して編集していきます。
トム今回は「題名（または件名）」を追加・編集しますね。
今回は、コメントまたはメッセージの上に持っていきますが、好きな位置へ配置してください。
クリックすると、画面左側にフィールド設定が表示されます。
トムお問合せフォームの完成です。
お問い合わせフォームをサイトに表示
工程３では、下記の作業を行っていきます。
- 固定ページを作成
- 固定ページをサイトに表示
- テスト送信
固定ページを作成
トム固定ページの完成です。
このままの状態ではユーザーさんの目に留まらないので、ブログサイトに表示させていきます。
固定ページをサイトに表示
今回は、作成した「お問い合わせフォーム（固定ページ）」をサイト下のフッター部分に表示させます。
こんな感じですね⇩
トム順番にやっていきましょう。
以上で、
トム「お問い合わせフォーム」の設置作業は完了です！
もし、プラグインが上手く表示されない場合は、下記の記事をご覧下さい。
「お問い合わせ」からテスト送信
念の為、テスト送信を行なっておきましょう。
自分のサイトに設置した「お問い合わせ」をクリックして、必要な項目を入力したら送信してみます。
送信後に下記のメッセージが表示されれば問題ありません。
それでは、
トム最後に「スパム対策」をやって終わりますね。
スパム対策（reCAPTCHAの設定）
お問い合わせフォームからスパムメールが届かないように、しっかりと対策をしていきましょう。
スパムメールとは⇩
受信者が望んでいなくても、一方的に送信されてくるメールのことをスパムメールと言います。簡単に言うと「迷惑メール」と同様の意味です。
以前アメリカで缶詰の商品名である「SPAM」を連呼するCMがありました。何度も送られる宣伝メールを「スパムメール」と呼ぶようになったことが、名前の由来です。スパムメールが送られる原因は、悪意を持った送信者にメールアドレスを知られることです。送信者が何らかの経路でメールアドレスを入手したり、ランダムで自動生成したりしていると考えられます。
送信される目的は、主に「商品の宣伝」で、ドラッグやマルチ商法サービスの紹介などがあります。出会い系サイト・アダルト系サイトの勧誘なども、よくある事例です。
その他には、以下のような目的で送られます。
- 架空請求
- フィッシング詐欺
- 個人情報の窃取
- ウイルスの配布
金融機関を装った架空請求では、クレジットカードの情報を抜き取られたり、金銭をだまし取られたりするので注意が必要です。
引用元：NTT東日本
スパム対策は、Googleが無料で提供している認証ツール「reCAPTCHA」を使います。
トムあと少しなので頑張ってください！
「reCAPTCHA」への登録
「reCAPTCHA」へアクセスして、一緒に作業していきましょう
ラベル名は自由に決めてもらって大丈夫です。
トムV2、V3の使い分けは⇩
v2 → 会員登録フォームやお問い合わせフォームなど、1人のユーザーの送信頻度が低く、万が一にも誤検出で弾かれてほしくない部分
v3 → チャットや掲示板、ブログなどのコメント欄など、高い頻度で何度も書き込むような部分
引用元：https://axel-media.com/topics/6203/
ドメインはサイトURLの「https://www.」より後ろの部分を指します。
（例）https://www.tomublog.site
ここまでで、「reCAPTCHA」への登録は完了です。
サイトキーとシークレットキーは後で使うので、画面はそのままにしておきましょう。
トム心配な方はメモ帳にコピペしておいてくださいね。
お問い合わせフォームに「reCAPTCHA」を設定
別タブで「Word Pressの管理画面」を開いて作業していきます。
以上で、全作業終了です。
トム本当にお疲れ様でした。
まとめ：SWELLでお問い合わせフォームを設置！
本記事は、SWELLでお問い合わせフォームを設置する方法を解説してきました。
「SWELL」開発者の了さんがおすすめするプラグイン「Contact Form by WPForms」を使っての設置作業になります。
- プラグイン「Contact Form by WPForms」をインストール
- お問い合わせフォームの作成
- お問い合わせフォームをサイトに表示
以上の３ステップで簡単に設置できます。
トム早めに済ませておきましょう。
また、SWELLでサイドバーをカスタマイズしたい方は、下記の記事をご覧ください。
以上、最後までお付き合いありがとうございました。
