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ă accesul utilizatorilor din alte țări: Un comutator de limbă permite utilizatorilor internaționali să vizualizeze site-ul web în limba lor nativă. De exemplu, un utilizator spaniol care vizitează un magazin online poate comuta la spaniolă, facilitând înțelegerea detaliilor produselor și finalizarea achizițiilor. Studiile CSA Research arată că 76% dintre cumpărătorii online preferă să achiziționeze produse atunci când informațiile sunt disponibile în limba lor, subliniind importanța acestei funcții pentru confortul și accesibilitatea utilizatorilor.
- 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. Bubble.io website can rank better in foreign language searches. For instance, a French version of your site is more likely to appear in French Google searches. This improved visibility can significantly increase international traffic.
- Crește conversia vânzărilor: Oferirea de conținut în mai multe limbi poate stimula vânzările. O platformă de cursuri online care permite utilizatorilor să schimbe limba poate atrage un public mai larg și poate crește numărul de înscrieri. Această abordare este eficientă deoarece consumatorii sunt mai dispuși să cumpere de pe site-uri care oferă informații în limba lor nativă, afectând direct rata 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ă implicare crescută este semnificativă, deoarece utilizatorii petrec de obicei de două ori mai mult timp pe site-urile în limba lor nativă decât pe cele într-o a doua limbă, ceea ce duce la o retenție mai bună a utilizatorilor.
Sparge Barierele Limbajului
Spune adio barierelor lingvistice și salută creșterea nelimitată! Încearcă serviciul nostru de traducere automată astăzi.
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 limbă 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 a crea un cont Linguise gratuit și adăugați domeniul site-ului dvs. web. Puteți utiliza perioada de probă gratuită de 30 de zile înainte de a alege un plan de abonament.
Apoi, va trebui să îți înregistrezi domeniul pentru a autoriza traducerea. Copiază numele domeniului tău, inclusiv „https://”, și selectează „other” ca platformă.
Apoi, selectați limbile sursă și țintă.
Pasul 2: Adăugați automat DNS folosind Entri
După înregistrarea site-ului dvs. web în panoul de control 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 gestionând înregistrările DNS pentru dvs. Alternativ, puteți copia manual înregistrările DNS la furnizorul dvs. de domenii.
Făcând clic pe buton, Entri este solicitat să analizeze URL-ul site-ului web înregistrat și să examineze înregistrările DNS publice, identificând furnizorul necesar și înregistrările DNS.
Apoi, faceți clic pe “Autorizați cu [furnizorul dvs. de domenii]” (de exemplu, Cloudflare). Această acțiune vă redirecționează către pagina de autentificare a furnizorului dvs. de domenii, unde vă puteți autentifica și continua.
După autentificare, Entri va adăuga automat înregistrările DNS corespunzătoare—una DNS pentru fiecare limbă și una TXT DNS pentru cheia de validare—la domeniul tău.
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 înregistrările DNS se propagă pe domeniul dumneavoastră, ceea ce durează de obicei între 20 și 30 de minute.
Pentru instalarea manuală, puteți urma pașii furnizați 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 dvs. multilingve, cum ar fi fr.domain.com sau es.domain.com.
Copiați aceste elemente în configurația DNS Bubble.io.
Apoi, accesați managerul de domenii și navigați la zona de configurare DNS. Urmați 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 dvs. ar trebui să arate astfel.
Pasul 4: Verificați DNS
După ce adăugați toate înregistrările în 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, mergi la panoul site-ului tău Bubble . Fă clic pe ‘Setări’ în meniul din bara laterală stângă și selectează “SEO / metatags.”
Derulează în jos până la “Script/meta tags in header” sub “Advanced Settings.” Lipește Linguise scriptul pe care l-ai copiat mai devreme, apoi fă clic pe ‘Save’ și publică site-ul.
Pasul 5: Configurați afișarea principală
Pentru a începe configurarea comutatorului de limbă, navigați la secțiunea “Setări” > “Afișare steaguri de limbă” din panoul de control Linguise . Pe această pagină, puteți ajusta mai multe setări
- Stilul pictogramei de steag: Alegeți dintre trei opțiuni: afișare alăturată, meniu derulant sau pop-up.
- Poziție: Selectați unde 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 pentru vizitatori.
Puteți combina afișarea steagurilor și a numelor de limbi, a steagurilor și a 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 utilizatori.
Pasul 6: Setează designul steagului
După configurarea afișării principale, personalizează în continuare designul steagurilor care vor fi afișate.
- Afișează numele limbii: Puteți alege să afișați numele limbii pe baza numelui țării sau a numelui limbii în sine. De exemplu, ați putea afișa „French” sau „Français.”
- Tip de steag englez: Această opțiune este utilă pentru limbile cu multiple variații, cum ar fi engleza americană sau britanică (și se aplică și pentru spaniolă, taiwaneză, germană și portugheză).
- Stil steag: 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 marginii 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.
- Culoare la hover pentru numele limbii: Setați culoarea textului care apare 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 final, puteți ajusta setările umbrei casetei steagului. Prima opțiune vă permite să aplicați un efect de umbră fiecărei pictograme de steag afișate pe site-ul dvs. Următoarea opțiune controlează efectul de umbră atunci când utilizatorii trec cu mouse-ul peste steagurile de limbă.
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.
Utilizați un logo cu steag de limbă ușor de identificat
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 Amazon folosește o pictogramă mică cu glob lângă limba selectată în prezent (de exemplu, „EN”) în bara de navigare de sus. Această abordare simplă, dar eficientă, le permite utilizatorilor să găsească rapid opțiunile de limbă, indiferent de setarea curentă a limbii.
Incorporați numele limbilor alături de steaguri
Deși steagurile pot fi utile, ele nu ar trebui folosite singure. Includerea numelui limbii în scrierea sa nativă alături de steag sau pictogramă oferă claritate și evită posibilele confuzii. Acest lucru este deosebit de important 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 le permite utilizatorilor să identifice cu precizie opțiunea de limbă preferată.
Poziționați butonul de schimbare a limbii cu atenție
Amplasarea comutatorului de limbă este esențială pentru accesibilitatea utilizatorilor. Locațiile comune includ colțul din dreapta sus al antetului, în subsol sau în meniul principal de navigare. Cheia este să îl faceți ușor de descoperit fără a aglomera zona de conținut principal.
Exemplu: Pe site-ul tiffany.com, comutatorul de limbă se află în colțul din dreapta jos al paginii, mereu vizibil și accesibil. Această plasare consecventă asigură că utilizatorii pot găsi și utiliza rapid opțiunile de limbă indiferent de locul în care se află pe site.
Proiectați comutatorul de limbă pentru a fi receptiv
Asigurați-vă că selectorul de limbă funcționează bine pe toate dispozitivele, de la computere desktop la smartphone-uri. Pe ecranele mai mici, s-ar putea să fie nevoie să adaptați designul – de exemplu, folosind un meniu dropdown în loc de o listă orizontală de opțiuni.
Exemplu: Comutatorul de limbă al site-ului UNESCO se adaptează frumos pe toate dispozitivele. Pe desktop, apare ca o listă orizontală în antet. Pe mobil, se transformă într-un meniu dropdown compact, asigurând utilizabilitatea fără a compromite aspectul mobil.
Asigurați-vă că selectorul 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 menține comutatorul de limbă în mod consecvent în subsolul tuturor paginilor, de la pagina principală la paginile de produse și la procesul de finalizare a comenzii. Această consecvență asigură că utilizatorii pot schimba cu ușurință limba oricând în timpul navigării sau al experienței de cumpărare.
Sunteți gata să explorați noi piețe? Încercați serviciul nostru de traducere automată gratuit cu un trial de 1 lună fără riscuri. Nu este necesară o cartelă de credit!
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 Bubble.io website, and customize the language selector to improve the user experience.
