WooCommerce チェックアウト フィールド検証 (電子メールなど) の検証を構成する方法

公開: 2018-08-30

この記事では、自動 WooCommerce チェックアウト メール検証を構成する方法を紹介します。 メール、住所、電話番号、またはカスタム フィールドなどのフィールドに対して、デフォルトの WooCommerce チェックアウト検証を使用することもできます!

メールアドレスのスペルが間違っていて、ストアからのメッセージを受け取っていない顧客からの質問を受け取ったことがありますか?

今日は、 WooCommerce のチェックアウト フィールドの検証方法について説明します。 つまり、メール検証の例を示しますが、どのフィールドにも使用できます。

目次

  1. WooCommerce チェックアウト検証プラグイン
  2. 最高級の WooCommerce Checkout フィールド検証
  3. WooCommerce チェックアウト メール検証の設定方法
  4. 開発者向けのカスタム検証ルール

WooCommerce チェックアウト検証プラグイン

まず、チェックアウト フィールドを検証するためのプラグインが必要です。 WooCommerce にはその重要な要素が欠けているため、チェックアウト フィールド管理の完全なソリューションを作成しました。

プラグインの名前はFlexible Checkout Fieldsです。 そして人々はそれを愛しています!

WP リポジトリの柔軟なチェックアウト フィールド
WooCommerce チェックアウト メール検証プラグイン

ユーザーから多くの肯定的なフィードバックを受け取りました。 また、世界中の80,000 を超えるストアがこのプラグインを使用しています!

人々は両方の機能を高く評価しています...

最初のレビュー

...そして私たちのサポート:

二次審査

チェックアウト フィールド管理用のプラグインは、次のオプションを提供する必要があります。

  • フィールドの名前を変更し、
  • フィールドの順序を変更し、
  • 新しいカスタム フィールドを作成し、
  • フィールドに検証を追加し、
  • フィールドの外観を変更します。

フレキシブル チェックアウト フィールドには、これらすべての機能があります。 また、このプラグインは無料でダウンロードできます。

柔軟なチェックアウト フィールド WooCommerce

WooCommerce チェックアウト検証プラグイン。 このチェックアウト フィールド マネージャーは、メール フィールドを瞬時に検証するのに役立ちます。

メールの検証に移動するか、 WordPress.org に移動します
80,000以上のアクティブなインストール
最終更新日: 2023-03-13
WooCommerce 7.1 - 7.6.x で動作

あなたはこのシンプルなインターフェースを気に入るはずです

できる限りWordPress スタイルにすることにしました。 このデザインは、WordPress/WooCommerce ユーザーとしてよく知られています。

このビデオを見て、この WooCommerce チェックアウト検証プラグインがどのように見えるかを確認してください。

フレキシブル チェックアウト フィールドの使用に関するすべてのビデオ チュートリアルが含まれているこの Youtube ビデオ プレイリストをご覧ください。

また、デザインは邪魔にならず、目標をスムーズに達成するのに役立ちます。

私たちの努力により、このプラグインをすぐに設定できます!

最高級の WooCommerce Checkout フィールド検証

何よりも、WooCommerce にはメール、電話番号、郵便番号などのフィールド検証が組み込まれていることを知っておく必要があります。

柔軟なチェックアウト フィールドを使用すると、カスタム チェックアウト フィールドの検証にこれらのデフォルト ルールを確実に使用できます。

このようにして、WooCommerce チェックアウトにメール認証を簡単に追加できます!

さらに、カスタム検証を使用できます。 したがって、当社のユーザーは、Flexible Checkout Fields を効率的な WooCommerce チェックアウト検証プラグインとして高く評価しています!

WooCommerce チェックアウト メール検証の設定方法

まず、WooCommerce チェックアウト メール検証を 2 つの方法で構成できます。 それはすべてあなたのニーズに依存します。 あなたはできる:

  • デフォルトの電子メール フィールドの検証を無効にする
  • カスタム フィールドにメール検証を追加する

フィールドの設定でオプションを見つけることができます:

メール、住所、電話番号などの WooCommerce チェックアウト フィールドの検証を有効にする
WooCommerce チェックアウト ページのデフォルトのメール検証

選択ボックスがあるので、必要なオプションを簡単に選択できます。

  • デフォルト
  • なし
  • Eメール
  • 電話
  • 郵便番号

デフォルトでは、バリデーションが組み込まれているフィールドはごくわずかです。 デフォルトの WooCommerce チェックアウト検証は、メール、電話、および郵便番号フィールドに対して機能します。 これらのフィールドでは、「デフォルト」オプションがオンになっています。 必要に応じて、 [なし]オプションを使用してオフにすることができます。 このようにして、デフォルトの WooCommerce チェックアウト メール検証を無効にすることができます。

その結果、デフォルトの検証が組み込まれたフィールドが以下に表示されます。

WooCommerce でのデフォルトのチェックアウト フィールドの検証
デフォルトでの WooCommerce チェックアウト メール検証

デフォルトでは、次のようにフィールドを検証します。

woocommerce メール検証
デフォルトでの WooCommerce チェックアウト メール検証

結果としてエラーメッセージが表示されます...

請求先メール アドレスが有効なメール アドレスではありません。
電子メール検証エラー メッセージ

無効な電子メール アドレスの場合。

無効なメールアドレス

明確にするために、この WooCommerce チェックアウト メール検証をカスタム フィールドに使用できます。

カスタム フィールドを作成し、フィールドの構成の[テキスト フィールド タイプ] ボックスから[電子メール]を選択します。

柔軟なチェックアウト フィールド カスタム フィールド
WooCommerce チェックアウト検証プラグイン: メール フィールド タイプの選択
柔軟なチェックアウト フィールド メール検証 woocommerce チェックアウト
Checkout 検証プラグイン: メールのデフォルトの検証を設定する

それでは、試してみましょう。 無効な電子メール アドレスを入力してください。

WooCommerce チェックアウト フィールドの検証
WooCommerce チェックアウトでの無効なメール

最後に、結果を確認してください。

WooCommerce Checkout メール検証 - エラー メッセージ

同様に、カスタム フィールドで電話番号郵便番号の検証を同じ方法で使用できます。

開発者向けのカスタム検証ルール

カスタム検証をフレキシブル チェックアウト フィールドに追加することもできます。 開発者であるか、フックや PHP コードの編集に精通している場合は、非常に簡単です。 WooCommerce にカスタム検証を追加する方法を学ぶ →

ストアで WooCommerce チェックアウト メール検証を使用する準備はできていますか?

最後に、Flexible Checkout Fields プラグインで検証を構成する方法を学びました。 これは非常に強力なツールです。

ただし、Flexible Checkout Fields はチェックアウト検証プラグインだけではありません。

これを使用して、フィールド (ラベル、プレースホルダー、または CSS クラスを含む) を管理したり、再配置したり、新しいカスタム フィールドを追加したりできます。

要約すると、この知識があなたのお店に役立つことを願っています! ご不明な点がございましたら、以下のコメント セクションをご利用ください。

同様に、WooCommerce チェックアウトのステップバイステップ ガイドも興味深いものになると思います。