Việc thiết lập bộ chuyển đổi ngôn ngữ trên trang web Bubble.io có thể giúp người dùng dễ dàng chuyển đổi giữa các ngôn ngữ. Tính năng này đặc biệt có giá trị đối với các ứng dụng có đối tượng toàn cầu, cho phép người dùng tương tác với nền tảng bằng ngôn ngữ ưa thích của họ. Bubble.io, một nền tảng phát triển không cần mã hóa phổ biến, cung cấp khả năng bản địa hóa tích hợp cho phép các nhà phát triển tạo các ứng dụng đa ngôn ngữ mà không cần kiến thức mã hóa rộng lớn.
Để triển khai bộ chuyển đổi ngôn ngữ trong Bubble.io, các nhà phát triển thường bắt đầu bằng cách xác định các ngôn ngữ họ muốn hỗ trợ trong cài đặt ứng dụng. Sau đó, họ tạo một phần tử thả xuống hoặc nút mà người dùng có thể tương tác để thay đổi ngôn ngữ. Trong bài viết này, chúng ta sẽ thảo luận về cách thiết lập bộ chuyển đổi ngôn ngữ trên Bubble.io với một trong các trang web dịch tự động.
Tại sao bộ chuyển đổi ngôn ngữ lại quan trọng trên trang web Bubble.io?
Thêm một công tắc ngôn ngữ trên trang web không phải là không có lý do. Dưới đây là lý do tại sao bạn cần thiết lập một công tắc trên trang web Bubble .
- Giúp người dùng ở các quốc gia khác dễ dàng hơn: Công tắc ngôn ngữ cho phép người dùng quốc tế xem trang web bằng ngôn ngữ mẹ đẻ của họ. Ví dụ, người dùng Tây Ban Nha truy cập cửa hàng trực tuyến có thể chuyển sang tiếng Tây Ban Nha, giúp hiểu chi tiết sản phẩm và hoàn tất mua hàng dễ dàng hơn. Nghiên cứu của CSA cho thấy rằng 76% người mua sắm trực tuyến thích mua sản phẩm khi thông tin có sẵn bằng ngôn ngữ của họ, nhấn mạnh tầm quan trọng của tính năng này đối với sự thoải mái và khả năng tiếp cận của người dùng.
- Tối ưu hóa trang web trong kết quả tìm kiếm của các quốc gia khác: Với công tắc ngôn ngữ, trang web Bubble.io của bạn có thể xếp hạng tốt hơn trong các tìm kiếm ngôn ngữ nước ngoài. Ví dụ, phiên bản tiếng Pháp của trang web của bạn có nhiều khả năng xuất hiện trong tìm kiếm Google tiếng Pháp. Khả năng hiển thị được cải thiện này có thể tăng đáng kể lưu lượng truy cập quốc tế.
- Tăng tỷ lệ chuyển đổi bán hàng: Cung cấp nội dung bằng nhiều ngôn ngữ có thể tăng doanh số bán hàng. Một nền tảng khóa học trực tuyến cho phép người dùng chuyển đổi ngôn ngữ có thể thu hút đối tượng rộng lớn hơn và tăng số lượng đăng ký. Cách tiếp cận này hiệu quả vì người tiêu dùng có nhiều khả năng mua hàng từ các trang web cung cấp thông tin bằng ngôn ngữ mẹ đẻ của họ, ảnh hưởng trực tiếp đến tỷ lệ chuyển đổi của bạn.
- Cải thiện sự tương tác và giữ chân người dùng: Công cụ chuyển đổi ngôn ngữ có thể giữ người dùng trên trang web của bạn lâu hơn. Ví dụ, người dùng tương tác bằng ngôn ngữ ưa thích của họ trên một ứng dụng mạng xã hội có xu hướng duy trì tương tác lâu hơn. Sự gia tăng tương tác này rất đáng kể, vì người dùng thường dành gấp đôi thời gian trên các trang web bằng ngôn ngữ mẹ đẻ của họ so với những người sử dụng ngôn ngữ thứ hai, dẫn đến việc giữ chân người dùng tốt hơn.
Cách thiết lập công tắc ngôn ngữ trên Bubble.io
Bây giờ chúng ta đã hiểu tầm quan trọng của việc chuyển đổi ngôn ngữ trên các trang web đa ngôn ngữ Bubble.io, hãy thảo luận về cách thực hiện nó. Các dịch vụ dịch thuật trang web thường cung cấp tính năng này, có thể được điều chỉnh theo nhu cầu của người dùng.
Tuy nhiên, không phải tất cả các dịch vụ dịch đều cung cấp bộ chuyển đổi ngôn ngữ có thể tùy chỉnh và thân thiện với người dùng. Do đó, việc chọn một dịch vụ dịch tự động tương thích với nhiều khung và cung cấp các tính năng chuyển đổi ngôn ngữ linh hoạt là rất quan trọng.
Một dịch vụ dịch tự động đáp ứng các tiêu chí này là Linguise. Linguise bản dịch tự động cung cấp một tính năng chuyển đổi ngôn ngữ có thể tùy chỉnh cao và dễ sử dụng tích hợp với các CMS và trình xây dựng trang web phổ biến như Bubble.io.
Linguise cung cấp tích hợp liền mạch với Bubble, cho phép các nhà phát triển dễ dàng tích hợp chuyển đổi ngôn ngữ vào các ứng dụng đa ngôn ngữ của họ. Bằng cách tận dụng các tính năng tiên tiến và giao diện thân thiện với người dùng của Linguise, bạn có thể đơn giản hóa việc thiết lập và duy trì công tắc ngôn ngữ trên trang web Bubble của mình.
Đây là các bước để cài đặt Linguise trên trang web Bubble.io và thiết lập công tắc ngôn ngữ.
Bước 1: Đăng ký tài khoản Linguise
Bắt đầu bằng cách tạo một tài khoản Linguise miễn phí và thêm tên miền trang web của bạn. Bạn có thể sử dụng thử nghiệm miễn phí 30 ngày trước khi chọn gói đăng ký.
Sau đó, bạn cần đăng ký tên miền của mình để ủy quyền bản dịch. Sao chép tên miền của bạn, bao gồm cả “https://,” và chọn “khác” làm nền tảng.
Tiếp theo, chọn ngôn ngữ nguồn và ngôn ngữ đích của bạn.
Bước 2: Tự động thêm DNS bằng Entri
Sau khi đăng ký trang web của bạn trên bảng điều khiển Linguise , bạn sẽ có hai tùy chọn cài đặt.
Để thêm bản ghi DNS tự động, nhấp vào “Kết nối DNS của bạn tự động.” Tính năng này, được gọi là Entri, đơn giản hóa quá trình cài đặt bằng cách quản lý các bản ghi DNS cho bạn. Ngoài ra, bạn có thể sao chép thủ công các bản ghi DNS vào nhà cung cấp tên miền của mình.
Nhấp vào nút sẽ nhắc Entri phân tích URL trang web đã đăng ký của bạn và kiểm tra các bản ghi DNS công khai, xác định nhà cung cấp và bản ghi DNS cần thiết.
Tiếp theo, nhấp vào “Ủy quyền với [nhà cung cấp tên miền của bạn]” (ví dụ: Cloudflare). Hành động này chuyển hướng bạn đến trang đăng nhập của nhà cung cấp tên miền, nơi bạn có thể đăng nhập và tiếp tục.
Sau khi đăng nhập, Entri sẽ tự động thêm các bản ghi DNS thích hợp—một DNS cho mỗi ngôn ngữ và một DNS TXT cho khóa xác thực—vào miền của bạn.
Sau khi ủy quyền, Entri sẽ thông báo cho bạn rằng tất cả các cài đặt DNS đã được cấu hình thành công. Tính năng dịch thuật sẽ có thể sử dụng được sau khi tất cả các mục nhập DNS được truyền trên miền của bạn, thường mất 20 đến 30 phút.
Để cài đặt thủ công, bạn có thể làm theo các bước được cung cấp dưới đây.
Bước 3: Sao chép bản ghi DNS
Để cài đặt thủ công, bạn sẽ được chuyển đến một màn hình hiển thị các bản ghi DNS cần thiết để thiết lập trang web đa ngôn ngữ của bạn, chẳng hạn như fr.domain.com hoặc es.domain.com.
Sao chép các phần tử này vào cấu hình DNS Bubble.io của bạn.
Tiếp theo, truy cập vào trình quản lý miền của bạn và điều hướng đến khu vực thiết lập DNS. Làm theo hướng dẫn để sao chép:
- Một bản ghi TXT để xác minh tên miền
- Một hoặc một số bản ghi CNAME cho các ngôn ngữ
Dưới đây là ví dụ cho từng loại bản ghi (TXT và CNAME).
Sau khi bạn đã thêm tất cả các bản ghi, cấu hình của bạn sẽ trông như thế này.
Bước 4: Xác minh DNS
Sau khi thêm tất cả các bản ghi của bạn vào DNS miền, nhấp vào nút “Kiểm tra cấu hình DNS” để xác minh việc truyền DNS.
Xác thực DNS thường mất khoảng 30 phút đến 1 giờ. Sau khi hoàn thành, bạn sẽ thấy các chỉ số màu xanh lá cây bên cạnh danh sách DNS trong bảng điều khiển Linguise . Bạn gần như đã sẵn sàng để dịch trang web Bubble.io của mình; tất cả những gì còn lại là liên kết đến bộ chuyển đổi ngôn ngữ với các quốc kỳ.
Bước 5: Kích hoạt công tắc ngôn ngữ
Công tắc ngôn ngữ là một cửa sổ bật lên cờ cho phép người dùng chọn ngôn ngữ ưa thích của họ. Để thực hiện, hãy sao chép mã được cung cấp ở cuối quá trình đăng ký tên miền hoặc trong cài đặt tên miền vào phần đầu trang của trang web Bubble.io. Công tắc ngôn ngữ cờ sẽ tự động xuất hiện trên trang web công cộng của bạn.
Tiếp theo, hãy truy cập vào bảng điều khiển trang web Bubble. Nhấp vào ‘Cài đặt’ trong menu bên trái và chọn “SEO / thẻ meta.”
Cuộn xuống “Thẻ script/meta trong header” dưới “Cài đặt nâng cao.” Dán Linguise script bạn đã sao chép trước đó, sau đó nhấp 'Lưu' và xuất bản trang web của bạn.
Bước 5: Cấu hình hiển thị chính
Để bắt đầu thiết lập công tắc ngôn ngữ, điều hướng đến “Cài đặt” > “Hiển thị cờ ngôn ngữ” trong bảng điều khiển Linguise. Trên trang này, bạn có thể điều chỉnh một số cài đặt
- Kiểu biểu tượng cờ: Chọn từ ba tùy chọn: hiển thị cạnh nhau, menu thả xuống hoặc popup.
- Vị trí: Chọn nơi công tắc ngôn ngữ sẽ xuất hiện trên trang web của bạn. Có nhiều tùy chọn vị trí khác nhau; đảm bảo nó dễ dàng truy cập đối với khách truy cập.
Bạn có thể kết hợp hiển thị cờ và tên ngôn ngữ, cờ và viết tắt ngôn ngữ hoặc chỉ tên ngôn ngữ. Việc sử dụng cả cờ và tên ngôn ngữ được khuyến nghị để người dùng dễ nhận biết hơn.
Bước 6: Đặt thiết kế lá cờ
Sau khi cấu hình hiển thị chính, tùy chỉnh thêm thiết kế của các lá cờ sẽ được hiển thị.
- Hiển thị tên ngôn ngữ: Bạn có thể chọn hiển thị tên ngôn ngữ dựa trên tên quốc gia hoặc tên ngôn ngữ chính nó. Ví dụ: bạn có thể hiển thị “Tiếng Pháp” hoặc “Français.”
- Loại cờ tiếng Anh: Tùy chọn này hữu ích cho các ngôn ngữ có nhiều biến thể, chẳng hạn như tiếng Anh Mỹ hoặc Anh (và cũng áp dụng cho tiếng Tây Ban Nha, Đài Loan, Đức và Bồ Đào Nha).
- Kiểu dáng cờ: Chọn hình dạng của biểu tượng cờ, có thể là hình tròn hoặc hình chữ nhật.
Bước 7: Tùy chỉnh màu sắc và kích thước
Sau khi định cấu hình thiết kế cờ, bạn có thể tùy chỉnh thêm màu sắc và kích thước của các cờ. Dưới đây là các cài đặt bạn có thể điều chỉnh:
- Bán kính viền cờ: Tùy chỉnh bán kính theo pixel cho kiểu cờ hình chữ nhật.
- Màu tên ngôn ngữ: Chọn màu văn bản mặc định để hiển thị tên ngôn ngữ.
- Màu sắc ngôn ngữ popup: Đặt màu sắc văn bản tiêu đề ngôn ngữ trong khu vực popup hoặc dropdown.
- Kích thước biểu tượng: Điều chỉnh kích thước của các biểu tượng quốc kỳ.
- Màu sắc khi di chuột qua tên ngôn ngữ: Đặt màu văn bản xuất hiện khi người dùng di chuột qua tên ngôn ngữ.
- Màu sắc ngôn ngữ popup khi di chuột: Đặt màu văn bản xuất hiện khi người dùng di chuột qua tiêu đề ngôn ngữ trong khu vực popup hoặc dropdown.
Bước 8: Thiết lập bóng hộp cờ
Cuối cùng, bạn có thể điều chỉnh cài đặt bóng hộp cờ. Tùy chọn đầu tiên cho phép bạn áp dụng hiệu ứng bóng cho mỗi biểu tượng cờ được hiển thị trên trang web của bạn. Tùy chọn tiếp theo kiểm soát hiệu ứng bóng khi người dùng di chuột qua các cờ ngôn ngữ.
Sau khi thực hiện tất cả các điều chỉnh mong muốn, nhấp vào nút Lưu để áp dụng các thay đổi tùy chỉnh. Sau đó, truy cập trang web Bubble của bạn để xác minh cấu hình đã được áp dụng thành công. Đây là cách bộ chuyển đổi ngôn ngữ sẽ xuất hiện.
Sau khi thiết lập, bạn có thể xem cách bộ chuyển đổi ngôn ngữ hoạt động trên trang web đa ngôn ngữ Bubble của bạn.
Tiếp theo, bạn có thể dịch trang web sang các ngôn ngữ khác như tiếng Tây Ban Nha.
Các phương pháp hay nhất để tối ưu hóa bộ chuyển đổi ngôn ngữ trên Bubble.io
Sau khi thiết lập thành công bộ chuyển đổi ngôn ngữ trên trang web đa ngôn ngữ Bubble , điều quan trọng là phải xem xét các mẹo để tối ưu hóa bộ chuyển đổi ngôn ngữ cho cả trang web và khách truy cập của bạn.
Sử dụng logo cờ ngôn ngữ dễ nhận biết
Khi triển khai bộ chuyển đổi ngôn ngữ trên trang web Bubble.io của bạn, việc sử dụng các biểu tượng hoặc cờ ngôn ngữ dễ nhận biết là rất quan trọng. Những tín hiệu trực quan này giúp người dùng nhanh chóng xác định và chọn ngôn ngữ ưa thích của họ. Ví dụ, biểu tượng quả địa cầu được hiểu rộng rãi để đại diện cho các tùy chọn ngôn ngữ. Ngoài ra, bạn có thể sử dụng cờ quốc gia, nhưng hãy lưu ý rằng điều này đôi khi có thể gây ra vấn đề vì ngôn ngữ không phải lúc nào cũng gắn liền với một quốc gia duy nhất.
Ví dụ: Trang web của Amazon sử dụng biểu tượng quả địa cầu nhỏ bên cạnh ngôn ngữ hiện tại được chọn (ví dụ: “EN”) trong thanh điều hướng trên cùng. Cách tiếp cận đơn giản nhưng hiệu quả này cho phép người dùng nhanh chóng tìm thấy các tùy chọn ngôn ngữ bất kể cài đặt ngôn ngữ hiện tại của họ.
Kết hợp tên ngôn ngữ cùng với cờ
Mặc dù cờ có thể hữu ích, nhưng không nên sử dụng chúng một mình. Bao gồm tên của ngôn ngữ trong ngôn ngữ gốc cùng với cờ hoặc biểu tượng cung cấp sự rõ ràng và tránh nhầm lẫn tiềm ẩn. Điều này đặc biệt quan trọng đối với các ngôn ngữ được nói ở nhiều quốc gia hoặc khu vực.
Ví dụ: Công tắc ngôn ngữ trên trang web Airbnb hiển thị tên ngôn ngữ và quốc kỳ. Ví dụ, nó hiển thị “Tiếng Anh (Mỹ)” với cờ Mỹ và “Français” với cờ Pháp. Sự kết hợp này đảm bảo người dùng có thể xác định chính xác tùy chọn ngôn ngữ ưa thích của mình.
Đặt vị trí nút chuyển đổi ngôn ngữ một cách chu đáo
Vị trí của bộ chuyển đổi ngôn ngữ là rất quan trọng đối với khả năng truy cập của người dùng. Các vị trí phổ biến bao gồm góc trên bên phải của tiêu đề, trong chân trang hoặc trong menu điều hướng chính. Chìa khóa là làm cho nó dễ dàng khám phá mà không làm lộn xộn khu vực nội dung chính.
Ví dụ: Trên trang web tiffany.com, bộ chuyển đổi ngôn ngữ nằm ở góc dưới bên phải của trang, luôn hiển thị và có thể truy cập. Việc đặt nhất quán này đảm bảo người dùng có thể nhanh chóng tìm thấy và sử dụng các tùy chọn ngôn ngữ bất kể họ đang ở đâu trên trang web.
Thiết kế bộ chuyển đổi ngôn ngữ để có khả năng phản hồi
Đảm bảo bộ chuyển đổi ngôn ngữ của bạn hoạt động tốt trên tất cả các thiết bị, từ máy tính để bàn đến điện thoại thông minh. Trên các màn hình nhỏ hơn, bạn có thể cần điều chỉnh thiết kế – ví dụ: sử dụng menu thả xuống thay vì danh sách các tùy chọn theo chiều ngang.
Ví dụ: Bộ chuyển đổi ngôn ngữ của trang web UNESCO thích ứng đẹp mắt trên nhiều thiết bị. Trên máy tính để bàn, nó xuất hiện dưới dạng danh sách ngang trong tiêu đề. Trên thiết bị di động, nó biến thành menu thả xuống nhỏ gọn, đảm bảo khả năng sử dụng mà không ảnh hưởng đến bố cục di động.
Đảm bảo bộ chuyển đổi ngôn ngữ nhất quán trên các trang
Duy trì cùng thiết kế, chức năng và vị trí của bộ chuyển đổi ngôn ngữ trên tất cả các trang của trang web Bubble.io. Sự thống nhất này giúp người dùng điều hướng trang web của bạn hiệu quả hơn, vì họ biết chính xác nơi tìm các tùy chọn ngôn ngữ bất kể trang hiện tại của họ.
Ví dụ: Trang web duy trì công tắc ngôn ngữ một cách nhất quán ở chân trang trên tất cả các trang, từ trang chủ đến trang sản phẩm và quy trình thanh toán. Sự nhất quán này đảm bảo người dùng có thể dễ dàng chuyển đổi ngôn ngữ bất cứ lúc nào trong quá trình duyệt hoặc mua sắm của họ.
Thiết lập bộ chuyển đổi ngôn ngữ trên trang web đa ngôn ngữ Bubble bằng cách sử dụng Linguise!
Bây giờ, bạn đã hiểu cách chọn ngôn ngữ cho trang web đa ngôn ngữ Bubble.io. Việc đọc ra bộ chọn ngôn ngữ có thể mang lại nhiều lợi ích và tiếp tục dẫn đến tối ưu hóa dựa trên các điểm đã đề cập trước đó.
Tối ưu hóa bộ chọn ngôn ngữ một cách hiệu quả có thể cải thiện đáng kể trải nghiệm người dùng. Đăng ký tài khoản Linguise, tích hợp nó với trang web Bubble.io của bạn và tùy chỉnh bộ chọn ngôn ngữ để cải thiện trải nghiệm người dùng.
