ブログでお問い合わせ先を作る方法 コンタクトフォームを作ろう!

ブログ

今回はブログでお問い合わせフォームを作る方法について説明しますね。

プラグイン Contact Form 7を導入しよう

ブログでお問い合わせフォームを作る場合、プラグインを使うのが簡単です。プラグインですが、Contact Form 7というプラグインを使います。

まずはそちらを導入しましょう。

プラグインの導入方法はこちらを参照ください。

お問い合わせからContact Form 7の設定

Contact Form 7のプラグインを導入したら、WordPress左側にお問い合わせという項目ができています。

お問い合わせをクリックしてください。

コンタクトフォーム1というのがあると思います。その編集をクリックします。

そうすると詳細設定ができるようになりますが、特に加筆や削除は不要だと思います。

フォームだけではなくメールの設定やメッセージの設定ができます。特に編集する必要はないと思います。

では、次にショートコードをコピーします。下図の赤枠で囲んだ[]で囲まれた部分です。[]も含めてコピーしましょう

固定ページでお問い合わせフォームを作ります。

お問い合わせは固定ページで作成していきます。固定ページから新規追加をクリックしてください。

タイトルはお問い合わせなどをつけたら良いと思います。お問い合わせフォームだとわかるタイトルにします。

そして、段落ではなくてショートコードを選んでください。

そうすると、ショートコードが表示されます。

ここに先ほどコピーしたショートコードを貼り付けます。

これで完成です!では、公開を押して確認してみてください。このようにお問い合わせフォームができています。

スパム対策をする

さて、コンタクトフォームができましたが、これを作ることでスパムメールが来ることがあります。スパム対策をしていきましょう。

まず、お問い合わせの中のインテグレーションをクリックします。

reCAPTCHAインテグレーションのセットアップをクリックします。

reCAPTCHAのサイトキーとシークレットキーを入れます。

reCAPTCHAのサイトキーとシークレットキー調べ方

reCAPTCHのサイトにてサイトキーとシークレットキーを取得します。

最初、reCAPTCHの設定が必要になりますが、それに関しては、こちらの記事で書いていますので、まずは設定を完了させてください。

完了したら、サイトの方で鍵マークをクリックします。

reCAPTCHタイプのところにreCAPTCHのキーとありますので、そちらをクリックします。

そうすると表示されます。

このサイトキーとシークレットキーを先ほどのインテグレーションのところから入力したら大丈夫です!



これで完了です!

コメント

タイトルとURLをコピーしました