Mục lục
Yêu cầu truy cập Shopify
Bản dịch tự động AI trên đám mây để sử dụng với Shopify yêu cầu một số quyền truy cập để hoàn tất thiết lập:
- Quyền truy cập quản trị viên Shopify
- Quyền truy cập sửa đổi DNS miền
Quá trình thiết lập Shopify bao gồm 3 bước đơn giản:
- Đăng ký tên miền của bạn để ủy quyền dịch
- Sửa đổi DNS tên miền theo ngôn ngữ dịch
- Thêm liên kết trình chuyển đổi cờ ngôn ngữ vào chủ đề Shopify của bạn
Cách làm cho trang Shopify của bạn đa ngôn ngữ trong video
Đăng ký miền Shopify của bạn
Sau khi kết nối hoặc đăng ký với bảng điều khiển Linguise , bạn sẽ được yêu cầu đăng ký miền của mình để ủy quyền dịch.
Với mục đích đó, chỉ cần sao chép tên miền của bạn có https:// đi kèm và chọn Shopify làm nền tảng.
Sau đó, chọn ngôn ngữ nguồn và đích của bạn.
Lưu ý quan trọng về SEO: Số lượng ngôn ngữ bạn thiết lập có ảnh hưởng lớn đến SEO. Khi bạn thiết lập ngôn ngữ dịch, nếu bạn có một số lượng lớn các trang được lập chỉ mục (>500), công cụ tìm kiếm có thể mất nhiều thời gian để xử lý chúng. Nó có thể ảnh hưởng đến SEO của bạn bằng ngôn ngữ gốc của bạn. Đó là lý do tại sao chúng tôi khuyên bạn nên thêm tối đa 5 ngôn ngữ lúc đầu, sau đó khi nó được lập chỉ mục, bạn có thể thêm các ngôn ngữ theo đợt 3 ngôn ngữ mỗi tháng.
Sửa đổi DNS tên miền theo ngôn ngữ
Tự động thêm DNS tên miền bằng Entri
Khi bạn đã đăng ký thành công trang web của mình trong bảng điều khiển Linguise , bạn sẽ có hai tùy chọn để tiến hành cài đặt.
Có lẽ bạn sẽ thấy nội dung này, Nếu bạn muốn tự động thêm bản ghi DNS, bạn có thể 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, sẽ tự động thêm các bản ghi DNS của bạn, cho phép bạn tiến hành cài đặt một cách dễ dàng. Tùy chọn khác là sao chép thủ công DNS trong nhà cung cấp tên miền của bạn.
Sau khi nhấp vào nút, Entri sẽ phân tích URL trang web đã đăng ký của bạn và kiểm tra bản ghi DNS công khai của bạn. Dựa vào đó, nó sẽ xác định nhà cung cấp và DNS được yêu cầu.
Tiếp theo, bạn có thể nhấp vào “ Ủy quyền với [nhà cung cấp tên miền của bạn] ” (trong ví dụ này là Cloudflare). Sau đó, bạn sẽ thấy bảng điều khiển thay đổi thành 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 bạn đăng nhập vào nhà cung cấp tên miền của mình, Entri sẽ thực hiện phần còn lại, tự động thêm các bản ghi DNS thích hợp. Một DNS cho mỗi ngôn ngữ + một DNS TXT cho khóa xác thực.
Bạn sẽ có thể thấy DNS được thêm vào trong miền của mình. Ví dụ:
Khi bạn đã ủy quyền, Entri sẽ thông báo cho bạn rằng tất cả cài đặt DNS đã được định cấu hình thành công.
Bạn sẽ có thể sử dụng tính năng dịch ngay sau khi tất cả các mục DNS đã được phổ biến trên miền của bạn (thường mất 20/30 phút).
Nếu bạn thích Cài đặt thủ công , bạn cũng có thể thực hiện việc này theo cách thủ công bằng cách làm theo các bước mà chúng tôi sẽ cung cấp bên dưới.
Sao chép bản ghi DNS
Sau khi xác thực miền của mình, bạn sẽ được chuyển hướng đến màn hình nơi DNS cần thêm vào miền của bạn đã sẵn sàng để sao chép. Tùy thuộc vào công ty lưu trữ của bạn, việc thiết lập tên miền có thể hơi khác một chút nhưng tên trường khá chuẩn. Những bản ghi này được yêu cầu để tải các trang đa ngôn ngữ trên trang web của bạn như fr.domain.com, es.domain.com…
Dưới đây là các yếu tố chính.
Sau đó, bạn cần kết nối với trình quản lý miền của mình và truy cập khu vực thiết lập DNS. Sau đó làm theo hướng dẫn, bạn có thể 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 thêm tất cả bản ghi, cấu hình của bạn sẽ trông như thế.
Cấu hình DNS cụ thể trên miền Shopify
Trên Shopify , bạn có khả năng quản lý cấu hình DNS của mình trong nền tảng Shopify .
Cụ thể, bạn có thể truy cập và sửa đổi cài đặt DNS thông qua Shopify bằng cách điều hướng đến ' Miền '. Trong phần này, bạn có thể thêm và chỉnh sửa cấu hình DNS của mình nếu cần.
Sau đó, bạn có thể chọn Trang web chính và ở góc trên bên phải, bạn sẽ tìm thấy tùy chọn có nhãn ' Cài đặt tên miền '.
Bằng cách nhấp vào tùy chọn này, bạn sẽ có quyền truy cập vào ' Chỉnh sửa cài đặt DNS ', nơi bạn có thể tiến hành thêm bản ghi DNS mới. Bạn có thể thêm bản ghi CNAME và TXT.
Cuối cùng, bản ghi CNAME và TXT của bạn sẽ xuất hiện như hình ảnh sau:
Điều quan trọng cần lưu ý là Shopify có quy tắc riêng để thêm Cấu hình DNS. Hãy chắc chắn rằng bạn làm theo các bước trước đó.
- Khi thiết lập bản ghi CNAME , hãy đảm bảo rằng tên là ngôn ngữ để dịch
- Khi thiết lập bản ghi TXT, hãy đảm bảo tên là _ linguise
Shopify sẽ đọc bản ghi dns mà bạn đã thêm và bản ghi này sẽ được phổ biến tương ứng.
Xác minh xác thực DNS
Sau khi thêm tất cả các bản ghi vào DNS tên miền của bạn, bạn có thể kiểm tra mức độ lan truyền DNS bằng cách nhấp vào nút Kiểm tra cấu hình DNS.
Quá trình xác thực DNS thường mất từ 30 phút đến 1 giờ. Sau đó, bạn sẽ thấy các chấm màu xanh lục ở phần bên phải của 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 Shopify của mình, chỉ thiếu liên kết đến trình chuyển đổi ngôn ngữ có cờ quốc gia.
Thêm trình chuyển đổi ngôn ngữ vào Shopify
Trình chuyển đổi ngôn ngữ là cửa sổ bật lên gắn cờ để chọn ngôn ngữ bạn muốn. Để tải mã này, bạn cần sao chép mã ở đầu trang Shopify . Trình chuyển đổi ngôn ngữ cờ sau đó sẽ được tải tự động trên trang web công cộng của bạn.
Liên kết để sao chép đượ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. Sao chép liên kết vào clipboard.
Sau đó, trong Shopify , mở Cửa hàng trực tuyến > Chủ đề
Nhấp vào ba dấu chấm của chủ đề hiện tại của bạn và Chỉnh sửa mã.
Cuối cùng, mở tệp theme.liquid và dán mã tập lệnh vào sau tệp cuối cùng.
Bây giờ, trên giao diện Shopify của bạn, bạn nên có sẵn trình chuyển đổi ngôn ngữ Linguise .
Thiết kế trình chuyển đổi ngôn ngữ Shopify
Trình chuyển đổi ngôn ngữ có thể được tùy chỉnh từ Linguise > Cài đặt > Hiển thị cờ ngôn ngữ. Mọi sửa đổi ở đây sẽ được phản ánh trên trang web.
Ở bên phải màn hình, bạn có bản xem trước của trình chuyển đổi ngôn ngữ. Dưới đây là các yếu tố bạn có thể thiết lập:
- 3 bố cục: cạnh nhau, thả xuống hoặc bật lên
- Vị trí chuyển đổi ngôn ngữ
- Nội dung trình chuyển đổi ngôn ngữ
- Tên ngôn ngữ bằng tiếng Anh hoặc tiếng mẹ đẻ
- Cờ hình dạng và kích thước
- Màu sắc và bóng hộp
Tải trình chuyển đổi ngôn ngữ trong nội dung Shopify
Để hiển thị Bộ chuyển đổi ngôn ngữ tại địa điểm cụ thể, trong Shopify , bạn nên đặt vị trí là “Tại chỗ”.
Khi bạn đã đặt vị trí trong Linguise , bạn có thể thêm mã ngắn bên dưới để đưa nó vào. Nhấp vào mã bên dưới để đặt nó vào clipboard của bạn.
Sau khi được thêm vào, trên giao diện người dùng, bạn sẽ thấy cờ và tên ngôn ngữ được hiển thị trong vùng HTML mà bạn đã thêm mã.
Cấu hình miền Shopify cho Google ReCAPTCHA
Google ReCAPTCHA là một dịch vụ miễn phí được sử dụng để ngăn chặn thư rác, chẳng hạn như trong các biểu mẫu liên hệ. Để miền này khả dụng trong Shopify , bạn cần đăng ký miền phụ đa ngôn ngữ trong trang quản trị Shopify .
Mở cài đặt cửa hàng và cài đặt tên miền.
Sau đó bấm vào Kết nối tên miền hiện có
Thêm tên miền phụ ngôn ngữ hiện có, ví dụ: nếu bạn có trang web bằng tiếng Pháp, thì đó sẽ là fr.yourwebsite.com
Sau đó bấm vào Kết nối tên miền hiện có
Thêm tên miền phụ ngôn ngữ hiện có, ví dụ: nếu bạn có trang web bằng tiếng Pháp, thì đó sẽ là fr.yourwebsite.com
Fianly, hãy thêm [lang].yourwebsite.com, đối với mỗi ngôn ngữ dịch, bạn phải hiển thị reCAPTCHA trên giao diện người dùng.
Trình chỉnh sửa bản dịch giao diện người dùng trên Shopify
Trình chỉnh sửa giao diện người dùng tạo điều kiện cho người dịch sửa đổi mọi nội dung HTML trên Shopify bằng bất kỳ ngôn ngữ nào. Bạn có thể chỉnh sửa một trang bằng cách nhấp vào thành phần trang và thay thế văn bản, liên kết hoặc hình ảnh.
Nếu bạn đang sử dụng một trong các chủ đề miễn phí do Shopify cung cấp, bạn có thể cần chỉnh sửa CSS của chủ đề để có quyền truy cập vào tất cả HTML, đó là do họ đã sử dụng một số phần tử giả không chuẩn.
Đầu tiên, chỉnh sửa mã chủ đề, sau đó mở tệp base.css hoặc bất kỳ tệp CSS nào khác được tải trên cửa hàng Shopify của bạn.
Đây là mã để thêm vào tệp CSS của bạn:
/* CUSTOM CSS FOR LIVE EDITOR LINGUISE
--------------------------------------------------------------------*/
/* Remove the problem of frontend editor on product and blog listing */
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
content: none !important;
}
.card__heading a:after, .card--card:after, .card--standard .card__inner:after {
content: none !important;
}
/* Add back the button border */
button.button {
border: 2px solid #0E1B4D;
border-radius: 20px;
}
/* END CUSTOM CSS
--------------------------------------------------------------------*/