Setarea unui selector de limbă pe site-ul Bubble.io poate face mai ușor pentru utilizatori să schimbe limba. Această caracteristică este deosebit de valoroasă pentru aplicațiile cu o audiență globală, permițând utilizatorilor să interacționeze cu platforma în limba lor preferată. Bubble.io, o platformă populară de dezvoltare fără cod, oferă capabilități de localizare încorporate care permit dezvoltatorilor să creeze aplicații multilingve fără cunoștințe extinse de codare.
Pentru a implementa un selector de limbă în Bubble.io, dezvoltatorii de obicei încep prin a defini limbile pe care doresc să le susțină în setările aplicației. Apoi, ei creează un element de tip dropdown sau buton cu care utilizatorii pot interacționa pentru a schimba limba. În acest articol, vom discuta despre configurarea unui selector de limbă pe Bubble.io cu unul dintre site-urile de servicii de traducere automată.
De ce este important un selector de limbă pe site-ul Bubble.io?
Adăugarea unui selector de limbă pe un site web nu este fără motiv. Iată de ce trebuie să îl configurați pe un site web Bubble .
- Facilitează utilizarea de către utilizatorii din alte țări: Un comutator de limbă permite utilizatorilor internaționali să vizualizeze site-ul web în limba lor maternă. De exemplu, un utilizator spaniol care vizitează un magazin online poate comuta la spaniolă, ceea ce facilitează înțelegerea detaliilor produsului și finalizarea achizițiilor. Studiile de cercetare CSA arată că 76% dintre cumpărătorii online preferă să cumpere produse atunci când informațiile sunt disponibile în limba lor, subliniind importanța acestei funcții pentru confortul și accesibilitatea utilizatorului.
- Optimizarea site-ului în rezultatele de căutare din alte țări: Cu un selector de limbă, site-ul dvs. Bubble.io poate obține o poziție mai bună în căutările în limbi străine. De exemplu, o versiune în limba franceză a site-ului dvs. are mai multe șanse să apară în căutările Google în limba franceză. Această vizibilitate îmbunătățită poate crește semnificativ traficul internațional.
- Creșterea ratei de conversie: Oferirea de conținut în mai multe limbi poate stimula vânzările. O platformă de cursuri online care permite utilizatorilor să își schimbe limba poate atrage un public mai larg și poate crește numărul de înscrieri. Această abordare este eficientă deoarece consumatorii sunt mai predispuși să cumpere de pe site-uri web care oferă informații în limba lor maternă, având un impact direct asupra ratelor de conversie.
- Îmbunătățește implicarea și retenția utilizatorilor: Un comutator de limbă poate menține utilizatorii pe site-ul dvs. mai mult timp. De exemplu, utilizatorii care interacționează în limba lor preferată pe o aplicație de socializare tind să rămână implicați mai mult timp. Această creștere a implicării este semnificativă, deoarece utilizatorii petrec de obicei de două ori mai mult timp pe site-uri în limba lor maternă decât cei într-o a doua limbă, ceea ce duce la o mai bună retenție a utilizatorilor.
Cum să configurezi un comutator de limbă pe Bubble.io
Acum că înțelegem importanța schimbării limbilor pe site-urile multilingve Bubble.io, să discutăm despre cum să o implementăm. Serviciile de traducere a site-urilor web oferă de obicei această caracteristică, care poate fi adaptată nevoilor utilizatorilor.
Totuși, nu toate serviciile de traducere oferă comutatoare de limbi personalizabile și ușor de utilizat. Prin urmare, alegerea unui serviciu de traducere automată compatibil cu diverse framework-uri și care oferă funcții flexibile de schimbare a limbii este foarte importantă.
Un serviciu de traducere automată care îndeplinește aceste criterii este Linguise. Linguise traducerea automată oferă o caracteristică de comutare a limbii extrem de personalizabilă și ușor de utilizat, care se integrează cu CMS și constructori de site-uri web populare, cum ar fi Bubble.io.
Linguise oferă o integrare perfectă cu Bubble, permițând dezvoltatorilor să încorporeze cu ușurință comutarea limbii în aplicațiile lor multilingve. Prin valorificarea funcțiilor avansate și a interfeței ușor de utilizat Linguise, puteți simplifica configurarea și întreținerea comutatoarelor de limbă pe site-ul dvs. Bubble .
Iată pașii pentru instalarea Linguise pe un site Bubble.io și configurarea selectorului de limbă.
Pasul 1: Înregistrați un cont Linguise
Începeți prin cont Linguise gratuit și a adăuga domeniul site-ului web. Puteți utiliza perioada de probă gratuită de 30 de zile înainte de a alege un abonament.
Apoi, va trebui să vă înregistrați domeniul pentru a autoriza traducerea. Copiați numele domeniului, inclusiv „https://”, și selectați „altul” ca platformă.
Apoi, selectați limba sursă și limba țintă.
Pasul 2: Adăugați automat DNS folosind Entri
După înregistrarea site-ului web în tabloul de bord Linguise , veți avea două opțiuni de instalare.
Pentru adăugarea automată a înregistrărilor DNS, faceți clic pe „Conectați-vă DNS-ul automat”. Această funcție, numită Entri, simplifică procesul de instalare prin gestionarea înregistrărilor DNS pentru dvs. Alternativ, puteți copia manual înregistrările DNS pe furnizorul dvs. de domeniu.
Dacă dați clic pe buton, Entri va analiza adresa URL a site-ului web înregistrat și va examina înregistrările DNS publice, identificând furnizorul și înregistrările DNS necesare.
Apoi, faceți clic pe „Autorizează cu [furnizorul domeniului dvs.]” (de exemplu, Cloudflare). Această acțiune vă redirecționează către pagina de conectare a furnizorului domeniului dvs., unde vă puteți conecta și continua.
După conectare, Entri va adăuga automat înregistrările DNS corespunzătoare - câte un DNS per limbă și un DNS TXT pentru cheia de validare - la domeniul dvs.
După autorizare, Entri vă va notifica că toate setările DNS au fost configurate cu succes. Funcția de traducere ar trebui să fie utilizabilă odată ce toate intrările DNS se propagă pe domeniul dvs., ceea ce durează de obicei 20 până la 30 de minute.
Pentru instalarea manuală, puteți urma pașii de mai jos.
Pasul 3: Copiați înregistrările DNS
Pentru instalarea manuală, veți fi redirecționat către un ecran care afișează înregistrările DNS necesare pentru configurarea paginilor multilingve, cum ar fi fr.domain.com sau es.domain.com.
Copiați aceste elemente în configurația DNS Bubble.io.
Apoi, accesează managerul de domeniu și navighează la zona de configurare DNS. Urmează instrucțiunile pentru a copia:
- O înregistrare TXT pentru verificarea domeniului
- Una sau mai multe înregistrări CNAME pentru limbi
Iată exemple pentru fiecare tip de înregistrare (TXT și CNAME).
După ce ați adăugat toate înregistrările, configurația ar trebui să arate astfel.
Pasul 4: Verificați DNS-ul
După ce ați adăugat toate înregistrările la DNS-ul domeniului dvs., faceți clic pe butonul „Verificați configurația DNS” pentru a verifica propagarea DNS.
Validarea DNS durează de obicei aproximativ 30 de minute până la 1 oră. Odată finalizată, ar trebui să vedeți indicatori verzi lângă lista DNS din tabloul de bord Linguise . Sunteți aproape gata să traduceți site-ul dvs. Bubble.io; tot ce rămâne este să conectați selectorul de limbă cu steagurile țărilor.
Pasul 5: Activați și comutatorul de limbă
Comutatorul de limbă este o fereastră pop-up cu steaguri care permite utilizatorilor să selecteze limba preferată. Pentru a-l implementa, copiați codul furnizat la sfârșitul procesului de înregistrare a domeniului sau în setările domeniului în antetul paginilor site-ului dvs. Bubble.io. Comutatorul de limbă cu steaguri va apărea apoi automat pe site-ul dvs. public.
Apoi, accesați Bubble. Faceți clic pe ‘Setări’ în meniul lateral din stânga și selectați „SEO / metatags.”
Derulați în jos până la „Script/meta tags in header” (Etichete script/meta în antet) din secțiunea „Advanced Settings” (Setări avansate). Lipiți Linguise pe care l-ați copiat anterior, apoi faceți clic pe „Save” (Salvare) și publicați site-ul.
Pasul 5: Configurați afișajul principal
Pentru a începe configurarea comutatorului de limbă, navigați la „Setări” > „Afișarea steagurilor de limbă” din Linguise . Pe această pagină, puteți ajusta mai multe setări.
- Stilul pictogramei steagului: Alegeți dintre trei opțiuni: afișare alăturată, meniu derulant sau fereastră pop-up.
- Poziție: Selectați locul în care va apărea comutatorul de limbă pe site-ul dvs. Sunt disponibile diverse opțiuni de poziționare; asigurați-vă că este ușor accesibil vizitatorilor.
Puteți combina afișarea steagurilor și a numelor de limbi, a steagurilor și abrevierilor de limbi sau doar a numelor de limbi. Se recomandă utilizarea atât a steagurilor, cât și a numelor de limbi pentru o recunoaștere mai ușoară de către utilizator.
Pasul 6: Setează designul steagului
După configurarea afișajului principal, personalizați în continuare designul steagurilor care vor fi afișate.
- Numele limbii afișate: Puteți alege să afișați numele limbii fie pe baza numelui țării, fie pe baza numelui limbii în sine. De exemplu, puteți afișa „Franceză” sau „Français”.
- Tip de steag englezesc: Această opțiune este utilă pentru limbile cu variante multiple, cum ar fi engleza americană sau britanică (și se aplică și spaniolei, taiwanezei, germanei și portughezei).
- Stilul steagului: Alegeți forma pictogramei steagului, fie rotundă, fie dreptunghiulară.
Pasul 7: Personalizați culoarea și dimensiunea
După configurarea designului steagului, puteți personaliza în continuare culoarea și dimensiunea steagurilor. Iată setările pe care le puteți ajusta:
- Raza chenarului steagului: Personalizați raza în pixeli pentru stilul de steag dreptunghiular.
- Culoarea numelui limbii: Alegeți culoarea implicită a textului pentru a afișa numele limbii.
- Culoarea limbii în popup: Setați culoarea textului titlului limbii în zona popup sau dropdown.
- Mărimea steagului: Ajustați mărimea icoanelor steagului.
- Culoarea de trecere a cursorului peste numele limbii: Setați culoarea textului care apare atunci când utilizatorul plasează cursorul peste numele limbii.
- Culoarea de hover a limbii din popup: Setați culoarea textului care apare atunci când utilizatorul trece cu mouse-ul peste titlul limbii în zona popup sau derulantă.
Pasul 8: Setarea umbrei casetei steagului
În cele din urmă, puteți ajusta setările de umbră pentru caseta cu steaguri. Prima opțiune vă permite să aplicați un efect de umbră fiecărei pictograme de steag afișate pe site-ul dvs. web. Următoarea opțiune controlează efectul de umbră atunci când utilizatorii trec cu mouse-ul peste steagurile lingvistice.
Odată ce ați efectuat toate ajustările dorite, faceți clic pe butonul Salvare pentru a aplica modificările de personalizare. Apoi, vizitați site-ul dvs. Bubble pentru a verifica dacă configurația a fost aplicată cu succes. Așa va apărea selectorul de limbă.
După configurare, puteți vedea cum funcționează selectorul de limbă pe site-ul dvs. multilingv Bubble .
Apoi, puteți traduce site-ul web în alte limbi, cum ar fi spaniola.
Cele mai bune practici pentru optimizarea selectorului de limbă pe Bubble.io
După ce ați configurat cu succes selectorul de limbă pe un site web multilingv Bubble , este important să luați în considerare sfaturi pentru optimizarea selectorului de limbă atât pentru site-ul dvs., cât și pentru vizitatori.
Folosește un logo ușor de identificat pentru steagul limbii
Atunci când implementați un selector de limbă pe site-ul dvs. Bubble.io, utilizarea unor steaguri sau icoane de limbă ușor de recunoscut este crucială. Aceste indicii vizuale ajută utilizatorii să identifice și să selecteze rapid limba preferată. De exemplu, o icoană cu globul pământesc este universal înțeleasă ca reprezentând opțiuni de limbă. Alternativ, puteți utiliza steaguri de țară, dar fiți conștienți că acest lucru poate fi uneori problematic, deoarece limbile nu sunt întotdeauna legate de o singură țară.
Exemplu: Site-ul web Amazon folosește o mică pictogramă cu glob lângă limba selectată în prezent (de exemplu, „EN”) în bara de navigare superioară. Această abordare simplă, dar eficientă, permite utilizatorilor să localizeze rapid opțiunile de limbă, indiferent de setarea lor actuală de limbă.
Includeți numele limbilor alături de steaguri
Deși steagurile pot fi utile, ele nu ar trebui folosite singure. Includerea numelui limbii în alfabetul său nativ alături de steag sau pictogramă oferă claritate și evită potențialele confuzii. Acest lucru este important în special pentru limbile vorbite în mai multe țări sau regiuni.
Exemplu: Comutatorul de limbă de pe site-ul Airbnb afișează numele limbii și steagul țării. De exemplu, afișează „English (US)” cu steagul SUA și „Français” cu steagul Franței. Această combinație asigură că utilizatorii își pot identifica cu exactitate opțiunea de limbă preferată.
Poziționați butonul de comutare a limbii cu grijă
Amplasarea comutatorului de limbă este esențială pentru accesibilitatea utilizatorului. Locațiile comune includ colțul din dreapta sus al antetului, subsolul sau meniul principal de navigare. Cheia este să îl faci ușor de găsit fără a aglomera zona principală de conținut.
Exemplu: Pe site-ul tiffany.com, comutatorul de limbă se află în colțul din dreapta jos al paginii, fiind întotdeauna vizibil și accesibil. Această plasare uniformă asigură că utilizatorii pot găsi și utiliza rapid opțiunile lingvistice, indiferent de locul în care se află pe site.
Proiectați comutatorul de limbă pentru a fi responsiv
Asigurați-vă că comutatorul de limbă funcționează corect pe toate dispozitivele, de la computere desktop la smartphone-uri. Pe ecrane mai mici, este posibil să fie nevoie să adaptați designul - de exemplu, folosind un meniu derulant în loc de o listă orizontală de opțiuni.
Exemplu: Comutatorul de limbă al site-ului web UNESCO se adaptează perfect pe diferite dispozitive. Pe desktop, apare ca o listă orizontală în antet. Pe mobil, se transformă într-un meniu derulant compact, asigurând ușurința în utilizare fără a compromite aspectul mobil.
Asigurați-vă că comutatorul de limbă este consecvent pe toate paginile
Mențineți același design, funcționalitate și poziție a selectorului de limbă pe toate paginile site-ului dvs. Bubble.io. Această consistență îi ajută pe utilizatori să navigheze pe site-ul dvs. mai eficient, deoarece știu exact unde să găsească opțiunile de limbă, indiferent de pagina curentă.
Exemplu: Site-ul web își menține comutatorul de limbă în mod consecvent în subsolul paginii, de la pagina principală la paginile cu produse și procesul de finalizare a comenzii. Această consecvență asigură că utilizatorii pot schimba cu ușurință limba oricând în timpul experienței de navigare sau de cumpărături.
Configurați un selector de limbă pe site-ul dvs. multilingv Bubble utilizând Linguise!
Acum, înțelegeți deja cum să selectați limba pentru site-ul web multilingv Bubble.io. Citirea selectorului de limbă poate oferi diverse beneficii și poate duce la optimizare pe baza punctelor menționate anterior.
Optimizarea selectorului de limbă în mod eficient poate îmbunătăți semnificativ experiența utilizatorului. Înscrieți-vă pentru un Linguise cont, integrați-l cu site-ul dvs. Bubble
