Đặt trình chuyển đổi ngôn ngữ trên Bubble.io có thể giúp người dùng chuyển đổi ngôn ngữ dễ dàng hơn. 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ã 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 ra các ứng dụng đa ngôn ngữ mà không cần có kiến thức sâu rộng về mã hóa.
Để triển khai trình chuyển đổi ngôn ngữ trong Bubble.io, nhà phát triển thường bắt đầu bằng cách xác định ngôn ngữ họ muốn hỗ trợ trong cài đặt của ứng dụng. Sau đó, họ tạo 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ề việc thiết lập trình chuyển đổi ngôn ngữ trên Bubble.io với một trong những trang web dịch vụ dịch tự động.
Tại sao trình chuyển đổi ngôn ngữ lại quan trọng trên trang web Bubble.io?
Việc thêm trình chuyển đổi ngôn ngữ trên một trang web không phải là không có lý do. Đây là lý do tại sao bạn cần thiết lập một trang web trên trang web Bubble.
- Giúp người dùng ở các quốc gia khác dễ dàng hơn: Trình chuyển đổi 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 tiế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 họ hiểu chi tiết sản phẩm và hoàn tất giao dịch mua hàng dễ dàng hơn. Các nghiên cứu của CSA Research cho thấy 76% người mua sắm trực tuyến thích mua sản phẩm hơn khi có thông tin bằng ngôn ngữ của họ, điều này nêu bật 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 trình chuyển đổi 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 bằng tiế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 hơn trong các tìm kiếm trên Google bằng tiếng Pháp. Khả năng hiển thị được cải thiện này có thể làm tăng đáng kể lưu lượng truy cập quốc tế.
- Tăng chuyển đổi bán hàng: Cung cấp nội dung bằng nhiều ngôn ngữ có thể thúc đẩy doanh số bán hàng. 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 lượng khán giả 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 mức độ tương tác và giữ chân người dùng: Trình chuyển đổi ngôn ngữ có thể giữ người dùng ở lại 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 ứng dụng mạng xã hội có xu hướng tương tác lâu hơn. Mức độ tương tác tăng lên 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 các trang web bằng ngôn ngữ thứ hai, dẫn đến khả năng giữ chân người dùng tốt hơn.
Cách thiết lập trình chuyển đổi 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 Bubble.io đa ngôn ngữ, hãy thảo luận về cách triển khai nó. Các dịch vụ dịch thuật trang web thường cung cấp tính năng này và 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 thuật đều cung cấp trình chuyển đổi ngôn ngữ có thể tùy chỉnh và thân thiện với người dùng. Vì vậy, việc lựa chọn một dịch vụ dịch thuật tự động tương thích với nhiều framework khác nhau và cung cấp 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 cung cấp tính năng chuyển đổi ngôn ngữ có khả năng tùy chỉnh cao và dễ sử dụng, tích hợp với các CMS và trình tạo web phổ biến như Bubble.io.
Linguise cung cấp khả năng tích hợp liền mạch với Bubble, cho phép các nhà phát triển dễ dàng kết hợp việc 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 nâng cao 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ì trình chuyển đổi ngôn ngữ trên trang web Bubble của mình.
Dưới đây là các bước để cài đặt Linguise trên trang web Bubble.io và thiết lập trình chuyển đổi 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 và thêm tên miền trang web của bạn. Bạn có thể sử dụng bản dùng thử miễn phí 30 ngày trước khi chọn gói đăng ký.
Sau đó, bạn sẽ cần phải đăng ký tên miền của mình để cho phép dịch. Sao chép tên miền của bạn, bao gồm “https://” và chọn “other” làm nền tảng.
Tiếp theo, chọn ngôn ngữ nguồn và đí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.
Để bổ sung bản ghi DNS tự động, hãy nhấp vào “Tự động kết nối DNS của bạn”. 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 sang nhà cung cấp tên miền của mình.
Việc 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 của bạn, 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 sẽ 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ài đặt DNS đã được cấu hình thành công. Tính năng dịch sẽ có thể sử dụng được sau khi tất cả các mục nhập DNS lan truyền trên miền của bạn, thường mất 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 hướng đến màn hình hiển thị các bản ghi DNS cần thiết để thiết lập các trang đ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 thành phần này vào cấu hình DNS Bubble.io của bạn.
Tiếp theo, truy cập 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 nhiều 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ả 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ả bản ghi vào DNS tên miền của bạn, hãy nhấp vào nút “Kiểm tra cấu hình DNS” để xác minh việc truyền bá DNS.
Quá trình xác thực DNS thường mất khoảng 30 phút đến 1 giờ. Sau khi hoàn tất, bạn sẽ thấy chỉ báo màu xanh lục 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 với trình chuyển đổi ngôn ngữ bằng cờ quốc gia.
Bước 5: Kích hoạt và chuyển đổi ngôn ngữ
Trình chuyển đổi ngôn ngữ là một cửa sổ bật lên gắn cờ cho phép người dùng chọn ngôn ngữ ưa thích của họ. Để triển khai mã này, hãy sao chép mã được cung cấp ở cuối quá trình đăng ký miền hoặc trong cài đặt miền vào tiêu đề của các trang trên trang web Bubble.io của bạn. Trình chuyển đổi ngôn ngữ cờ sau đó sẽ tự động xuất hiện trên trang web công cộng của bạn.
Tiếp theo, đi tới bảng điều khiển trang web Bubble của bạn. Nhấp vào 'Cài đặt' trong menu thanh bên trái và chọn “SEO / thẻ meta”.
Cuộn xuống “Thẻ Script/meta trong tiêu đề” trong “Cài đặt nâng cao”. Dán Linguise bạn đã sao chép trước đó, sau đó nhấp vào 'Lưu' và xuất bản trang web của bạn.
Bước 5: Cấu hình màn hình chính
Để bắt đầu thiết lập trình chuyển đổi ngôn ngữ, hãy điều hướng đến “Cài đặt” > “Hiển thị cờ ngôn ngữ” trong 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 cửa sổ bật lên.
- Vị trí: Chọn nơi trình chuyển đổi ngôn ngữ sẽ xuất hiện trên trang web của bạn. Có sẵn nhiều tùy chọn vị trí khác nhau; đảm bảo du khách có thể dễ dàng tiếp cận.
Bạn có thể kết hợp hiển thị cờ và tên ngôn ngữ, cờ và chữ viết tắt ngôn ngữ hoặc chỉ tên ngôn ngữ. Nên sử dụng cả cờ và tên ngôn ngữ để người dùng nhận dạng dễ dàng hơn.
Bước 6: Đặt thiết kế của lá cờ
Sau khi định cấu hình màn hình chính, hãy tùy chỉnh thêm thiết kế của các lá cờ sẽ được hiển thị.
- Tên ngôn ngữ hiển thị: 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 chính tên ngôn ngữ. Ví dụ: bạn có thể hiển thị “tiếng Pháp” hoặc “tiếng Pháp”.
- 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 tiếng Anh Anh (và cũng áp dụng cho tiếng Tây Ban Nha, tiếng Đài Loan, tiếng Đức và tiếng Bồ Đào Nha).
- Kiểu cờ: Chọn hình dạng của biểu tượng lá cờ, 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ờ. Dưới đây là các cài đặt bạn có thể điều chỉnh:
- Bán kính đường viền cờ: Tùy chỉnh bán kính tính bằng 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 ngôn ngữ bật lên: Đặt màu của văn bản tiêu đề ngôn ngữ trong khu vực bật lên hoặc thả xuống.
- Kích thước lá cờ: Điều chỉnh kích thước của biểu tượng lá cờ.
- Màu di chuột của 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 di chuột của ngôn ngữ bật lên: Đặ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 bật lên hoặc thả xuống.
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 của hộp cờ. Tùy chọn đầu tiên cho phép bạn áp dụng hiệu ứng đổ bóng cho từng biểu tượng lá 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ờ ngôn ngữ.
Khi bạn đã thực hiện tất cả các điều chỉnh mong muốn, hãy nhấp vào nút Lưu để áp dụng các thay đổi tùy chỉnh. Sau đó, hãy 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 trình chuyển đổi ngôn ngữ sẽ xuất hiện.
Sau khi thiết lập, bạn có thể xem cách hoạt động của trình chuyển đổi ngôn ngữ trên trang web đa ngôn ngữ Bubble của mình.
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 trình chuyển đổi ngôn ngữ trên Bubble.io
Sau khi thiết lập thành công trình 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 trình 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 trình chuyển đổi ngôn ngữ trên trang web Bubble.io của bạn, việc sử dụng cờ hoặc biểu tượng 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 phổ biến là thể hiện 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 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.
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 được chọn (ví dụ: “EN”) ở 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 xác định 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 chúng không nên được sử dụng một mình. Việc bao gồm tên của ngôn ngữ bằng chữ viết gốc cùng với cờ hoặc biểu tượng sẽ mang lại sự rõ ràng và tránh nhầm lẫn có thể xảy ra. Điều này đặc biệt quan trọng đối với các ngôn ngữ được sử dụng ở nhiều quốc gia hoặc khu vực.
Ví dụ: Trình chuyển đổi ngôn ngữ trên trang web Airbnb hiển thị tên ngôn ngữ và cờ quốc gia. Ví dụ: nó hiển thị “Tiếng Anh (Mỹ)” với cờ Hoa Kỳ 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 họ.
Đặt nút chuyển đổi ngôn ngữ một cách chu đáo
Vị trí của trình chuyển đổi ngôn ngữ 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 cùng bên phải của tiêu đề, ở chân trang hoặc trong menu điều hướng chính. Điều quan trọng là làm cho nó dễ dàng được 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, trình chuyển đổi ngôn ngữ nằm ở góc dưới cùng bên phải của trang, luôn hiển thị và có thể truy cập được. Vị trí 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ọ ở đâu trên trang web.
Thiết kế trình chuyển đổi ngôn ngữ để đáp ứng
Đảm bảo trình 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 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 tùy chọn theo chiều ngang.
Ví dụ: Trình chuyển đổi ngôn ngữ của trang web UNESCO thích ứng tuyệt vời trên các thiết bị. Trên máy tính để bàn, nó xuất hiện dưới dạng danh sách nằm ngang trong tiêu đề. Trên thiết bị di động, nó chuyể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 trên thiết bị di động.
Đảm bảo trình chuyển đổi ngôn ngữ nhất quán trên các trang
Duy trì cùng một thiết kế, chức năng và vị trí của trình chuyển đổi ngôn ngữ trên tất cả các trang trên trang web Bubble.io của bạn. Tính nhất quán 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 thấy các tùy chọn ngôn ngữ bất kể trang hiện tại của họ là gì.
Ví dụ: Trang web duy trì trình chuyển đổi 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. Tính nhất quán này đảm bảo rằng 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 web hoặc mua sắm.
Thiết lập trình chuyển đổi ngôn ngữ trên trang web đa ngôn ngữ Bubble bằ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. Đọc bộ chọn ngôn ngữ có thể mang lại nhiều lợi ích khác nhau và dẫn đến tối ưu hóa hơn nữ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 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.