Hello for Shopify

1. Hello에 가입하기 - 계정을 생성하면 Zonos 대시보드에 접근할 수 있습니다.
2. 설치 - 아래 지침에 따라 Shopify 플랫폼에 Hello를 설치하세요.

참고: Zonos 자격 증명, 귀하의 Hello 사이트 키를 포함하여 https://dashboard.zonos.com/settings/dashboard/integrate에서 찾을 수 있습니다.

Hello를 설치할 준비가 되셨나요? 시작하게 되어 기쁩니다!

1. 여기로 가서 무료 가입하기를 클릭하여 시작하세요.

2. 등록 프로세스를 마치면, Zonos 계정을 활성화하기 위한 이메일을 확인하세요.

3. 이메일을 확인한 후, 귀하의 맞춤형 Hello 스크립트가 포함된 두 번째 이메일을 받게 됩니다.

4. 이메일에서 맞춤형 Hello 스크립트를 복사하세요.

참고: Hello가 독립형 플러그인으로서 최대한 정확하게 작동하도록 배송 등급을 추가하세요.

1. 이제 Shopify 상점에 로그인하고 온라인 상점으로 이동하세요.
2. 현재 테마에서 작업 -> 코드 편집을 클릭하세요.
3. 테마 파일에서 theme.liquid를 클릭하세요.
4. theme.liquid 파일의 하단에 닫는 body 태그 전에 귀하의 맞춤형 Zonos 스크립트를 배치하세요.
5. 다음으로, 저장을 클릭하세요.
6. 이제 귀하의 웹사이트 홈페이지에서 Hello를 볼 수 있어야 합니다. 그렇지 않다면, 강제 새로 고침을 하거나 clear 캐시를 지워보세요.

Shopify를 플랫폼으로 사용하고 있다면, Shopify 제품 세부정보에서 제품 데이터를 가져오는 스크립트를 사용할 수 있습니다.

아래 코드는 제품 페이지와 장바구니 페이지에서 실행되는 기능을 포함하고 있습니다.

<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>

Hello를 사용하여 국제 쇼핑객에게서 콘텐츠를 숨깁니다.

z-intl 클래스는 현재 국내 국가를 기반으로 합니다. Hello가 국제 국가로 설정되면, z-intl 클래스는 숨겨진 클래스로 작용하여 z-intl에 연결된 콘텐츠를 숨깁니다.

다음 CSS를 사용하여 콘텐츠를 숨깁니다. your-content를 숨기고 싶은 플로팅 콘텐츠로 교체하세요.
z-intl your-content { display: none; }

이제 Hello를 국내 고객에게서 숨겨 다른 대화 상자를 위한 공간을 만들 수 있습니다.

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

#zonos ID와 해당 국가의 CSS 클래스로 사용되는 국가 코드를 결합하여 z-intl { display: none; } 함수에 추가합니다.

해당 줄은 다음과 같이 보일 것입니다:

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