Việc thiết lập 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 hữu ích cho các ứng dụng có đối tượng người dù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 kiến thức lập trình chuyên sâu.
Để triển khai trình 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 ngôn ngữ họ muốn hỗ trợ trong phần cài đặt của ứng dụng. Sau đó, họ tạo một menu thả xuống hoặc nút bấ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 các trang web dịch vụ dịch tự động.
Tại sao công cụ chuyển đổi ngôn ngữ lại quan trọng trên trang web Bubble.io?
Việc thêm công cụ chuyển đổi ngôn ngữ vào website 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 công cụ này trên website Bubble .
- Giúp người dùng ở các quốc gia khác dễ dàng hơn: Bộ 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 Tây Ban Nha truy cập vào cửa hàng trực tuyến có thể chuyển sang tiếng Tây Ban Nha, giúp họ dễ dàng hiểu chi tiết sản phẩm và hoàn tất giao dịch mua hàng. 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 khi thông tin được cung cấp bằng ngôn ngữ của họ, điều này 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 truy cập của người dùng.
- Tối ưu hóa trang web trong kết quả tìm kiếm ở các quốc gia khác: Với trình chuyển đổi ngôn ngữ, 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 ngôn ngữ nước ngoài. Ví dụ: phiên bản tiếng Pháp của trang web sẽ có nhiều khả năng xuất hiện hơn trong các tìm kiếm bằng tiếng Pháp trên Google. 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 tỷ lệ 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. 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 được nhiều đối tượng hơn và tăng số lượng học viên đă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ọ, từ đó tác động trực tiếp đến tỷ lệ chuyển đổi của bạn.
- Tăng cường sự tương tác và giữ chân người dùng: Chức năng chuyển đổi ngôn ngữ có thể giúp 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 thường duy trì sự tương tác lâu hơn. Sự gia tăng tương tác này rất quan trọng, vì người dùng thường dành thời gian gấp đôi 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 tỷ lệ 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
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 cùng thảo luận về cách triển khai tính năng này. 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 thuật đều cung cấp các công cụ chuyển đổi ngôn ngữ tùy chỉnh và thân thiện với người dùng. Do đó, 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 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 cung cấp tính năng chuyển đổi ngôn ngữ dễ sử dụng và có thể tùy chỉnh cao, tích hợp với các CMS và trình xây dựng 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 tích hợp tính năng 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ì bộ chuyển đổi ngôn ngữ trên trang web Bubble của mình.
Sau đây là các bước để cài đặt Linguise trên 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
Hãy bắt đầu bằng cách tạo tài khoản Linguise và thêm tên miền trang web của bạn. Bạn có thể tận dụng bản dùng thử miễn phí 30 ngày trước khi chọn gói đăng ký.
Tiếp theo, bạn cần đăng ký tên miền của mình để cấp phép dịch thuật. 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, hãy chọn ngôn ngữ nguồn và ngôn ngữ đích.
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, hãy nhấp vào “Kết nối DNS tự động”. Tính năng này, được gọi là Entri, giúp đơ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ũng 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.
Khi nhấp vào nút này, Entri sẽ 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à các bản ghi DNS cần thiết.
Tiếp theo, hãy nhấp vào “Xác thực với [nhà cung cấp tên miền của bạn]” (ví dụ: Cloudflare). Thao tác 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 phù hợp — một bản ghi DNS cho mỗi ngôn ngữ và một bản ghi DNS dạng TXT cho khóa xác thực — vào tên miền của bạn.
Sau khi được xác thực, Entri sẽ thông báo cho bạn rằng tất cả các thiết lập DNS đã được cấu hình thành công. Tính năng dịch địa chỉ IP sẽ khả dụng sau khi tất cả các bản ghi DNS được cập nhật trên tên miền của bạn, thường mất từ 20 đến 30 phút.
Đối với cài đặt thủ công, bạn có thể làm theo các bước được cung cấp bên dưới.
Bước 3: Sao chép bản ghi DNS
Đối với 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 mình, 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ý tên 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à các 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 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 quá trình lan truyền 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 các chỉ báo 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; việc còn lại là liên kết đến trình chuyển đổi ngôn ngữ kèm theo cờ quốc gia.
Bước 5: Kích hoạt bộ chuyển đổi ngôn ngữ
Công cụ chuyển đổi ngôn ngữ là một cửa sổ bật lên dạng cờ cho phép người dùng chọn ngôn ngữ ưa thích. Để triển khai, hãy sao chép mã được cung cấp ở cuối quy trình đăng ký tên miền hoặc trong phần cài đặt tên miền vào tiêu đề trang web Bubble.io của bạn. Sau đó, công cụ chuyển đổi ngôn ngữ dạng cờ sẽ tự động xuất hiện trên trang web công khai của bạn.
Tiếp theo, hãy vào Bubble . Nhấp vào "Cài đặt" trong menu thanh bên trái và chọn "SEO / thẻ meta".
Cuộn xuống phần “Script/meta tags in header” trong mục “Advanced Settings”. Dán Linguise bạn đã sao chép trước đó vào, sau đó nhấp vào 'Save' 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 bộ 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 vị trí hiển thị của công tắc ngôn ngữ trên trang web của bạn. Có nhiều tùy chọn vị trí khác nhau; hãy đảm bảo công tắc 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à chữ viết tắt của ngôn ngữ, hoặc chỉ hiển thị tên ngôn ngữ. Nên sử dụng cả cờ và tên ngôn ngữ để người dùng dễ nhận biết hơn.
Bước 6: Thiết kế lá cờ
Sau khi 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ị “French” 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 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 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 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 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 chữ khi rê chuột vào tên ngôn ngữ: Thiết lập màu chữ hiển thị khi người dùng rê 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 đổ cho hộp cờ
Cuối cùng, bạn có thể điều chỉnh cài đặt đổ bóng cho khung 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 điều khiển 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, 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. Trình chuyển đổi ngôn ngữ sẽ hiển thị như sau.
Sau khi thiết lập, bạn có thể thấy trình chuyển đổi ngôn ngữ hoạt động như thế nào 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.
Thực hành tốt 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 cân nhắc 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 biểu tượng 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. Ví dụ: biểu tượng quả địa cầu được hiểu rộng rãi là đạ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 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 đang được chọn (ví dụ: “EN”) trên thanh điều hướng phía trên. 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ọ là gì.
Kết hợp tên ngôn ngữ cùng với tên quốc kỳ
Mặc dù cờ có thể hữu ích, nhưng không nên chỉ sử dụng riêng cờ. Việc thêm tên ngôn ngữ bằng chữ viết bản địa bên cạnh cờ hoặc biểu tượng sẽ giúp rõ ràng hơn và tránh nhầm lẫn. Đ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ụ: Công cụ chuyển đổi ngôn ngữ trên trang web Airbnb hiển thị tên ngôn ngữ và quốc kỳ. Chẳng hạn, nó hiển thị “Tiếng Anh (Mỹ)” với quốc kỳ Mỹ, và “Tiếng Pháp” với quốc kỳ 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 ngôn ngữ ưa thích của họ.
Hãy đặt nút chuyển đổi ngôn ngữ ở vị trí thích hợp
Vị trí đặt công tắc 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 bên phải của tiêu đề, trong chân trang hoặc trong menu điều hướng chính. Điều quan trọng là phải làm cho nó dễ tìm thấy mà không làm rối mắt khu vực nội dung chính.
Ví dụ: Trên trang web tiffany.com, nút 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à dễ truy cập. Vị trí nhất quán này đảm bảo người dùng có thể nhanh chóng tìm 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ữ sao cho tương thích với nhiều thiết bị
Hãy đảm bảo bộ chuyển đổi ngôn ngữ của bạn hoạt động tốt trên mọi 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 nằm ngang.
Ví dụ: Bộ chuyển đổi ngôn ngữ của trang web UNESCO tự động điều chỉnh rất tốt trên nhiều thiết bị. Trên máy tính để bàn, nó hiển thị dưới dạng danh sách ngang ở phần đầu trang. Trên thiết bị di động, nó chuyển thành một menu thả xuống nhỏ gọn, đảm bảo tính khả dụng mà không làm ảnh hưởng đến bố cục trên thiết bị di động.
Đảm bảo bộ chuyển đổi ngôn ngữ hoạt động nhất quán trên tất cả 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 của trang web Bubble.io. Sự nhất quán này giúp người dùng điều hướng trang web hiệu quả hơn, vì họ biết chính xác vị trí tìm 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ì nhất quán nút chuyển đổi ngôn ngữ ở chân trang trên tất cả các trang, từ trang chủ đến trang sản phẩm và trang 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 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. Việc đọc kỹ bộ chọn ngôn ngữ có thể mang lại nhiều lợi ích và giúp 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ữ hiệu quả có thể cải thiện đáng kể trải nghiệm người dùng. Hãy đăng ký Linguise , tích hợp với 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.
