WordPress Contact Form 7コンタクトフォームの送信後、成功メッセージが表示される方法

0

このブログでは、ワードプレスContact Form 7問い合わせフォームを提出するon_sent_okを使用して、ポップアップメッセージを表示する方法を説明したことがあります。 しかし、「on_sent_ok」は、プラグインと、サイトにセキュリティの脆弱性を引き起こすことができる危険のために2017年末に使用を中止されて、もはや利用できません。 on_sent_okとon_submitはContact Form 7バージョン5.0から正式に削除されました。

Contact Form 7で提供されるDOMイベント

代わりContact Form 7はDOMイベントを利用することをお勧めしています。 Contact Form 7で提供されるDOMイベントの詳細については、次の資料を参照してください。

たとえば、次のようなコードをテーマの関数ファイルに追加すると、コンタクトフォームを提出した後、成功メッセージが表示されます。

// Contact Form 7提出した後、メッセージを表示する// Display success message after submitting Contact Form 7 function conactform_success_popup(){?> <script> document.addEventListener(「wpcf7submit」、function(event){alert( "Thank you!You message has been submitted successfully。 ");}、false); </ script> <?php} add_action(「wp_footer '、' conactform_success_popup ');

お問い合わせフォームを提出してみると、次の図のように、ポップアップウィンドウが表示されます。

ワードプレスContact Form 7ポップアップメッセージ

Contact Form 7のポップアップメッセージプラグイン

この方法が面倒な場合Contact Form 7のポップアップメッセージプラグイン Popup Message for Contact Form 7を使用することができます。

ワードプレスContact Form 7ポップアップメッセージプラグイン

このプラグインは無料で利用でき、高度な機能を利用する場合は、有料版を購入することができます。

プラグインの機能

  • すべてのContact Form 7フォームのポップアップ作成
  • 成功のポップアップテンプレート(Success Popup Template)事前定義
  • 他のお問い合わせフォームに対して、他の成功のポップアップを使用
  • フォームが正常に送信されると、成功のポップアップ表示
  • Success Popupコンテンツのカスタマイズ
  • Success Popup背景色のカスタマイズ
  • Success Popupフォント色のカスタマイズ
  • Success Popupボタンテキストのカスタマイズ
  • Success Popup表示時間のカスタマイズ
  • Success Popup背景画像のカスタマイズ
  • Success Popupグラデーションカラーのカスタマイズ
  • 反応型
  • すべての主要なブラウザとの互換性

有料版では、成功だけでなく、失敗した時に表示されるポップアップをカスタマイズできるオプションと顧客サポートが提供されます。

注:

コメントを残す

コメントを入力してください!
名前を入力してください