So übersetzen Sie WordPress-Kontaktformulare (Schritt für Schritt)

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

Übersetzungen sind sehr wichtig, wenn Ihre Website Menschen aus verschiedenen Regionen der Welt bedient, in denen Englisch möglicherweise nicht ihre Muttersprache ist.

Die gute Nachricht ist, dass die Handhabung von Übersetzungen in WordPress sehr einfach ist. Denken Sie daran, Sie übersetzen nicht nur Wörter; Sie öffnen auch Türen zu einem breiteren Publikum. 🌐

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

Erstellen Sie jetzt Ihr WordPress-Formular

So übersetzen Sie Ihre WordPress-Kontaktformulare

Schritt 1: Erstellen Sie ein einfaches Kontaktformular

Mit WPForms, das auf Ihrer Website installiert und aktiviert ist, können Sie nun mit der Erstellung eines Formulars zur Übersetzung beginnen.

Öffnen Sie Ihr WordPress-Admin-Menü und gehen Sie zu WPForms » Neu hinzufügen.

Sobald Sie dies getan haben, gelangen Sie zum Formular-Setup-Bildschirm. Geben Sie zunächst Ihrem Formular einen Titel.

Scrollen Sie danach zum Vorlagenbereich und wählen Sie eine aus über 2.100+ WordPress-Formularvorlagen. Für dieses Tutorial wählen wir die Vorlage „Einfaches Kontaktformular“.

Sobald Sie auf Vorlage verwenden klicken, wird die Formularvorlage im Formular-Builder geladen.

Sie können Ihrem Kontaktformular weitere Felder hinzufügen, indem Sie sie vom linken Bedienfeld in das rechte Bedienfeld ziehen.

Stellen Sie sicher, dass Sie auf die Schaltfläche Speichern klicken, um die bisherigen Änderungen an Ihrem Formular zu speichern.

Schritt 2: Übersetzen Sie Ihre Formularfelder

Das Übersetzen der Felder Ihres Kontaktformulars ist in WPForms sehr einfach und es gibt verschiedene Möglichkeiten, dies zu tun.

Automatische Übersetzung

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

Weglot ist ein kostenpflichtiges Plugin, das Inhalte auf Ihrer Website mit einem einfachen Klick auf eine Sprachumschaltfläche sofort in jede Sprache übersetzen kann.

Es funktioniert mit allen Arten von Inhalten auf einer WordPress-Website, einschließlich Formularen, die mit WPForms erstellt wurden. Sie können Weglot mit denselben Schritten installieren, die Sie zur Installation von WPForms verwendet haben.

Nach der Installation des Plugins klicken Sie im Seitenmenü Ihres WordPress-Administrators auf Weglot.

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 unter API auf den Link Weglot, um Ihr Weglot-Konto zu erstellen und Ihren API-Schlüssel zu erhalten.

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

Weglot sendet Ihnen eine Bestätigungs-E-Mail. 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.

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

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.

Drücken Sie dann unten auf die Schaltfläche Änderungen speichern.

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

Besuchen Sie nun die Seite, auf der Sie gerade Ihr Kontaktformular veröffentlicht haben, und verwenden Sie die Sprachumschalter unten, um Ihr Formular in eine andere Sprache zu übersetzen.

Wie Sie sehen können, übersetzt Weglot Ihre Formularfeldbezeichnung, den Schaltflächentext und die Unterbezeichnungen in Ihre gewünschte Sprache.

Kein Übersetzung-Plugin kann jedoch Validierungen und Fehlermeldungen in WPForms automatisch übersetzen.

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

Bitte beachten Sie auch, dass Weglot ein kostenpflichtiges Plugin mit einer kostenlosen Testversion für 10 Tage ist. Um seine Übersetzungsfunktionen nach 10 Tagen weiterhin 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.

Manuelle 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.

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

Nachdem Sie Ihre Formularbezeichnungen übersetzt haben, müssen Sie sich um die Namensunterbezeichnungen kümmern (die Bezeichnungen unter den Formularfeldern wie „Vorname“ und „Nachname“). Obwohl Sie Namensunterbezeichnungen in WPForms nicht bearbeiten können, gibt es eine Lösung dafür.

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

Obwohl wir Unterbezeichnungen nicht übersetzen können, können wir immer noch benutzerdefinierte Platzhalter anstelle von Unterbezeichnungen verwenden.

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

Scrollen Sie dann nach unten und klicken Sie auf den Schalter Unterbezeichnungen ausblenden.

Sie sollten auch den Text der Senden-Schaltfläche und den Formularnamen (wenn Sie ursprünglich einen englischen Namen für Ihr Formular verwendet haben) übersetzen.

Gehen Sie dazu im Formular-Generator zu Einstellungen » Allgemein.

Geben Sie im rechten Bereich einfach Ihre Übersetzung in das Textfeld Formularname ein.

Scrollen Sie nach unten und wiederholen Sie die gleichen Schritte für die Textfelder Text der Senden-Schaltfläche und Verarbeitung der Senden-Schaltfläche.

Ausgezeichnet! Sie haben jetzt alle Bezeichnungen und Texte in Ihrem Formular übersetzt. Drücken Sie auf Speichern und fahren Sie mit dem nächsten Schritt fort.

Schritt 3: Übersetzen Sie die Validierungsnachrichten Ihres Formulars

Eine Validierungsnachricht ist ein Text, der erscheint, wenn ein erforderliches Formularfeld leer gelassen wird oder jemand falsche Daten in ein Formularfeld eingibt.

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

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

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

Wenn Sie sich nun Ihr Formular ansehen, indem Sie falsche Eingaben machen oder ein erforderliches Feld überspringen, sehen Sie die übersetzten Validierungsnachrichten.

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

Während die obigen Schritte für die meisten Websites ausreichend sein sollten, gibt es bestimmte Sonderfälle, in denen Sie möglicherweise PHP-Code verwenden müssen, um bestimmte spezielle Felder zu übersetzen.

Wir werden einige davon im nächsten Abschnitt zeigen, damit Sie Code-Schnipsel einfach kopieren und einfügen können, auch wenn Sie noch nie Code verwendet haben.

Bonus: Erweiterte Übersetzungsoptionen

Bevor wir uns mit den Details verschiedener Sonderszenarien befassen, erklären wir Ihnen zunächst, wie Sie benutzerdefinierte Code-Schnipsel auf Ihrer WordPress-Website auf die einfachste Weise einfügen können.

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

Nach der Installation des Plugins fahren Sie mit dem Mauszeiger über Code-Schnipsel in der WP-Admin-Seitenleiste und klicken Sie auf Snippet hinzufügen.

Drücken Sie dann die Schaltfläche Snippet verwenden unter Benutzerdefinierten Code hinzufügen (Neues Snippet).

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

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

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

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

Validierungsnachrichten in mehrere Sprachen übersetzen

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

Um Validierungsnachrichten basierend auf der vom Benutzer auf Ihrer Website ausgewählten spezifischen Sprache zu ändern, müssen Sie ein PHP-Code-Snippet einfügen.

Wir haben ein Code-Snippet erstellt, das Ihre Formular-Validierungsnachrichten basierend auf der vom Benutzer ausgewählten Sprache ins Spanische oder Französische übersetzt.

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

Wählen Sie die Methode zur Code-Einfügung (automatisch einfügen, überall ausführen).

Scrollen Sie dann zurück nach oben und drücken Sie den Schalter, um Ihren Code-Snippet auf Aktiv. zu setzen. Klicken Sie auf die Schaltfläche Snippet speichern.

Glückwunsch! Ihre Formulare zeigen nun Validierungsnachrichten 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 (dies ist 'es' für Spanisch und 'fr' für Französisch). Fügen Sie einfach eine Codezeile hinzu, die mit Folgendem beginnt:

case '[fügen Sie Ihren Sprachcode ein]':

Verwenden Sie dann dieselben Codeblöcke, wie sie in unserem Beispielcode oben erscheinen, direkt nach der Case-Zeile.

Fügen Sie die Übersetzungen für jede Validierungsnachricht rechts vom Gleichheitszeichen in eckigen Klammern wie unten hinzu (der spezifische Typ der Validierungsnachricht wird durch die doppelten Schrägstriche angegeben):

//gültige Zahl
$strings[ 'val_number' ] = '[Geben Sie Ihre Übersetzung ein]'

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.

Übersetzung von E-Mail-Bestätigungsfeld-Untertiteln

Wenn Sie das Feld 'E-Mail bestätigen' verwenden, möchten Sie möglicherweise den Untertitel in eine andere Sprache übersetzen.

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

Hier ist der Code, den Sie benötigen:

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

Zum Beispiel, so müssen Sie den obigen Code für spanische Untertitel für die E-Mail-Bestätigungsfelder ändern:

$properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Geben Sie Ihre E-Mail-Adresse ein', 'plugin-domain' );
$properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Zur Bestätigung geben Sie Ihre E-Mail-Adresse hier erneut ein', 'plugin-domain' );

Der obige Code ändert die Validierungsnachricht für das E-Mail-Bestätigungsfeld global in den Formularen Ihrer Website. Es ist jedoch auch möglich, sie nur für einzelne Formulare zu ändern, indem der obige Code leicht modifiziert wird.

/**
 * 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 );

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

Sie können die Formular-ID finden, indem Sie zu WPForms » Alle Formulare gehen und die ID in der Kurzcode für Ihr gewünschtes Formular suchen.

Andere Übersetzungsoptionen

Wenn Sie andere spezifische Felder und Validierungen übersetzen möchten, die nur mit bestimmten Arten von Formularen verbunden sind, können Sie die folgenden Entwicklerdokumente prüfen:

• Übersetzung von Validierungsnachrichten für das User Registration Addon
• So übersetzen Sie das Feld 'Datei-Upload'

Als Nächstes: Akkordeon-Formulare erstellen

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

Erstellen Sie jetzt Ihr WordPress-Formular

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

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