Wie man WordPress-Kontaktformulare übersetzt

Wie man WordPress-Kontaktformulare übersetzt (Schritt für Schritt)

Möchten Sie Ihre WordPress-Kontaktformulare in eine andere Sprache übersetzen?

Übersetzungen sind sehr wichtig, wenn Ihre Website für Menschen aus verschiedenen Regionen der Welt bestimmt ist, deren Muttersprache nicht unbedingt Englisch ist.

Die gute Nachricht ist, dass Übersetzungen in WordPress wirklich einfach zu handhaben sind. Denken Sie daran, dass Sie nicht nur Wörter übersetzen, sondern auch Türen zu einem größeren Publikum öffnen. 🌐

In diesem Artikel zeigen wir Ihnen, wie Sie Ihre WordPress-Kontaktformulare übersetzen können.

Erstellen Sie jetzt Ihr WordPress-Formular

Wie Sie Ihre WordPress-Kontaktformulare übersetzen

Für diese Anleitung gehen wir davon aus, dass Sie WPForms bereits installiert haben. Übersetzungen werden von jedem Kontaktformular-Plugin etwas anders gehandhabt, so dass die folgenden Schritte für andere Formular-Plugins möglicherweise nicht korrekt sind.

Schritt 1: Erstellen Sie ein einfaches Kontakt-Formular

Wenn WPForms auf Ihrer Website installiert und aktiviert ist, können Sie mit der Erstellung eines zu übersetzenden Formulars fortfahren.

Öffnen Sie Ihr WordPress-Administrationsmenü und gehen Sie zu WPForms " Add New.

Neues Formular hinzufügen

Sobald Sie das getan haben, gelangen Sie zum Bildschirm für die Einrichtung des Formulars. Geben Sie zunächst einen Titel für Ihr Formular ein.

Benennung des Formulars

Scrollen Sie anschließend zum Abschnitt "Vorlagen" und wählen Sie eine von über 2.000 WordPress-Formularvorlagen aus. Für die Zwecke dieses Tutorials wählen wir die Vorlage "Einfaches Kontaktformular".

Kontakt-Formular-Vorlage verwenden

Sobald Sie auf Vorlage verwenden klicken, wird die Formularvorlage im Formularersteller geladen.

Kontakt-Formular geladen

Sie können Ihrem Kontaktformular weitere Felder hinzufügen, indem Sie sie aus dem linken Bereich in den rechten Bereich ziehen.

Klicken Sie auf die Schaltfläche Speichern, um die Änderungen, die Sie bis zu diesem Zeitpunkt an Ihrem Formular vorgenommen haben, zu speichern.

Schritt 2: Übersetzen Sie Ihre Formularfelder

Übersetzen Sie Ihre Kontakt-Formular-Felder ist wirklich einfach zu tun in WPForms, und es gibt ein paar Möglichkeiten, dies zu tun.

Automatische Übersetzung

Wenn Sie diese Übersetzungsmethode anwenden, sollten Sie Ihr Formular zunächst mit einer der von WPForms angebotenen Einbettungsoptionen veröffentlichen. Dann folgen Sie den Anweisungen unten.

Der schnellste Weg, Ihre Formularfelder in eine beliebige Sprache zu übersetzen, ist die Verwendung des Weglot-Plugins.

Weglot ist ein kostenpflichtiges Plugin, das den Inhalt Ihrer Website sofort in jede beliebige Sprache übersetzen kann, indem Sie einfach auf eine Schaltfläche zum Wechseln der Sprache klicken.

Es funktioniert mit allen Arten von Inhalten auf einer WordPress-Website, einschließlich der mit WPForms erstellten Formulare. Sie können Weglot mit denselben Schritten installieren, die Sie für die Installation von WPForms befolgt haben.

Weglot

Nachdem Sie das Plugin installiert haben, klicken Sie auf Weglot in der Seitenleiste Ihres WordPress-Administrationsmenüs.

Anklicken des Weglot-Menüs

Sie sehen nun den Weglot-Einstellungsbildschirm.

Um die Übersetzungsdienste von Weglot nutzen zu können, müssen Sie ein Konto bei Weglot erstellen und Ihren API-Schlüssel verwenden, um Ihr Konto mit WordPress zu verbinden.

Klicken Sie auf den Weglot-Link unter API, um Ihr Weglot-Konto zu erstellen und Ihren API-Schlüssel zu erhalten.

Link Weglot

Erstellen Sie Ihr neues Konto, indem Sie Ihre E-Mail-Adresse und Ihr Passwort eingeben.

Weglot-Anmeldeformular

Weglot wird Ihnen eine Bestätigungs-E-Mail schicken. Klicken Sie auf den Link in der E-Mail und Sie werden zu Ihrem Weglot Dashboard weitergeleitet, wo Sie Ihren API-Schlüssel kopieren können.

Weglot-API-Schlüssel kopieren

Wechseln Sie nun mit Ihrem Browser-Tab zurück zur Einstellungsseite von Weglot auf Ihrer WordPress-Seite und fügen Sie Ihren API-Schlüssel ein.

Weglot-API-Schlüssel einfügen

Sie müssen auch die Originalsprache Ihrer Website auswählen. Wählen Sie dann die Zielsprache(n), d. h. die Sprachen, in die Sie Ihre Inhalte und Formulare übersetzen möchten.

Klicken Sie dann auf die Schaltfläche Änderungen speichern am unteren Rand.

Weglot zeigt ein Modal an, das bestätigt, dass Ihre Website jetzt mehrsprachig ist.

Weglot-Übersetzung fertig

Rufen Sie nun die Seite auf, auf der Sie Ihr Kontaktformular veröffentlicht haben, und verwenden Sie die Sprachschalter am unteren Rand, um Ihr Formular in eine andere Sprache zu übersetzen.

Kontaktformular in Espanol

Wie Sie sehen können, übersetzt Weglot die Beschriftung Ihres Formularfeldes, den Text der Schaltflächen und die Unterbeschriftungen in die gewünschte Sprache.

Allerdings kann kein Übersetzungs-Plugin automatisch übersetzen Validierungen und Fehlermeldungen in WPForms.

Nicht übersetzte Validierungen

Sie müssen also die Validierungsmeldungen manuell übersetzen, wie in Schritt 3 gezeigt.

Bitte bedenken Sie auch, dass Weglot ein kostenpflichtiges Plugin ist, das Sie 10 Tage lang kostenlos testen können. Um die Übersetzungsfunktionen nach 10 Tagen weiter nutzen zu können, müssen Sie einen kostenpflichtigen Plan erwerben.

Wenn dies nicht die beste Option für Sie ist, zeigen wir Ihnen, wie Sie Ihre Kontaktformulare kostenlos manuell übersetzen können.

Handbuch Formularübersetzungen

Es ist sehr einfach, Ihre Formulare in WPForms manuell zu übersetzen. Um die Bezeichnungen für ein beliebiges Formularfeld zu ändern, müssen Sie nur auf das Formularfeld im Formular-Editor klicken und die Standardbezeichnung durch die Sprache ersetzen, in die Sie Ihr Formular übersetzen möchten.

Feldetikett auf Spanisch

Wenn Sie Hilfe bei der Übersetzung benötigen, können Sie Online-Übersetzungstools wie Google Translate verwenden.

Nachdem Sie Ihre Formularbeschriftungen übersetzt haben, müssen Sie etwas mit den Namensunterbezeichnungen tun (die Bezeichnungen unter den Formularfeldern wie "Vorname" und "Nachname"). Während Sie nicht bearbeiten können Name sublabels in WPForms, gibt es eine Möglichkeit, dies zu umgehen.

Klicken Sie auf ein Feld, dessen Unteretikett Sie ändern möchten, um die Feldoptionen im linken Fensterbereich aufzurufen. Klicken Sie dann auf die Registerkarte Erweitert.

Registerkarte "Erweitert

Wir können zwar keine Unteretiketten übersetzen, aber wir können trotzdem benutzerdefinierte Platzhalter anstelle von Unteretiketten verwenden.

Fügen Sie Ihre Übersetzungen in die Platzhalterfelder ein.

Übersetzte Platzhalter

Scrollen Sie dann nach unten und klicken Sie auf die Schaltfläche Unteretiketten ausblenden.

Unteretiketten ausblenden

Sie sollten auch den Text der Schaltfläche "Submit" und den Namen des Formulars übersetzen (wenn Sie ursprünglich einen englischen Namen für Ihr Formular verwendet haben).

Gehen Sie dazu in der Formularerstellung zu Einstellungen " Allgemein.

Allgemeine Formulareinstellungen in WPForms

Auf der rechten Seite geben Sie einfach Ihre Übersetzung in das Textfeld Formularname ein.

Ändern des Formularnamens

Scrollen Sie nach unten und wiederholen Sie die gleichen Schritte für die Textfelder Submit Button Text und Submit Button Processing.

Textübersetzung einreichen

Ausgezeichnet! Sie haben nun alle Beschriftungen und Texte in Ihrem Formular übersetzt. Drücken Sie auf Speichern und gehen Sie zum nächsten Schritt über.

Schritt 3: Übersetzen Sie die Validierungsnachrichten Ihres Formulars

Eine Validierungsmeldung ist ein Text, der angezeigt wird, wenn ein erforderliches Formularfeld leer bleibt oder wenn jemand falsche Daten in ein Formularfeld eingibt.

Validierungsnachricht

Um die Validierungsmeldungen Ihres Kontaktformulars zu übersetzen, beenden Sie Ihren Formularersteller und navigieren Sie zu WPForms " Einstellungen in Ihrem WordPress-Dashboard. Klicken Sie dann auf die Registerkarte Validierung.

Validierungseinstellungen

Von dort aus müssen Sie nur noch die aktuellen Validierungsmeldungen (standardmäßig in Englisch) in die Sprache ändern, in die Sie Ihre Kontaktformulare übersetzen wollen.

Validierungen übersetzt

Note: Make sure not to translate the text enclosed in curly brackets like {suggestion}. Changing this placeholder text can display gibberish in your error messages.

Wenn Sie fertig sind, drücken Sie auf Einstellungen speichern.

Einstellungen speichern

Wenn Sie nun Ihr Formular überprüfen, indem Sie die falschen Eingaben machen oder ein erforderliches Feld auslassen, werden die übersetzten Validierungsmeldungen angezeigt.

Übersetzte Validierungsmeldungen

Und da haben Sie es! Sie wissen jetzt, wie Sie Ihre WordPress-Kontaktformulare übersetzen können.

Während die oben genannten Schritte für die meisten Websites ausreichen sollten, gibt es einige Sonderfälle, in denen Sie PHP-Code verwenden müssen, um bestimmte Felder zu übersetzen.

Einige davon zeigen wir im nächsten Abschnitt, so dass Sie Code-Schnipsel einfach kopieren und einfügen können, selbst wenn Sie noch nie Code verwendet haben.

Bonus: Erweiterte Übersetzungsoptionen

Bevor wir auf die Details verschiedener spezieller Szenarien eingehen, wollen wir zunächst erklären, wie Sie auf einfachste Weise benutzerdefinierte Code-Snippets in Ihre WordPress-Website einfügen können.

Dazu benötigen Sie ein Plugin namens WPCode. Installieren Sie dieses Plugin auf Ihrer Website.

WPCode-Plugin

Nachdem Sie das Plugin installiert haben, bewegen Sie den Mauszeiger über Code Snippets in der WP-Admin-Seitenleiste und klicken Sie auf Snippet hinzufügen.

Schnipsel hinzufügen

Klicken Sie dann auf die Schaltfläche Snippet verwenden unter Eigenen Code hinzufügen (Neues Snippet)

Fügen Sie Ihr eigenes Code-Snippet hinzu

Dadurch wird das Code-Editor-Fenster geöffnet.

WPCode-Editor

Oben können Sie Ihrem Snippet einen Namen geben, damit Sie es später leichter wiederfinden. In der Mitte befindet sich der Code-Editor, in dem Sie Ihren eigenen Code schreiben oder ihn aus einer anderen Quelle einfügen können.

Oben rechts können Sie den Codetyp je nach Art Ihres Codes auswählen. Für diese Szenarien werden wir PHP-Codes verwenden, also wählen Sie PHP Snippet aus dem Dropdown-Menü.

Code-Typ

Ausgezeichnet. Nun werden wir einige gängige Szenarien durchgehen, in denen Sie PHP-Code verwenden müssen, um bestimmte Teile Ihres Formulars zu übersetzen.

Übersetzen von Validierungsnachrichten in mehrere Sprachen

Betrachten wir eine Website, die Formulare in verschiedenen Sprachen auf derselben Seite hat. Während Sie die Beschriftungen leicht manuell oder mit dem Weglot-Plugin ändern können, wie wir oben gezeigt haben, können die Validierungsmeldungen für einzelne Formulare mit diesen Methoden nicht geändert werden.

Um die Validierungsmeldungen auf der Grundlage der von einem Benutzer auf Ihrer Website gewählten Sprache zu ändern, müssen Sie einen PHP-Codeausschnitt einfügen.

Wir haben ein Codeschnipsel erstellt, das die Validierungsmeldungen Ihres Formulars in Spanisch oder Französisch übersetzt, je nachdem, welche Sprache der Benutzer ausgewählt hat.

Folgen Sie den Schritten, die wir oben gezeigt haben, um ein neues Snippet mit WPCode hinzuzufügen, und fügen Sie dann das folgende Snippet in den Code-Editor ein:

PHP-Code für Validierungsübersetzungen

Wählen Sie die Methode zum Einfügen des Codes (automatisches Einfügen, überall ausführen).

Code automatisch einfügen

Blättern Sie dann zurück nach oben und drücken Sie die Schaltfläche "Umschalten", um Ihr Code-Snippet auf "Aktiv" zu setzen . Klicken Sie auf die Schaltfläche " Snippet speichern".

Code speichern

Herzlichen Glückwunsch! Ihre Formulare zeigen nun Validierungsmeldungen in der ausgewählten Sprache an.

Wenn Sie Übersetzungen für andere Sprachen hinzufügen möchten, benötigen Sie den ICL-Sprachcode für diese Sprache (das ist 'es' für Spanisch und 'fr' für Französisch). Fügen Sie einfach eine Codezeile hinzu, die mit:

case '[insert your language code]':

Verwenden Sie dann die gleichen Codeblöcke wie in unserem obigen Beispielcode, direkt nach der case-Zeile.

Fügen Sie die Übersetzungen für jede Validierungsmeldung rechts vom Gleichheitszeichen in eckigen Klammern wie folgt ein (der spezifische Typ der Validierungsmeldung ist durch die doppelten Schrägstriche gekennzeichnet):

//valid number
$strings[ 'val_number' ] = '[Enter your translation]'

Und wiederholen Sie dies für jede Codezeile.

Wir haben diesen Code für WPML- und Polylang-Plugins getestet. Die Kompatibilität mit anderen Sprachübersetzungs-Plugins ist nicht garantiert.

Übersetzen von Unteretiketten für E-Mail-Bestätigungsfelder

Wenn Sie das Feld E-Mail-Bestätigung verwenden, sollten Sie das Sublabel in eine andere Sprache übersetzen.

Klicken Sie auf , um die E-Mail-Bestätigung zu aktivieren, damit die Unteretiketten erscheinen

Wie im vorangegangenen Beispiel gezeigt, können Sie dies mit etwas benutzerdefiniertem PHP-Code erreichen, der mit WPCode eingefügt wird.

Hier ist der Code, den Sie benötigen:

Der übersetzte Text für die Sublabels muss auf der rechten Seite der Gleichheitszeichen in den $properties-Funktionen eingefügt werden.

So müssen Sie zum Beispiel den obigen Code für spanische Sublabels für die E-Mail-Bestätigungsfelder ändern:

$properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Introduce tu correo electrónico', 'plugin-domain' );
$properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Para confirmar, vuelva a ingresar su dirección de correo electrónico aquí', 'plugin-domain' );

Der obige Code ändert die Validierungsmeldung für das E-Mail-Bestätigungsfeld global in den Formularen Ihrer Website. Es ist jedoch auch möglich, ihn nur für einzelne Formulare zu ändern, indem Sie den obigen Code leicht abändern.

/**
 * Customize email field properties.
 *
 * @link https://wpforms.com/developers/how-to-change-sublabels-for-the-email-field/
 */
 
function wpf_dev_email_field_properties( $properties, $field, $form_data ) {
 
    // Only process this snippet on the form ID 123
    if ( absint( $form_data[ 'id' ] ) !== 123 ) {
 
        return $properties;
    } 
      
    // Change sublabel values
    $properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Enter Your Email', 'plugin-domain' );
    $properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'To confirm, re-enter your email address here', 'plugin-domain' );
  
    return $properties;
 
}
 
add_filter( 'wpforms_field_properties_email' , 'wpf_dev_email_field_properties', 10, 3 );

In der Codezeile if ( absint( $form_data[ 'id' ] ) !== 123 )Ersetzen Sie einfach "123" durch die tatsächliche Formular-ID des Formulars, das Sie interessiert.

Sie können die Formular-ID finden, indem Sie zu WPForms " All Forms gehen und sich die ID im Shortcode für das gewünschte Formular ansehen.

So finden Sie eine Formular-ID

Andere Übersetzungsoptionen

Wenn Sie einige andere spezifische Felder und Validierungen übersetzen möchten, die nur mit bestimmten Arten von Formularen verbunden sind, können Sie in den folgenden Dev-Dokumenten nachsehen:

Als nächstes erstellen Sie Akkordeonformulare

Ein Akkordeon-Design ist eine fantastische Möglichkeit, ein langes Formular mit ausklappbaren Abschnitten einfacher auszufüllen. Unsere detaillierte Anleitung zur Erstellung von Akkordeon-Formularen zeigt Ihnen alle Schritte zur Erstellung eines Akkordeon-Formulars in WordPress.

Erstellen Sie jetzt Ihr WordPress-Formular

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Sehen Sie, wie WPForms finanziert wird, warum es wichtig ist, und wie Sie uns unterstützen können.

Osama Tahir

Osama ist ein Senior Writer bei WPForms. Er ist darauf spezialisiert, WordPress-Plugins zum Testen auseinanderzunehmen und seine Erkenntnisse mit der Welt zu teilen.Erfahren Sie mehr

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.

Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen.

2 Kommentare zu "Wie man WordPress-Kontaktformulare übersetzt (Schritt für Schritt)"

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.

Dieses Formular ist durch Cloudflare Turnstile geschützt und es gelten die Cloudflare Datenschutzbestimmungen und Nutzungsbedingungen.