Cuprins
Cerințe de acces Shopify
Traducerea automată cloud AI pentru a fi utilizată cu Shopify necesită un anumit acces pentru a finaliza configurarea:
- Acces de administrator Shopify
- Acces pentru modificarea DNS de domeniu
Configurarea Shopify este compusă din 3 pași simpli:
- Înregistrați-vă domeniul pentru a autoriza traducerea
- Modificați DNS-ul domeniului în funcție de limbile de traducere
- Adăugați linkul de comutare a semnalizatorului de limbă la tema dvs. Shopify
Cum să vă faceți site-ul Shopify multilingv în video
Înregistrați-vă domeniul Shopify
După conectarea sau înregistrarea dvs. la tabloul de bord Linguise , vi se va cere să vă înregistrați domeniul pentru a autoriza traducerea.
În acest scop, copiați doar numele dvs. de domeniu cu https:// inclus și selectați Shopify ca platformă.
După aceea, selectați limba sursă și destinație.
Notă importantă SEO: numărul de limbi pe care le configurați are un impact mare asupra SEO. Când vă configurați limbile de traducere, dacă aveți o cantitate mare de pagini indexate (>500), motorul de căutare poate dura mult timp pentru a le procesa. Vă poate afecta SEO în limba originală. De aceea, vă recomandăm să adăugați la început maximum 5 limbi, apoi atunci când este indexat, puteți adăuga limbi într-un lot de 3 pe lună.
Modificați DNS-ul domeniului în funcție de limbi
Adăugați automat DNS de domeniu folosind Entri
După ce v-ați înregistrat cu succes site-ul web în tabloul de bord Linguise , veți avea două opțiuni pentru a continua instalarea.
Probabil ar trebui să vedeți acest conținut. Dacă preferați să adăugați automat înregistrările DNS, puteți face clic pe „ Conectați DNS-ul automat. ” Această funcție, numită Entri, vă va adăuga automat înregistrările DNS, permițându-vă să continuați cu ușurință instalarea. Cealaltă opțiune este să copiați manual DNS-ul în furnizorul dvs. de domeniu.
După ce faceți clic pe butonul, Entri va analiza adresa URL a site-ului dumneavoastră înregistrat și va verifica înregistrarea DNS publică. Pe baza acesteia, va determina furnizorul și DNS-ul necesar.
Apoi, puteți face clic pe „ Autorizați cu [furnizorul dvs. de domeniu] ” (în acest exemplu, este Cloudflare). Veți vedea apoi panoul schimbându-se în pagina de conectare a furnizorului dvs. de domeniu, unde vă puteți autentifica și continua.
După ce vă conectați la furnizorul dvs. de domeniu, Entri se va ocupa de restul, adăugând automat înregistrările DNS corespunzătoare. Un DNS per limbă + un DNS TXT pentru cheia de validare.
Ar trebui să puteți vedea că DNS este adăugat în domeniul dvs. De exemplu:
Odată ce l-ați autorizat, Entri vă va anunța că toate setările DNS au fost configurate cu succes.
Ar trebui să puteți utiliza funcția de traducere de îndată ce toate intrările DNS au fost propagate pe domeniul dvs. (de obicei durează 20/30 de minute).
Dacă preferați Instalarea manuală , puteți face acest lucru și manual, urmând pașii pe care îi vom oferi mai jos.
Copiați înregistrările DNS
După ce v-ați validat domeniul, veți fi redirecționat către un ecran în care DNS-urile de adăugat la domeniul dvs. sunt gata pentru a fi copiate. În funcție de compania dvs. de găzduire, configurarea domeniului poate arăta puțin diferit, dar numele câmpurilor sunt destul de standard. Aceste înregistrări sunt necesare pentru a încărca paginile multilingve ale site-ului dvs. web ca fr.domain.com, es.domain.com...
Iată principalele elemente.
După aceea, trebuie să vă conectați la managerul de domeniu și să accesați zona de configurare DNS. Apoi, urmând instrucțiunile, puteți copia:
- O înregistrare TXT pentru verificarea domeniului
- Una sau mai multe înregistrări CNAME pentru limbi
Iată un exemplu pentru fiecare tip de înregistrare (TXT și CNAME):
După ce ați adăugat toate înregistrările, configurația dvs. ar trebui să arate așa.
Configurație DNS specifică pe domeniul Shopify
Pe Shopify , aveți capacitatea de a vă gestiona configurația DNS în cadrul platformei Shopify .
Mai exact, puteți accesa și modifica setările DNS prin setările dvs. Shopify navigând la „ Domenii ”. În această secțiune, puteți să adăugați și să editați configurațiile DNS după cum este necesar.
După aceea, puteți selecta site-ul web principal , iar în colțul din dreapta sus, veți găsi opțiunea etichetată „ Setări domeniului ”.
Făcând clic pe această opțiune, veți obține acces la „ Editați setările DNS ”, unde puteți continua să adăugați o nouă înregistrare DNS. Puteți adăuga înregistrările CNAME și TXT.
În cele din urmă, înregistrările dvs. CNAME și TXT ar trebui să apară ca următoarea imagine:
Este important să rețineți că Shopify are o regulă în sine pentru adăugarea configurației DNS. Asigurați-vă că urmați pașii înainte.
- Când configurați o înregistrare CNAME , asigurați-vă că numele este limba pentru traducere
- Când configurați o înregistrare TXT, asigurați-vă că numele este _ linguise
Shopify va citi această înregistrare dns pe care ați adăugat-o și se va propaga în consecință.
Verificați validarea DNS
După ce ați adăugat toate înregistrările la DNS-ul dvs. de domeniu, puteți verifica propagarea DNS făcând clic pe butonul Verificați configurația DNS.
Validarea DNS durează de obicei între 30 de minute și 1 oră. După aceea, ar trebui să vedeți puncte verzi în partea dreaptă a listei DNS în tabloul de bord Linguise . Sunteți aproape gata să traduceți site-ul dvs. Shopify , lipsește doar linkul către comutatorul de limbi cu steaguri de țară.
Adăugați comutatorul de limbă la Shopify
Comutatorul de limbă este fereastra pop-up pentru a selecta limba dorită. Pentru a-l încărca, va trebui să copiați codul dat în capul paginilor dvs. Shopify . Comutatorul de limbă pentru steag va fi apoi încărcat automat pe site-ul dvs. public.
Linkul de copiere este dat la finalul înregistrării domeniului sau în setările domeniului. Copiați linkul în clipboard.
Apoi, în Shopify , deschideți Magazin online > Teme
Faceți clic pe cele trei puncte ale temei curente și Editați codul.
În cele din urmă, deschideți fișierul theme.liquid și lipiți codul de script după ultimul
Acum, pe front-end-ul dvs. Shopify , ar trebui să aveți disponibil comutatorul de limbi Linguise .
Design de comutare de limbi Shopify
Comutatorul de limbă poate fi personalizat din Linguise > Setări > Afișare steaguri de limbă. Fiecare modificare aici se va reflecta pe site.
În partea dreaptă a ecranului aveți previzualizarea comutatorului de limbă. Iată elementele pe care le puteți configura:
- 3 aspecte: unul lângă altul, drop-down sau pop-up
- Poziția comutatorului de limbă
- Conținutul comutatorului de limbă
- Nume de limbi în engleză sau în limba maternă
- Forme și dimensiuni pentru steaguri
- Culori și umbra casetei
Încărcați comutatorul de limbă în conținutul Shopify
Pentru a afișa comutatorul de limbă la locul specific, în Shopify , ar trebui să setați poziția ca „La loc”.
După ce ați setat poziția în Linguise , puteți adăuga codul scurt de mai jos pentru a-l include. Faceți clic pe codul de mai jos pentru a-l pune în clipboard.
Odată adăugat, pe front-end veți avea steagul și numele limbii afișate în zona HTML în care ați adăugat codul.
Configurarea domeniului Shopify pentru Google ReCAPTCHA
Google ReCAPTCHA este un serviciu gratuit care este folosit pentru a preveni spam-ul, de exemplu, în formularele de contact. Pentru a-l face disponibil în Shopify , va trebui să vă înregistrați subdomeniile multilingve în administratorul Shopify .
Deschideți setările magazinului și setările domeniului.
Apoi faceți clic pe Conectați domeniul existent
Adăugați un subdomeniu de limbă existent, de exemplu, dacă aveți site-ul dvs. în franceză, acesta va fi fr.yourwebsite.com
Apoi faceți clic pe Conectați domeniul existent
Adăugați un subdomeniu de limbă existent, de exemplu, dacă aveți site-ul dvs. în franceză, acesta va fi fr.yourwebsite.com
În sfârșit, adăugați [lang].yourwebsite.com, pentru fiecare limbă de traducere pe care a trebuit să afișați reCAPTCHA pe front-end.
Editor de traduceri front-end pe Shopify
Editorul de front-end facilitează traducătorilor să modifice orice conținut HTML de pe Shopify în orice limbă. Puteți edita o pagină făcând clic pe un element de pagină și înlocuind textul, linkul sau imaginea.
Dacă utilizați una dintre temele gratuite oferite de Shopify , poate fi necesar să editați CSS-ul temei pentru a avea acces la tot HTML, deoarece au folosit un pseudo-element non-standard.
Mai întâi, editați codul temei, apoi deschideți fișierul base.css sau orice alt fișier CSS încărcat în magazinul dvs. Shopify .
Iată codul de adăugat în fișierul CSS:
/* 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
--------------------------------------------------------------------*/