スマートフォンフォームフィールドで利用可能な国を制限したいですか？デフォルトでは、スマートフォンフィールドはすべての国を表示し、IPアドレスからユーザーの国を検出しようとします。
このガイドでは、選択した特定の国のみを表示するようにフィールドを制限する方法を紹介します。
フォームの設定
まずはフォームを作成し、Phoneフォームフィールドを含むフィールドを追加します。
フォームの作成にサポートが必要な場合は、最初のフォーム作成ガイドをご覧ください。
電話フォームフィールドを追加したら、「フォーマット」のドロップダウンをクリックし、ドロップダウンから「スマート」を選択していることを確認します。
国別制限の追加
利用可能な国を制限するには、サイトに JavaScript コードを追加する必要があります。カスタムコードの追加方法がわからない場合は、WordPressにコードスニペットを追加するガイドをご覧ください。
国別オプションのカスタマイズ
利用可能な国を変更する：
- 33行目の国コードを
options.onlyCountries配列 - 小文字の2文字のISO国コードを使用する（例えば、United Statesは'us'）。
- 複数の国をカンマで区切る
- ISO 3166-1 alpha-2公式コードリストから国コードを探す
例えば、こうだ：
- 米国とカナダのみ: ['us', 'ca'].
- イギリス、アイルランド、オーストラリア['GB','IE','AU']。
- すべての欧州連合加盟国['fr','de','it','es','pt','nl','be','dk','se','fi']。
重複する国オプションを削除する
ドロップダウンに2度表示される国があることにお気づきかもしれません。1度目はIP検出に基づいて一番上に表示され、もう1度はメインリストに表示されます。これらの重複を削除するには、次のCSSをサイトに追加してください：
form#wpforms-form-1000 .iti__active {
display: none;
}
1000を実際のフォームIDに置き換えてください。フォーム ID の見つけ方については、フォーム ID とフィールド ID の見つけ方をご覧ください。
フォームに入力された電話番号がリンクとしてメール通知されるようにしたいですか？電話番号をメール通知のリンクにするチュートリアルをご覧ください。