Die mit Shopify zu verwendende automatische Cloud-KI-Übersetzung erfordert einen gewissen Zugriff, um die Einrichtung abzuschließen:
Die Shopify -Einrichtung besteht aus drei einfachen Schritten:
Nach der Verbindung oder Registrierung beim Linguise Dashboard werden Sie aufgefordert, Ihre Domain zu registrieren, um die Übersetzung zu autorisieren.
Kopieren Sie dazu einfach Ihren Domainnamen mit dem enthaltenen https:// und wählen Sie Shopify als Plattform aus.
Wählen Sie anschließend Ihre Ausgangs- und Zielsprache aus.
SEO wichtiger Hinweis: Die Anzahl der Sprachen, die Sie einrichten, hat einen großen Einfluss auf SEO. Wenn Sie Ihre Übersetzungssprachen einrichten und eine große Anzahl von indizierten Seiten (>500) haben, kann die Suchmaschine viel Zeit brauchen, um sie zu verarbeiten. Dies kann sich auf Ihre SEO in Ihrer Originalsprache auswirken. Aus diesem Grund empfehlen wir, zunächst maximal 5 Sprachen hinzuzufügen. Wenn es dann indiziert ist, können Sie Sprachen in einem Stapel von 3 pro Monat hinzufügen.
Linguise Dashboard registriert haben , haben Sie zwei Möglichkeiten, mit der Installation fortzufahren.
Dieser Inhalt sollte wahrscheinlich angezeigt werden. Wenn Sie die DNS-Einträge lieber automatisch hinzufügen möchten, können Sie auf „ DNS automatisch verbinden“ klicken. „Diese Funktion namens Entri fügt Ihre DNS-Einträge automatisch hinzu, sodass Sie problemlos mit der Installation fortfahren können. Die andere Möglichkeit besteht darin, den DNS manuell bei Ihrem Domain-Anbieter zu kopieren.
Nachdem Sie auf die Schaltfläche geklickt haben, analysiert Entri die URL Ihrer registrierten Website und überprüft Ihren öffentlichen DNS-Eintrag. Auf dieser Grundlage werden der erforderliche Anbieter und das erforderliche DNS ermittelt.
Als nächstes können Sie auf „ Autorisieren bei [Ihrem Domain-Anbieter] “ klicken (in diesem Beispiel ist es Cloudflare). Anschließend sehen Sie, wie sich das Panel zur Anmeldeseite Ihres Domain-Anbieters ändert, wo Sie sich anmelden und fortfahren können.
Nachdem Sie sich bei Ihrem Domain-Anbieter angemeldet haben, erledigt Entri den Rest und fügt automatisch die richtigen DNS-Einträge hinzu. Ein DNS pro Sprache + ein TXT-DNS für den Validierungsschlüssel.
Sie sollten sehen können, dass DNS zu Ihrer Domain hinzugefügt wurde. Zum Beispiel:
Sobald Sie es autorisiert haben, benachrichtigt Sie Entri, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden.
Sie sollten die Übersetzungsfunktion nutzen können, sobald alle DNS-Einträge auf Ihrer Domain verbreitet wurden (normalerweise dauert dies 20 bis 30 Minuten).
Wenn Sie die manuelle Installation bevorzugen , können Sie diese auch manuell durchführen, indem Sie die unten aufgeführten Schritte ausführen.
Nachdem Sie Ihre Domain validiert haben, werden Sie zu einem Bildschirm weitergeleitet, auf dem die DNS, die Sie Ihrer Domain hinzufügen möchten, zum Kopieren bereit sind. Abhängig von Ihrem Hosting-Unternehmen kann die Domain-Einrichtung etwas anders aussehen, die Feldnamen sind jedoch recht standardisiert. Diese Datensätze sind erforderlich, um mehrsprachige Seiten Ihrer Website als fr.domain.com, es.domain.com usw. zu laden.
Hier sind die Hauptelemente.
Danach müssen Sie sich mit Ihrem Domänenmanager verbinden und auf den DNS-Setup-Bereich zugreifen. Anschließend können Sie Folgendes kopieren, indem Sie den Anweisungen folgen:
Hier ist ein Beispiel für jeden Datensatztyp (TXT und CNAME):
Nachdem Sie alle Ihre Datensätze hinzugefügt haben, sollte Ihre Konfiguration so aussehen.
Bei Shopify haben Sie die Möglichkeit, Ihre DNS-Konfiguration innerhalb der Shopify Plattform .
Shopify auf die DNS-Einstellungen zugreifen und diese ändern, indem Sie zu „ Domains “ navigieren. In diesem Abschnitt können Sie Ihre DNS-Konfigurationen nach Bedarf hinzufügen und bearbeiten.
Danach können Sie Ihre primäre Website und in der oberen rechten Ecke finden Sie die Option „ Domain-Einstellungen “.
Wenn Sie auf diese Option klicken, erhalten Sie Zugriff auf „ DNS-Einstellungen bearbeiten “, wo Sie mit dem Hinzufügen eines neuen DNS-Eintrags fortfahren können. Sie können die CNAME- und TXT-Einträge hinzufügen.
Schließlich sollten Ihre CNAME- und TXT-Einträge wie folgt aussehen:
Es ist wichtig zu beachten, dass Shopify selbst über Regeln zum Hinzufügen der DNS-Konfiguration verfügt. Stellen Sie sicher, dass Sie die Schritte zuvor befolgen.
Shopify liest diesen von Ihnen hinzugefügten DNS-Eintrag und verbreitet ihn entsprechend.
Nachdem Sie alle Ihre Einträge zu Ihrem Domain-DNS hinzugefügt haben, können Sie die DNS-Weitergabe überprüfen, indem Sie auf die Schaltfläche DNS-Konfiguration prüfen klicken.
Die DNS-Validierung dauert normalerweise zwischen 30 Minuten und 1 Stunde. Danach sollten Sie im rechten Teil der DNS-Liste im Linguise Dashboard grüne Punkte sehen. Sie sind fast bereit, Ihre Shopify Website zu übersetzen, es fehlt nur noch der Link zum Sprachumschalter mit Länderflaggen.
Der Sprachumschalter ist das Flaggen-Popup zur Auswahl der gewünschten Sprache. Um es zu laden, müssen Sie den Code kopieren, der oben auf Ihren Shopify Seiten angegeben ist. Der Flaggen-Sprachumschalter wird dann automatisch auf Ihrer öffentlichen Website geladen.
Den Link zum Kopieren finden Sie am Ende der Domainregistrierung oder in den Domaineinstellungen. Kopieren Sie den Link in die Zwischenablage.
Öffnen Sie dann im Shopify „Online-Shop“ > „Themes“.
Klicken Sie auf die drei Punkte Ihres aktuellen Themes und bearbeiten Sie den Code.
Öffnen Sie abschließend die Datei theme.liquid und fügen Sie den Skriptcode nach dem letzten ein
Jetzt sollte auf Ihrem Shopify Frontend der Linguise Sprachumschalter verfügbar sein.
Der Sprachumschalter kann über das Linguise Dashboard > Einstellungen > Anzeige der Sprachflaggen angepasst werden. Jede Änderung hier wird auf der Website widergespiegelt.
Auf der rechten Seite des Bildschirms befindet sich die Vorschau des Sprachumschalters. Hier sind die Elemente, die Sie einrichten können:
Um den Sprachumschalter an einer bestimmten Stelle im Shopify Inhalt anzuzeigen, sollten Sie die Position auf „An Ort und Stelle“ festlegen. Sobald Sie die Position im Linguise Dashboard festgelegt haben, können Sie den untenstehenden Shortcode hinzufügen, um sie einzubinden. Klicken Sie auf den Code unten, um ihn in Ihre Zwischenablage zu kopieren.
Sobald es hinzugefügt wurde, werden im Frontend die Flaggen- und Sprachnamen im HTML-Bereich angezeigt, in dem Sie den Code hinzugefügt haben.
Bei dem Google ReCAPTCHA handelt es sich um einen kostenlosen Dienst, der der Spam-Schutz z. B. in Kontaktformularen dient. Um es in Shopify verfügbar zu machen, müssen Sie Ihre mehrsprachigen Subdomains im Shopify Adminbereich registrieren.
Öffnen Sie die Store-Einstellungen und die Domain-Einstellungen.
Klicken Sie dann auf Vorhandene Domain verbinden
Fügen Sie eine vorhandene Sprach-Subdomain hinzu. Wenn Sie Ihre Website beispielsweise auf Französisch haben, lautet sie fr.yourwebsite.com
Fügen Sie schließlich [lang].yourwebsite.com hinzu, für jede Übersetzungssprache mussten Sie das reCAPTCHA im Frontend anzeigen.
Mit dem Frontend-Editor können Übersetzer beliebige HTML-Inhalte auf Shopify in jeder Sprache ändern. Sie können eine Seite bearbeiten, indem Sie auf ein Seitenelement klicken und den Text, den Link oder das Bild ersetzen.
Wenn Sie eines der kostenlosen Themes von Shopify verwenden, müssen Sie möglicherweise das CSS des Themes bearbeiten, um Zugriff auf den gesamten HTML-Code zu erhalten, da einige nicht standardmäßige Pseudoelemente verwendet wurden.
Bearbeiten Sie zunächst den Theme-Code und öffnen Sie dann die Datei base.css oder eine andere CSS-Datei, die in Ihrem Shopify Shop geladen ist.
Hier ist der Code, den Sie Ihrer CSS-Datei hinzufügen müssen:
/* CUSTOM CSS FOR LIVE EDITOR LINGUISE --------------------------------------------------------------------*/ /* Remove the problem of frontend editor on product and blog listing */ .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after { content: none !important; } .card__heading a:after, .card--card:after, .card--standard .card__inner:after { content: none !important; } /* Add back the button border */ button.button { border: 2px solid #0E1B4D; border-radius: 20px; } /* END CUSTOM CSS --------------------------------------------------------------------*/
