Machen Sie Ihre Pixpa-Website mit Weglot mehrsprachig

Die Integration von Pixpa mit Weglot bietet Ihnen alles, was Sie zum Übersetzen, Anzeigen und Verwalten Ihrer mehrsprachigen Website benötigen, inklusive voller Bearbeitungskontrolle.

Unkompliziert: Verbinden Sie Ihre Pixpa-Website mit Ihrem Weglot-Konto und schon haben Sie in wenigen Minuten eine vollständig übersetzte und angezeigte Website.

Automatische Übersetzung: Weglot scannt und erkennt automatisch den Text, die Bilder und die SEO-Metadaten Ihrer Pixpa-Website und übersetzt fortlaufend alle neuen Inhalte oder Seiten.

Erreichen Sie neue Zielgruppen: Profitieren Sie von mehrsprachiger Suchmaschinenoptimierung mit sprachspezifischen Subdomains oder Unterverzeichnissen, der Implementierung des hreflang-Tags und übersetzten Metadaten, um Ihre übersetzten Seiten in den Suchmaschinen besser zu platzieren.

---

In diesem Artikel:  

• Richten Sie ein Weglot-Konto ein und kopieren Sie den Weglot JS-Code
• Betten Sie den JS-Code in Pixpa Studio ein
• Dynamische Site-Elemente übersetzen
• Standard-Weglot-Sprachumschalter
• Pixpa Sprachumschalter
• Übersetzungsausschlüsse hinzufügen
• Verwendung von Subdomains für Sprachwebsites

---

Gehen Sie folgendermaßen vor, um das Weglot-Code-Snippet zu kopieren:

• neu zu registrieren für das Weglot-Konto.
• Sie sollten erhalten Sie eine Bestätigungs-E-Mail in dem Konto, mit dem Sie sich angemeldet haben. Nachdem Sie Ihre E-Mail validiert haben, gelangen Sie auf die Einrichtungsseite von Weglot.
• Erstellen Sie ein neues Projekt und wählen Sie „Andere“ als Ihre „Website-Technologie“.
• Scrollen Sie im nächsten Schritt nach unten zum Kästchen und klicken Sie auf „Verwenden Sie die Javascript-Integration", Wie nachfolgend dargestellt.

• Sie werden dann aufgefordert, die Originalsprache Ihrer Pixpa-Website und die neue(n) Sprache(n) einzugeben, in die Sie Ihre Website übersetzen und anzeigen möchten.

• Kopieren Sie im nächsten Schritt den auf Ihrem Bildschirm angezeigten Code und fügen Sie ihn in Pixpa Studio ein. Das ist es.

---

Betten Sie den kopierten JS-Code in Pixpa Studio ein

• Zurück Nach Einstellungen (1) und klicken Sie auf Sprache und Labels (2) in der linken Seitenleiste.
• Aktivieren Sie die Weglot-Umschalter (3) und fügen Sie die kopierte Weglot JS-Code (4).
• Klicken Sie auf Gespeichert Taste. Das ist es.

---

Ihre Pixpa-Website ist jetzt übersetzt!

Sie haben Ihre Website nun erfolgreich mit Weglot übersetzt. Rufen Sie Ihre Website auf; unten rechts sehen Sie einen Sprachumschalter (es kann einige Minuten dauern, bis er erscheint).

Melden Sie sich in Ihrem Weglot-Konto an und gehen Sie dann zu „ Übersetzungen “, um alle Ihre Übersetzungen zu finden und zu bearbeiten.

---

Dynamische Site-Elemente übersetzen

Weglot übersetzt dynamische Inhalte (z. B. Listenelemente, Überschriften usw.) möglicherweise nicht standardmäßig. Um dies zu beheben, gehen Sie in Ihrem Weglot-Konto zu den App-Einstellungen.

• Klicken Sie auf die Schaltfläche Dynamisch hinzufügen
• Kopieren Sie wie unten gezeigt den CSS-Selektor, fügen Sie ihn ein und klicken Sie auf Speichern. Do Vergessen Sie nicht das Punkt-Präfix.

.is-wrapper, .overlay-container, .dynamic-component, .gallery-slider-desc

• Das ist es. Laden Sie jetzt Ihre Pixpa-Site neu.
• Die Änderungen sollten 30 Sekunden später sichtbar sein, zögern Sie nicht, die Seite Ihrer Website Hard-Refresh* durchzuführen und in einem Inkognito-Fenster erneut nachzusehen, wenn Sie die Änderungen nicht bemerken.

*Hard-Refresh:
Download Mac: cmd shift R (Kleinbuchstaben)
PC: Strg F5

---

Stil-Sprachumschalter

Sie können zwischen dem standardmäßigen Weglot- und Pixpa-Sprachumschalter wählen.

Weglot Standard-Sprachumschalter

Der von Weglot bereitgestellte Sprachumschalter ist ein kleines Kästchen, das sich in der unteren rechten Ecke der Website befindet. So sieht es aus:

---

Die grundlegenden Einstellungen für den Sprachumschalter von Weglot (1) finden Sie in Ihrem Weglot-Dashboard unter Einstellungen > Sprachumschalter . So sehen sie aus:

---

Sie können hier auch benutzerdefiniertes CSS (2) hinzufügen, um das Design des Schalters anzupassen oder die Standardposition auf der Website zu ändern.

Beispiel: Der Weglot-Switcher befindet sich standardmäßig unten rechts. Um die Position nach links zu ändern, fügen Sie den folgenden CSS-Code in Ihrem Weglot-Konto hinzu.

.wg-default, .wg-default .country-selector  {
    left: 40px!important;
    right: auto!important;
}

Klicken Sie hier, um weitere Anpassungsmöglichkeiten des Standard-Umschalters zu sehen.

---

Pixpa Sprachumschalter

Verwendet Stileigenschaften der Pixpa-Website. Der Switcher wird Teil des Hauptmenüs der Website sein.

Klicken Sie hier, um es in Aktion zu sehen – light.pixpa.com

---

Übersetzungsausschlüsse hinzufügen

Weglot übersetzt möglicherweise standardmäßig das Dropdown-Menü zur Sprachauswahl. Um dies zu verhindern, gehen Sie in Ihrem Weglot-Konto auf „ Übersetzungsausschluss“.

• Klicken Sie im Abschnitt „Ausgeschlossener Block“ auf „Regel hinzufügen“.
• Kopieren Sie wie unten gezeigt den CSS-Selektor, fügen Sie ihn ein und klicken Sie auf Speichern. Do Vergessen Sie nicht das Punkt-Präfix.

.pixpa-Sprachumschalter

---

Verwendung von Subdomains für Sprachwebsites

Mit Weglot können Sie Subdomains für jede Sprachversion Ihrer Website einrichten. Zum Beispiel:

• de.yourwebsite.com für Englisch
• fr.yourwebsite.com für Französisch
• es.yourwebsite.com für Spanisch

Dieser Ansatz ist SEO-freundlich und ermöglicht es Suchmaschinen, jede Sprachversion separat zu indizieren.

Schritte zum Einrichten der Subdomain-Übersetzung in Weglot

• Melden Sie sich bei Ihrem Weglot-Konto an – Gehen Sie zu weglot.com und Einloggen. Wenn Sie kein Konto haben, können Sie erstelle einen.
• Erstellen Sie ein neues Projekt für Ihre Pixpa-Website -
  • Geben Sie a an Projektname und wählen Sie Andere als Website-Technologie
  • Klicken Sie auf Weiter .

• Wählen Sie die Ursprache und der Sprachen, die Sie hinzufügen möchten (Übersetzte Sprachen) und klicken Sie auf Weiter.

• Fügen Sie Ihre Website-Details hinzu
  1. Domänen-URL – Geben Sie den Domänennamen Ihrer Website in das dafür vorgesehene Feld ein. Stellen Sie sicher, dass er verifiziert ist.
  2. Veröffentlichungsziel - Wählen Meine Live-Website verbinden .
  3. URL-Typ - Wählen Subdomains Option aus der Dropdown-Liste.
  4. Weiter - Klicken Sie auf das Weiter Schaltfläche, um mit den Konfigurationsschritten für die Subdomäne fortzufahren.

5. DNS manuell einrichten – Wählen Sie die Option zum manuellen Konfigurieren Ihrer DNS-Einträge.
6. DNS-Einträge kopieren – Kopieren Sie die bereitgestellten CNAME-Eintragsdetails (Name, Typ und Wert) und fügen Sie sie über Ihren Domänenregistrar den DNS-Einstellungen Ihrer Domäne hinzu.
7. Überprüfen Sie DNS – Nachdem der DNS-Eintrag hinzugefügt wurde, warten Sie einige Minuten auf die Verbreitung und klicken Sie dann auf „DNS prüfen“, um die Verbindung zu überprüfen.

8. Weglot-Skript zu Pixpa hinzufügen – Kopieren Sie den von Weglot bereitgestellten JavaScript-Integrationsausschnitt und fügen Sie ihn in das Weglot JS-Code Feld unter dem Sprache & Labels Abschnitt in Ihrem Pixpa Studio.

9. Testen Sie Ihre mehrsprachigen Subdomains – Besuchen Sie jede Subdomain (z. B. fr.yourwebsite.com), um sicherzustellen, dass Ihre Website die korrekt übersetzte Version anzeigt. Mit dem Weglot-Sprachumschalter können Besucher auch zwischen den Sprachen wechseln.