Hello cho Shopify

1. Đăng ký cho Hello - Sau khi bạn tạo tài khoản, bạn sẽ được cấp quyền truy cập vào Bảng điều khiển Zonos.
2. Cài đặt - Làm theo hướng dẫn dưới đây để cài đặt Hello cho nền tảng Shopify của bạn.

Lưu ý: Thông tin xác thực Zonos, bao gồm khóa trang web Hello, có thể được tìm thấy tại https://dashboard.zonos.com/settings/dashboard/integrate.

Sẵn sàng cài đặt Hello? Chúng tôi rất vui được bắt đầu cùng bạn!

1. Đi đến đây và nhấp vào Đăng ký miễn phí để bắt đầu.

2. Sau khi bạn hoàn tất quy trình đăng ký, hãy kiểm tra hộp thư đến của bạn để nhận email kích hoạt tài khoản Zonos của bạn.

3. Sau khi xác minh email của bạn, bạn sẽ nhận được một email thứ hai với mã script Hello tùy chỉnh của bạn.

4. Sao chép mã script Hello tùy chỉnh được tìm thấy trong email.

Lưu ý: Thêm một đánh giá lô hàng để đảm bảo rằng Hello sẽ hoạt động chính xác nhất có thể như một plugin độc lập.

1. Bây giờ, hãy đăng nhập vào cửa hàng Shopify của bạn và đi đến Cửa hàng trực tuyến.
2. Trên chủ đề hiện tại của bạn, nhấp vào Hành động -> Chỉnh sửa mã.
3. Trong các tệp chủ đề của bạn, nhấp vào theme.liquid.
4. Ở cuối tệp theme.liquid, đặt mã script Zonos tùy chỉnh của bạn trước thẻ đóng body.
5. Tiếp theo, nhấn Lưu.
6. Bây giờ bạn nên thấy Hello trên trang chính của trang web của bạn. Nếu không, hãy thử làm mới cứng hoặc clear bộ nhớ cache của bạn.

Nếu bạn đang sử dụng Shopify làm nền tảng của mình, chúng tôi có một mã script mà bạn có thể sử dụng để lấy dữ liệu sản phẩm từ chi tiết sản phẩm Shopify của bạn.

Mã dưới đây có một hàm sẽ chạy trên các trang sản phẩm và trang giỏ hàng.

<script>
    function znDutyTaxEstimateOnDetailPage() {
        {% if product and product.price %}
          zonos.quote({
            items: [{ price: "{{ product.price | money_without_currency }}", name: "{{product.title | replace: '"', '\"'}}", url: "{{ shop.secure_url }}{{ product.url }}", image: "https:{{ product.featured_image | product_img_url: 'medium' }}"}],
            currencyCode: '{{ shop.currency }}'

          });

      {% endif %}

  }

  function znDutyTaxEstimateOnCartPage() {
  if (window.location.href.indexOf("cart") > -1) {
  zonos.quote({
  items: [
  {% for item in cart.items %}
  { price: "{{ item.price | money_without_currency }}", quantity: {{item.quantity}}, name: "{{ item.title | replace: '"', '\"'}}", url: "{{ shop.secure_url }}{{item.url}}", image: "https:{{item.image| product_img_url: 'medium'}}"},
  {% endfor %}
  ],currencyCode: '{{ shop.currency }}'});
  }
  }

  znDutyTaxEstimateOnDetailPage();
  znDutyTaxEstimateOnCartPage();
</script>

Sử dụng Hello để ẩn nội dung khỏi người mua quốc tế.

Lớp z-intl dựa trên quốc gia nội địa hiện tại. Nếu Hello được đặt cho một quốc gia quốc tế, lớp z-intl sẽ hoạt động như một lớp ẩn, ẩn nội dung mà z-intl được liên kết đến.

Sử dụng CSS sau để ẩn nội dung. Thay thế your-content bằng nội dung đang nổi bạn muốn ẩn.
z-intl your-content { display: none; }

Bây giờ bạn có thể ẩn Hello khỏi khách hàng nội địa để tạo chỗ cho các hộp thoại khác.

#zonos {
  display: none;
}
z-intl #zonos {
  display: block;
}

Thêm id #zonos kết hợp với mã quốc gia mà cũng là lớp CSS cho quốc gia đó vào hàm z-intl { display: none; }.

Dòng này nên trông giống như sau:

z-intl #zonos.US {
  display: none;
}