Beschränken von Ländern in Smart-Phone-Formularfeldern

Möchten Sie die Auswahl der Länder im Feld „Smart Phone“ einschränken? Standardmäßig zeigt das Feld „Smart Phone“ alle Länder an und versucht, das Land des Nutzers anhand seiner IP-Adresse zu ermitteln.

Diese Anleitung zeigt Ihnen, wie Sie das Feld auf die Anzeige bestimmter Länder Ihrer Wahl beschränken können.

Einrichtung des Formulars

Wir beginnen mit der Erstellung unseres Formulars und fügen unsere Felder hinzu, einschließlich des Formularfelds Telefon.

Wenn Sie Hilfe bei der Erstellung Ihres Formulars benötigen, lesen Sie unsere Anleitung zum Erstellen Ihres ersten Formulars.

Sobald Sie das Formularfeld Telefon hinzugefügt haben, klicken Sie auf das Dropdown-Menü für das Format und stellen Sie sicher, dass Sie Smart aus dem Dropdown-Menü ausgewählt haben.

Länderbeschränkungen hinzufügen

Um die verfügbaren Länder einzuschränken, müssen Sie Ihrer Website etwas JavaScript-Code hinzufügen. Wenn Sie nicht sicher sind, wie Sie benutzerdefinierten Code hinzufügen, lesen Sie bitte unsere Anleitung zum Hinzufügen von Code-Snippets zu WordPress.

Anpassen von Länderoptionen

Um zu ändern, welche Länder verfügbar sind:

• In Zeile 33: Ersetzen Sie die Ländercodes im Array options.onlyCountries
• Verwenden Sie Kleinbuchstaben-Ländercodes mit zwei Buchstaben (z. B. „us“ für die Vereinigten Staaten)
• Trennen Sie mehrere Länder mit Kommas
• Finden Sie Ländercodes in der offiziellen ISO 3166-1 Alpha-2-Code-Liste

Zum Beispiel:

• Nur für USA und Kanada: [‘us’, ‘ca’]
• Für Großbritannien, Irland und Australien: [‘gb’, ‘ie’, ‘au’]
• Für alle Länder der Europäischen Union: [‘fr’, ‘de’, ‘it’, ‘es’, ‘pt’, ‘nl’, ‘be’, ‘dk’, ‘se’, ‘fi’]

Entfernen doppelter Länderoptionen

Möglicherweise stellen Sie fest, dass einige Länder doppelt in der Dropdown-Liste erscheinen – einmal oben basierend auf der IP-Erkennung und dann wieder in der Hauptliste. Um diese Duplikate zu entfernen, fügen Sie diesen CSS-Code zu Ihrer Website hinzu:

form#wpforms-form-1000 .iti__active {
    display: none;
}

Ersetzen Sie 1000 durch Ihre tatsächliche Formular-ID. Wenn Sie Hilfe beim Finden Ihrer Formular-ID benötigen, lesen Sie unsere Anleitung zum Finden von Formular- und Feld-IDs.

Möchten Sie auch sicherstellen, dass die in das Formular eingegebene Telefonnummer als Link in der E-Mail-Benachrichtigung ankommt? Sehen Sie sich das Tutorial zum Erstellen eines Links aus Telefonnummern in E-Mail-Benachrichtigungen an.

Referenzaktion

wpforms_wp_footer_end