Ustawienie przełącznika języka w Bubble.io może ułatwić użytkownikom zmianę języka. Ta funkcja jest szczególnie cenna w przypadku aplikacji przeznaczonych dla odbiorców na całym świecie, umożliwiając użytkownikom interakcję z platformą w preferowanym przez nich języku. Bubble.io, popularna platforma programistyczna niewymagająca kodu, oferuje wbudowane możliwości lokalizacyjne, które umożliwiają programistom tworzenie wielojęzycznych aplikacji bez rozległej wiedzy na temat kodowania.
Aby zaimplementować przełącznik języków w Bubble.io, programiści zazwyczaj zaczynają od zdefiniowania języków, które chcą obsługiwać w ustawieniach aplikacji. Następnie tworzą listę rozwijaną lub element przycisku, z którym użytkownicy mogą wchodzić w interakcję, aby zmienić język. W tym artykule omówimy konfigurację przełącznika języka w Bubble.io w jednej z witryn oferujących usługi automatycznego tłumaczenia.
Dodanie przełącznika języka na stronie internetowej nie jest bez powodu. Oto dlaczego musisz je skonfigurować na stronie internetowej Bubble.
Teraz, gdy rozumiemy znaczenie zmiany języków w wielojęzycznych witrynach Bubble.io, porozmawiajmy o tym, jak to wdrożyć. Usługi tłumaczenia stron internetowych zazwyczaj oferują tę funkcję, którą można dostosować do potrzeb użytkownika.
Jednak nie wszystkie usługi tłumaczeniowe oferują konfigurowalne i przyjazne dla użytkownika przełączniki języków. Dlatego bardzo ważny jest wybór usługi automatycznego tłumaczenia kompatybilnej z różnymi frameworkami i zapewniającej elastyczne funkcje zmiany języka.
Jedną z usług tłumaczeń automatycznych spełniającą te kryteria jest Linguise . Linguise oferuje wysoce konfigurowalną i łatwą w użyciu funkcję zmiany języka, która integruje się z popularnymi systemami CMS i kreatorami stron internetowych, takimi jak Bubble.io.
Linguise zapewnia bezproblemową integrację z Bubble, umożliwiając programistom łatwe przełączanie języków w swoich wielojęzycznych aplikacjach. Wykorzystując zaawansowane funkcje Linguise i przyjazny interfejs użytkownika, możesz uprościć konfigurowanie i obsługę przełączników języków na swojej stronie internetowej Bubble.
Oto kroki, jak zainstalować Linguise na stronie Bubble.io i skonfigurować przełącznik języka.
Zacznij od utworzenia darmowego konta Linguise i dodania domeny swojej witryny. Przed wybraniem planu subskrypcji możesz skorzystać z 30-dniowego bezpłatnego okresu próbnego.
Następnie musisz zarejestrować swoją domenę, aby autoryzować tłumaczenie. Skopiuj nazwę domeny, w tym „https://” i wybierz „inną” jako platformę.
Następnie wybierz język źródłowy i docelowy.
Po zarejestrowaniu swojej witryny w panelu Linguise będziesz mieć dwie możliwości instalacji.
Aby automatycznie dodać rekord DNS, kliknij „Połącz swój DNS automatycznie”. Ta funkcja, zwana Entri, upraszcza proces instalacji, zarządzając rekordami DNS. Alternatywnie możesz ręcznie skopiować rekordy DNS do dostawcy domeny.
Kliknięcie przycisku powoduje, że Entri analizuje adres URL Twojej zarejestrowanej witryny i sprawdza Twoje publiczne rekordy DNS, identyfikując niezbędnego dostawcę i rekordy DNS.
Następnie kliknij „Autoryzuj u [dostawcy domeny]” (np. Cloudflare). Ta czynność przekieruje Cię na stronę logowania Twojego dostawcy domeny, gdzie możesz się zalogować i kontynuować.
Po zalogowaniu Entri automatycznie doda odpowiednie rekordy DNS – jeden DNS na język i jeden DNS TXT dla klucza weryfikacyjnego – do Twojej domeny.
Po autoryzacji Entri powiadomi Cię, że wszystkie ustawienia DNS zostały pomyślnie skonfigurowane. Funkcja tłumaczenia powinna być dostępna, gdy wszystkie wpisy DNS zostaną rozpropagowane w Twojej domenie, co zwykle zajmuje od 20 do 30 minut.
W przypadku instalacji ręcznej możesz wykonać kroki opisane poniżej.
W przypadku instalacji ręcznej zostaniesz przekierowany do ekranu wyświetlającego rekordy DNS potrzebne do skonfigurowania stron wielojęzycznych, takich jak fr.domain.com lub es.domain.com.
Skopiuj te elementy do konfiguracji DNS Bubble.io.
Następnie uzyskaj dostęp do menedżera domeny i przejdź do obszaru konfiguracji DNS. Postępuj zgodnie z instrukcjami, aby skopiować:
Oto przykłady dla każdego typu rekordu (TXT i CNAME).
Po dodaniu wszystkich rekordów konfiguracja powinna wyglądać następująco.
Po dodaniu wszystkich rekordów do DNS domeny kliknij przycisk „Sprawdź konfigurację DNS”, aby zweryfikować propagację DNS.
Weryfikacja DNS trwa zwykle od około 30 minut do 1 godziny. Po zakończeniu powinieneś zobaczyć zielone wskaźniki obok listy DNS w panelu Linguise . Jesteś prawie gotowy do przetłumaczenia swojej witryny Bubble.io; pozostaje tylko połączenie z przełącznikiem języka z flagami krajów.
Przełącznik języka to wyskakujące okienko z flagą, które pozwala użytkownikom wybrać preferowany język. Aby to zaimplementować, skopiuj kod podany na końcu procesu rejestracji domeny lub w ustawieniach domeny do nagłówka stron witryny Bubble.io. Przełącznik języka flagi pojawi się automatycznie na Twojej publicznej stronie internetowej.
Następnie przejdź do panelu swojej witryny Bubble. Kliknij „Ustawienia” w menu po lewej stronie i wybierz „SEO / metatagi”.
Przewiń w dół do „Skrypt/metatagi w nagłówku” w „Ustawieniach zaawansowanych”. Wklej skopiowany wcześniej skrypt Linguise
Aby rozpocząć konfigurowanie przełącznika języka, przejdź do „Ustawienia” > „Wyświetlanie flag języków” w Linguise . Na tej stronie możesz dostosować kilka ustawień
Można łączyć wyświetlanie flag i nazw języków, flag i skrótów języków lub samych nazw języków. Aby ułatwić rozpoznawanie użytkownika, zaleca się używanie zarówno flag, jak i nazw języków.
Po skonfigurowaniu głównego wyświetlacza dostosuj wygląd flag, które będą wyświetlane.
Po skonfigurowaniu projektu flagi możesz dodatkowo dostosować kolor i rozmiar flag. Oto ustawienia, które możesz dostosować:
Na koniec możesz dostosować ustawienia cienia pola flagi. Pierwsza opcja pozwala zastosować efekt cienia do każdej ikony flagi wyświetlanej na Twojej stronie. Następna opcja kontroluje efekt cienia, gdy użytkownik najedzie myszką na flagi języka.
Po dokonaniu wszystkich żądanych zmian kliknij przycisk Zapisz, aby zastosować zmiany w dostosowaniu. Następnie odwiedź witrynę Bubble, aby sprawdzić, czy konfiguracja została pomyślnie zastosowana. Tak pojawi się przełącznik języka.
Po konfiguracji możesz zobaczyć, jak działa przełącznik języków na wielojęzycznej stronie internetowej Bubble.
Następnie możesz przetłumaczyć witrynę na inne języki, np. hiszpański.
Po pomyślnym skonfigurowaniu przełącznika języka w wielojęzycznej witrynie Bubble ważne jest, aby rozważyć wskazówki dotyczące optymalizacji przełącznika języka zarówno dla Twojej witryny, jak i odwiedzających.
Podczas wdrażania przełącznika języka na swojej stronie Bubble.io kluczowe znaczenie ma użycie łatwo rozpoznawalnych flag lub ikon językowych. Te wskazówki wizualne pomagają użytkownikom szybko zidentyfikować i wybrać preferowany język. Na przykład ikona globusa jest powszechnie rozumiana jako reprezentująca opcje językowe. Alternatywnie możesz użyć flag krajów, ale pamiętaj, że czasami może to być problematyczne, ponieważ języki nie zawsze są powiązane z jednym krajem.
Przykład: witryna Amazon używa małej ikony globusa obok aktualnie wybranego języka (np. „EN”) na górnym pasku nawigacyjnym. To proste, ale skuteczne podejście pozwala użytkownikom szybko zlokalizować opcje językowe, niezależnie od ich bieżącego ustawienia językowego.
Chociaż flagi mogą być pomocne, nie należy ich używać samodzielnie. Umieszczenie nazwy języka w jego natywnym piśmie obok flagi lub ikony zapewnia przejrzystość i pozwala uniknąć potencjalnych nieporozumień. Jest to szczególnie ważne w przypadku języków używanych w wielu krajach lub regionach.
Przykład: Przełącznik języka na stronie Airbnb wyświetla nazwę języka i flagę kraju. Na przykład pokazuje „English (US)” z flagą USA i „Français” z flagą francuską. Dzięki tej kombinacji użytkownicy mogą dokładnie określić preferowaną opcję językową.
Umieszczenie przełącznika języka ma kluczowe znaczenie dla dostępności dla użytkownika. Typowe lokalizacje to prawy górny róg nagłówka, stopka lub główne menu nawigacyjne. Kluczem jest umożliwienie łatwego odnalezienia treści bez zaśmiecania głównego obszaru treści.
Przykład: Na stronie tiffany.com przełącznik języka znajduje się w prawym dolnym rogu strony, jest zawsze widoczny i dostępny. Dzięki temu spójnemu rozmieszczeniu użytkownicy mogą szybko znaleźć opcje językowe i skorzystać z nich niezależnie od tego, gdzie się znajdują w witrynie.
Upewnij się, że przełącznik języków działa dobrze na wszystkich urządzeniach, od komputerów stacjonarnych po smartfony. Na mniejszych ekranach może być konieczne dostosowanie projektu – na przykład użycie menu rozwijanego zamiast poziomej listy opcji.
Przykład: Przełącznik języka witryny UNESCO doskonale dostosowuje się do różnych urządzeń. Na pulpicie pojawia się jako pozioma lista w nagłówku. Na urządzeniach mobilnych przekształca się w kompaktowe menu rozwijane, zapewniając użyteczność bez uszczerbku dla układu mobilnego.
Zachowaj ten sam wygląd, funkcjonalność i położenie przełącznika języka na wszystkich stronach swojej witryny Bubble.io. Ta spójność pomaga użytkownikom efektywniej poruszać się po Twojej witrynie, ponieważ dokładnie wiedzą, gdzie znaleźć opcje językowe, niezależnie od tego, na której stronie aktualnie się znajdują.
Przykład: w witrynie zastosowano opcję zmiany języka w stopce na wszystkich stronach, od strony głównej po strony produktów i proces realizacji transakcji. Ta spójność zapewnia użytkownikom możliwość łatwej zmiany języka w dowolnym momencie podczas przeglądania lub zakupów.
Teraz już wiesz, jak wybrać język wielojęzycznej witryny Bubble.io. Odczytanie selektora języka może przynieść różne korzyści i dodatkowo prowadzić do optymalizacji w oparciu o wcześniej wspomniane punkty.
Skuteczna optymalizacja selektora języka może znacznie poprawić komfort użytkowania. Zarejestruj Linguise , zintegruj je ze swoją witryną Bubble.io i dostosuj selektor języka, aby poprawić wygodę użytkownika.
Otrzymuj informacje o automatycznym tłumaczeniu stron internetowych, międzynarodowym SEO i nie tylko!
Nie wychodź bez udostępnienia swojego e-maila!
Nie możemy zagwarantować, że wygrasz na loterii, ale możemy obiecać kilka interesujących wiadomości informacyjnych dotyczących tłumaczeń i okazjonalnych rabatów.
