Hello•

Hello 이벤트

Hello 이벤트 사용 방법.

어떻게 Zonos Hello가 이벤트와 메서드를 사용하는지, 그리고 이를 통해 전자상거래 웹사이트를 향상시킬 수 있는 방법을 배워보세요.

`z-country-change`

이 이벤트는 국가가 변경될 때마다 발생하며, 초기 국가 선택도 포함됩니다. 이벤트의 detail 속성은 code와 name을 포함하는 객체입니다.

속성	설명
`code`	제품이 원산지인 국가의 두 글자 ISO 코드
`name`	국가 이름

Hello 통합 스크립트

{
  "code": "US",
  "name": "United States"
}

`z-duty-tax-quote`

이 이벤트는 세금 및 관세 견적 응답이 수신되면 발생합니다. 이벤트 detail 속성은 다음 속성을 가진 객체입니다:

속성	설명
`subtotal`	견적이 기반한 항목 소계
`taxOrVat`	소계를 기반으로 견적된 예상 판매세 또는 부가가치세(VAT) 금액
`dutyTotal`	소계를 기반으로 견적된 예상 관세 금액
`dutyTaxTotal`	`taxOrVat`와 `dutyTotal`의 결합된 값
`foreign` (프리미엄)	위와 동일한 값을 가진 객체로, 외화 금액으로 변환됩니다

Hello 통합 스크립트

{
  "subtotal": 89.99,
  "taxOrVat": 18.0,
  "dutyTotal": 32.54,
  "dutyTaxTotal": 50.54,
  "foreign": {
    "currencyCode": "GBP",
    "subtotal": 89.99,
    "taxOrVat": 18.0,
    "dutyTotal": 32.54,
    "dutyTaxTotal": 50.54
  }
}

`z-message-change`

이 이벤트는 표시된 Hello 메시지가 변경될 때마다 발생합니다. 이벤트 detail 속성은 message를 포함하는 객체가 됩니다.

속성	설명
`message`	현재 표시된 메시지의 Html 문자열

Hello 통합 스크립트

{
  "message": "<div>Welcome ...</div>"
}

방법

아래는 귀하의 사이트와 통합하는 데 사용할 수 있는 유틸리티 방법입니다.

방법	반환	설명
`zonos.isDomestic()`	Boolean	현재 국가가 국내인 경우 True
`zonos.country()`	String	현재 선택된 국가 코드를 가져옵니다.
`zonos.country(code)`	String	국가를 수동으로 설정하고 반환합니다. `code`는 두 문자 ISO 코드여야 합니다.

zonos.config(object)는 Hello에서 사용되는 방법입니다. 이는 견적 추정, 통화 변환 또는 Hello 스플래시 screen를 다시 표시하고 플래그 위치를 이동하는 데 사용할 수 있습니다. 수행하려는 작업에 따라 config에 전송되는 객체가 변경됩니다:

작업	객체를 다음과 같이 구성합니다…
견적 추정	`{detail: {items: [{id: "String", name: "String", price: Double / "String", quantity: Integer / "String", image: "String URL of image / Optional", hsCode: "String / Optional", category: "String / Optional", country: "String (country of origin) / Optional", SKU: "String / Optional"}], currencyCode: "String / optional default to USD", includedTaxRate: Double / optional default to 0}}`
통화 변환	`{detail: {currencySelectors: ["css selector 1", "css selector 2"], customConverter: "custom function to convert the selectors / Optional, best to leave as default", showDecimal: boolean / Optional}}`
Hello 스플래시 screen를 다시 표시하고 플래그 위치를 이동	`{detail: {location: "String options are: left, right, top, bottom, floating & attached / Optional", showSplash: boolean / Optional}}`

이 페이지가 도움이 되었습니까?

질문 있으세요?

문의하세요.

Zonos을 보세요

정책 및 계약