Indholdsfortegnelse
Shopify adgangskrav
Den automatiske oversættelse af cloud AI, der skal bruges med Shopify kræver en vis adgang for at fuldføre opsætningen:
- Shopify administratoradgang
- Domæne DNS-modifikationsadgang
Shopify opsætningen består af 3 enkle trin:
- Registrer dit domæne for at godkende oversættelsen
- Rediger domænets DNS i henhold til oversættelsessprogene
- Tilføj sprogflagskifter-linket til dit Shopify tema
Sådan gør du dit Shopify websted flersproget i video
Registrer dit Shopify domæne
Efter din forbindelse eller registrering til Linguise dashboardet , bliver du bedt om at registrere dit domæne for at godkende oversættelsen.
Til det formål skal du blot kopiere dit domænenavn med https:// inkluderet og vælge Shopify som platform.
Vælg derefter dit kilde- og destinationssprog.
SEO vigtig note: Antallet af sprog, du opsætter, har stor indflydelse på SEO. Når du opsætter dine oversættelsessprog, og hvis du har en stor mængde indekserede sider (>500), kan søgemaskinen tage meget tid at behandle dem. Det kan påvirke din SEO på dit originalsprog. Derfor anbefaler vi først at tilføje maksimalt 5 sprog, så når det er indekseret, kan du tilføje sprog i en batch på 3 om måneden.
Rediger domænets DNS i henhold til sprogene
Tilføj automatisk domæne-DNS ved hjælp af Entri
Når du har registreret dit websted i Linguise dashboardet , har du to muligheder for at fortsætte med installationen.
Du skal nok se dette indhold. Hvis du foretrækker automatisk at tilføje DNS-posterne, kan du klikke på " Tilslut din DNS automatisk. ” Denne funktion, kaldet Entri, tilføjer automatisk dine DNS-poster, så du nemt kan fortsætte med installationen. Den anden mulighed er manuelt at kopiere DNS i din domæneudbyder.
Efter at have klikket på knappen, vil Entri analysere din registrerede websteds-URL og kontrollere din offentlige DNS-post. Baseret på det, vil det bestemme udbyderen og den DNS, der er påkrævet.
Dernæst kan du klikke på " Godkend med [din domæneudbyder] " (i dette eksempel er det Cloudflare). Du vil herefter se panelet skifte til din domæneudbyders login-side, hvor du kan logge ind og fortsætte.
Når du logger ind på din domæneudbyder, vil Entri klare resten og automatisk tilføje de korrekte DNS-poster. Én DNS pr. sprog + én TXT DNS for valideringsnøglen.
Du bør kunne se, at DNS er tilføjet inden for dit domæne. For eksempel:
Når du har godkendt det, vil Entri give dig besked om, at alle DNS-indstillinger er blevet konfigureret.
Du bør være i stand til at bruge oversættelsesfunktionen, så snart alle DNS-poster er blevet spredt på dit domæne (tager normalt 20/30 minutter).
Hvis du foretrækker manuel installation , kan du også gøre dette manuelt ved at følge trinene, som vi giver nedenfor.
Kopier DNS-poster
Når du har valideret dit domæne, bliver du omdirigeret til en skærm, hvor DNS'en, der skal tilføjes til dit domæne, er klar til at blive kopieret. Afhængigt af dit hostingfirma kan domæneopsætningen se lidt anderledes ud, men feltnavnene er ret standard. Disse registreringer er påkrævet for at indlæse din hjemmesides flersprogede sider som fr.domain.com, es.domain.com...
Her er hovedelementerne.
Derefter skal du oprette forbindelse til din domæneadministrator og få adgang til DNS-opsætningsområdet. Følg derefter instruktionerne, og du kan kopiere:
- Én TXT-record til domænebekræftelsen
- En eller flere CNAME-poster for sprogene
Her er et eksempel for hver posttype (TXT og CNAME):
Når du har tilføjet alle dine poster, skulle din konfiguration se sådan ud.
Specifik DNS-konfiguration på Shopify -domæne
På Shopify har du mulighed for at administrere din DNS-konfiguration på Shopify platformen .
Specifikt kan du få adgang til og ændre DNS-indstillinger gennem dine Shopify indstillinger ved at navigere til ' Domæner '. I dette afsnit kan du både tilføje og redigere dine DNS-konfigurationer efter behov.
Derefter kan du vælge dit primære websted , og i øverste højre hjørne finder du muligheden mærket ' Domæneindstillinger '.
Ved at klikke på denne mulighed får du adgang til ' Rediger DNS-indstillinger ', hvor du kan fortsætte med at tilføje en ny DNS-post. Du kan tilføje CNAME- og TXT-posterne.
Endelig skal dine CNAME- og TXT-poster vises som følgende billede:
Det er vigtigt at bemærke, at Shopify selv har regler for tilføjelse af DNS-konfigurationen. Sørg for at følge trinene før.
- Når du opsætter en CNAME-post , skal du sikre dig, at navnet er sproget til oversættelse
- Når du opsætter en TXT-post, skal du sørge for, at navnet er _ linguise
Shopify vil læse denne dns-record, du har tilføjet, og den forplantes i overensstemmelse hermed.
Bekræft DNS-validering
Efter at have tilføjet alle dine registreringer til dit domæne-DNS, kan du kontrollere DNS-udbredelsen ved at klikke på knappen Kontroller DNS-konfiguration.
DNS-validering tager normalt mellem 30 minutter og 1 time. Derefter bør du se grønne prikker i højre del af DNS-listen i Linguise dashboardet. Du er næsten klar til at oversætte dit Shopify websted, bare linket til sprogskifteren med landeflag mangler.
Føj sprogskifteren til Shopify
Sprogskifteren er flag-pop-op-vinduet for at vælge det sprog, du ønsker. For at indlæse det, skal du kopiere koden, der er angivet i hovedet på dine Shopify sider. Flagsprogsskifteren vil derefter automatisk blive indlæst på din offentlige hjemmeside.
Linket til kopiering gives i slutningen af domæneregistreringen eller i domæneindstillingerne. Kopier linket til udklipsholderen.
derefter Onlinebutik > Temaer Shopify butiksadministratoren
Klik på de tre prikker i dit aktuelle tema og Rediger kode.
Åbn endelig filen theme.liquid og indsæt scriptkoden efter den sidste
Nu, på din Shopify frontend, skulle du have Linguise sprogskifteren tilgængelig.
Shopify sprogskifterdesign
Sprogskifteren kan tilpasses fra Linguise dashboardet > Indstillinger > Sprogflag-displayet. Hver ændring her vil blive afspejlet på hjemmesiden.
På højre side af skærmen har du forhåndsvisningen af sprogskifteren. Her er de elementer, du kan konfigurere:
- 3 layouts: side om side, dropdown eller popup
- Sprogskifterpositionen
- Sprogskifterindholdet
- Sprognavne på engelsk eller modersmål
- Flags former og størrelse
- Farver og kasseskygge
Indlæs sprogskifteren i Shopify -indhold
For at vise sprogskifteren på det specifikke sted i Shopify indholdet skal du indstille positionen som "På plads".
Når du har indstillet positionen i Linguise dashboardet, kan du tilføje kortkoden nedenfor for at inkludere den. Klik på koden nedenfor for at sætte den i dit udklipsholder.
Når det først er tilføjet, vil du på frontenden få flaget og sprognavnene vist i HTML-området, hvor du har tilføjet koden.
Shopify domænekonfiguration for Google ReCAPTCHA
Google ReCAPTCHA er en gratis tjeneste, der bruges til at forhindre spam, for eksempel i kontaktformularer. For at gøre det tilgængeligt i Shopify skal du registrere dine flersprogede underdomæner i Shopify admin.
Åbn butiksindstillingerne og domæneindstillingerne.
Klik derefter på Tilslut eksisterende domæne
Tilføj et eksisterende sprogunderdomæne, hvis du f.eks. har dit websted på fransk, vil det være fr.dinwebsite.com
Klik derefter på Tilslut eksisterende domæne
Tilføj et eksisterende sprogunderdomæne, hvis du f.eks. har dit websted på fransk, vil det være fr.dinwebsite.com
Endelig skal du tilføje [lang].dinwebsted.com, for hvert oversættelsessprog, du skulle vise reCAPTCHA på frontend.
Frontend oversættelseseditor på Shopify
Frontend-editoren gør det lettere for oversættere at ændre HTML-indhold på Shopify på ethvert sprog. Du kan redigere en side ved at klikke på et sideelement og erstatte teksten, linket eller billedet.
Hvis du bruger et af de gratis temaer leveret af Shopify , skal du muligvis redigere CSS'en for temaet for at få adgang til al HTML, det er fordi de brugte et ikke-standard pseudo-element.
Rediger først temakoden og åbn derefter base.css-filen eller enhver anden CSS-fil, der er indlæst i din Shopify butik.
Her er koden, du skal tilføje i din CSS-fil:
/* 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
--------------------------------------------------------------------*/