「コンタクトフォーム」タグアーカイブ

Contact Form 7に画像認証を追加するには?


Contact Formプラグインをインストールすると、Wordpressに簡単に問い合わせフォームを設置する事が出来ます。

しかし、そのままだとスパムの問い合わせが沢山届いてしまいます。

では、スパム問い合わせを防止するにはどうすれば良いのかというと

Really Simple CAPTCHA 

というプラグインをインストールするだけです。

このプラグインは、 Contact Form  7の開発者である「Takayuki Miyoshi」さんという方が作られています。

その為、非常に相性が良いです。

ワードプレスに問い合わせフォームを設置したものの、スパム問い合わせが多くて困っている人は、Really Simple CAPTCHA のインストールを行いましょう。

Really Simple CAPTCHAのインストールが完了したら、次は設定を行います。

インストール済みのプラグインの中からContact Form 7を探します。見つかったら設定をクリックします。

変更を加えるコンタクトフォームのテンプレートを見つけて編集をクリックします。

送信ボタンの前あたりに

<p><label> 不正対策 [captchac captcha-301]
[captchar captcha-301 placeholder “英数字4文字”] </label></p>

を挿入します。

するとこの様に送信ボタンの前に画像認証が現れます。

これによってBOTによるスパム的な問い合わせをブロックする事が出来ます。

 

 


コンタクトフォームから送信された差出元メールアドレスが wordpressになっているのを修正する方法 contact form 7


Contact Form7を使えば簡単に問い合わせフォームを作る事が出来ます。

このプラグイン自体は、とても便利なのですが、そのままではコンタクトフォームから送信されたメールの差出元が

wordpress@ドメイン

になってしまっています。

このままでは、見栄えが悪いので変更しました。

Contact > Edit Contact Form > Mail

From の部分を修正します。

あと、デフォルトでは、問い合わせフォームに

Your message (optional)

が入っています。問い合わせ内容が optional とか意味不明過ぎるのでこれも削除しておきます。

Formタブを選択して

(optional)を削除すればOKです。

昔は、ゴリゴリとコードを書いて問い合わせフォームを作成していました。

当時に比べて現在は、wordpressで手軽に何でもサクサク出来る様になって良い時代になったな~。

つくづく思います。

 


WordPressのプラグイン Contact Form 7を使用していてエラーが発生した時のお話


Contact Form 7 がCrome(PC)で実行するとエラーになった

ノウハウツリー管理人の運営する別のとあるサイトにて

WordPressにContact Form 7のプラグインを入れて問い合わせフォームを作っていました。

その時に奇妙な出来事が起こりました。

なんと、スマホとPC(Firefox)からContact Form 7の問い合わせフォームを経由してメールしたところ正常に届くのに、なぜかGoogle Cromeで実行すると失敗してしまうのです。

表示されたエラー

エラー内容
メッセージの送信に失敗しました。間をおいてもう一度お試しいただくか、別の手段で管理者にお問い合わせ下さい。

スマホのSafariなどでは正常に動作するのになんでCromeでは失敗するの???

頭の中が混乱しましたw

そこで開発者ツールでJSなどでエラーが出ていないか確認したところ、JSでエラーが出ていました。

Contact Form 7 でエラーが出た解決策

Custom CSS & JSというプラグインの中でオリジナルのJSコードを記述していたのですが、それがエラーを起こしていました。

深く追いかけていないので自前のJSエラーと今回のコンタクトフォームのメール送信エラーの関係はまだはっきりは分かりません。

とりあえずContactFormを設置したページではそのJSファイルを読み込まない様にしたところ正常に動作する様になりました。

めでたしめでたし。