DOCS

Bigcommerce

/

BigCommerce용 Checkout

BigCommerce에 Checkout 플러그인 통합하기

Checkout을 통합하기 전에 예상대로 작동하는지 확인하세요. Checkout을 사용할 때:

  • Zonos Hello는 IP 주소 위치를 기반으로 국제 쇼핑객을 자동으로 식별합니다. 국제 고객이 checkout으로 진행하면 Zonos Checkout으로 리디렉션되어 주문을 완료합니다.
  • checkout 과정에서는 배송비(귀하의 배송 요금 또는 정액 요금 기준), 관세, 세금 및 운송업체 수수료를 포함한 총 landed cost를 제공합니다. checkout 중에 이러한 비용을 징수함으로써 고객은 배달 시 추가 비용을 지불할 필요가 없습니다.
  • 고객은 현지 언어로 checkout 과정을 완료하고, 특정 국가에 맞춰진 주소 필드를 사용하며, 현지 통화로 결제할 수 있는 현지화된 경험을 누릴 수 있습니다. 주문은 사기로부터 보호됩니다.
  • BigCommerce 및 대시보드를 통해 국제 주문을 쉽게 관리할 수 있습니다. 추적 번호는 두 플랫폼 간에 동기화되어 주문 관리가 원활하게 이루어집니다.
  • BigCommerce 프로모션 코드는 장바구니 페이지에 입력할 수 있으며 Checkout으로 이동됩니다. Checkout에서는 편집할 수 없지만, 대시보드에서 프로모션 코드를 관리하고 대신 장바구니 페이지에서 BigCommerce 프로모션 코드 필드를 숨길 수 있습니다. 대시보드에서 국제 고객을 위한 프로모션 코드 생성.

통합하기 

이 섹션의 단계를 따라 BigCommerce 스토어에 Checkout을 원활하게 통합하세요:

1

시작하기

저희 가입 양식을 작성하여 시작하세요. 계정 계약이 마련되면 온보딩이 시작됩니다.

2

온보딩

가입 후 24시간 이내에 전담 온보딩 담당자가 연락하여 맞춤형 통합 과정을 시작합니다.

중요: 아래 나열된 단계는 참고용이며 온보딩 담당자가 안내할 것입니다.

3

앱 설치

Checkout과 Hello 두 앱을 설치해야 Checkout이 제대로 작동합니다. Hello는 국제 고객을 Checkout으로 리디렉션할 시기를 알려줍니다.

  1. 이 앱 받기를 클릭하여 BigCommerce Marketplace에서 Checkout 앱을 설치하세요.
  2. 이 앱 받기를 클릭하여 BigCommerce Marketplace에서 Hello 앱을 설치하세요.
4

Checkout 구성

두 앱을 설치한 후 설정을 구성하세요:

  1. BigCommerce 백엔드에서 내 앱Zonos Checkout으로 이동하세요.
  2. 통합 자격 증명을 입력하여 대시보드 설정을 BigCommerce 사이트에 연결하세요.
    1. 대시보드에서 Zonos 계정 번호를 복사하여 스토어 ID로 입력하세요.
    2. 대시보드에서 Zonos API 키를 복사하여 스토어 시크릿으로 입력하세요.
  3. 앱을 테스트 모드 또는 라이브로 활성화하세요:
    1. Zonos Checkout 아래에서 활성화를 선택하세요.
    2. 테스트 모드에서 활성화를 선택하세요. 이 모드가 활성화되면 URL에 ?zonos=true를 추가하여 Zonos 기능을 활성화할 수 있으며, 쇼핑객은 여전히 기존 흐름을 경험할 수 있습니다. 라이브로 전환할 준비가 되면 비활성화로 변경하세요.
  4. 사이트 요구에 맞게 앱을 사용자 정의하세요:
    1. 주문 가져오기 시 고객 생성에서 선호하는 옵션을 선택하세요.
    2. checkout 중 제품 재고 예약에서 활성화를 선택하면 Zonos가 Checkout 중에 제품 재고를 예약할 수 있습니다. 이 페이지 하단의 FAQ에서 작동 방식을 확인하세요.
    3. 결제 제공업체를 사용자 정의로 표시에서 활성화를 선택하면 모든 Zonos 주문이 BigCommerce에서 사용자 정의로 결제 제공업체를 표시하도록 할 수 있습니다.
  5. 설정 업데이트를 클릭하여 선택 사항을 저장하세요.
5

Hello 구성

  1. BigCommerce 백엔드에서 내 앱Zonos Hello로 이동하세요.
  2. 대시보드에서 Hello API 키를 복사하여 사이트 키로 입력하세요.
  3. Zonos Hello활성화로 전환하여 Hello 앱을 활성화하세요. Hello는 Checkout이 활성화되기 전에 활성화될 수 있으며, Checkout이 활성화되지 않는 한 Zonos Checkout으로 리디렉션되지 않습니다.
  4. 관세 및 세금 견적활성화로 전환하세요.
  5. BigCommerce 통화 변환을 Zonos가 활용하게 하려면 통화 변환활성화로 전환하세요. 이렇게 하면 Hello가 설정통화에서 통화를 활성화할 수 있습니다. 거기에서 통화 설정을 확인하여 선호하는 통화로 결제가 이루어지는지 확인하세요.
  6. 설정 업데이트를 클릭하여 선택 사항을 저장하세요.
6

누락된 제품 정보 추가

BigCommerce V3 이전 버전은 Zonos에 landed cost 견적을 위해 전달하는 데이터에 제한이 있습니다. 각 BigCommerce 버전에서 Zonos가 수신하는 제품 정보와 Zonos Catalog를 사용하여 계산에 필요한 제품별 정보를 추가해야 하는 시점을 알아보세요.

선택적 제품 정보

제품별 정보는 Zonos가 견적을 반환하는 데 필수적이지 않습니다. Zonos는 HS 코드 및 원산지에 대한 계정 기본값을 사용할 수 있으며, 사용자 정의 계수를 사용하여 무게를 추정하고 치수 없이 견적을 제공할 수 있습니다. 그러나 제공되는 제품별 정보가 많을수록 우리의 계산이 더 정확해집니다.

BigCommerce에서 전달된 제품 정보

  • 무게
  • 치수
  • HS 코드*
  • 원산지*

*BigCommerce V3 제품 경험을 사용하는 경우에만 수입됩니다.

BigCommerce V3를 사용하지 않는 경우, HS 코드 및 원산지와 함께 제품을 Catalog에 추가하세요. Catalog 사용 방법을 알아보세요.

무게, 치수, HS 코드 또는 원산지를 Catalog에 추가하면 Catalog는 항상 해당 필드를 사용합니다. 전자상거래 플랫폼과 Catalog 모두에 정보가 있는 경우, 계산을 실행할 때 Catalog의 정보가 전자상거래 플랫폼에서 전송된 정보를 덮어씁니다. 예를 들어, 제품의 무게가 Shopify와 Catalog에 모두 있는 경우, Zonos는 배송 계산을 위해 Catalog의 무게를 사용합니다.

7

통합 테스트

계정을 설정하고 앱을 준비했으므로 통합 테스트를 진행할 준비가 되었습니다. 테스트하는 동안 BigCommerce에서 Checkout 및 Hello를 활성화해야 합니다. 방법은 다음과 같습니다:

  1. BigCommerce 백엔드에서 내 앱Zonos Hello로 이동합니다.
  2. Zonos Hello활성화로 전환합니다.
  3. 그런 다음 내 앱Zonos Checkout로 이동합니다.
  4. Zonos Checkout 아래에서 활성화를 선택합니다.
  5. 테스트 모드에서 활성화를 선택합니다.

이 모드가 활성화되면, URL에 ?zonos=true를 추가하여 Zonos 기능을 활성화해야 하며, 이를 통해 쇼핑객이 여전히 귀하의 기본 흐름을 경험하는 동안 Zonos를 테스트할 수 있습니다.

테스트를 완료한 후, 테스트 모드비활성화로 설정하여 Zonos를 활성화합니다.

기억해야 할 몇 가지 사항:

  • De minimis—주문의 장바구니 소계가 배송 국가의 De minimis 이하인 경우, 세금이나 관세가 없을 수 있습니다. 이는 우리의 계산에 반영됩니다.
  • 환불 및 취소—우리가 결제를 수집하므로, 환불이나 취소가 필요할 경우 Dashboard에서 처리해 주시기 바랍니다.
  • 라벨—Dashboard에서 모든 국제 주문에 대한 라벨을 인쇄하십시오. Dashboard 외부에서 라벨을 인쇄할 수 있도록 인증을 받지 않은 경우입니다. 이를 통해 우리가 귀하를 대신하여 세금 및 관세를 지불할 수 있습니다.

참고: 조정이 필요하신 경우, Zonos 지원팀에 문의해 주시기 바랍니다.

고급 설정 옵션 

국내 요소 숨기기

국제 사용자에게만 숨겨야 하는 요소가 있는 경우(예: 미국 전용 결제 제공업체, 배송 추정기, 미국 전용 메시지가 포함된 배너 등), 다음 단계를 사용하여 Zonos Hello 국가가 국제일 때 이들을 숨길 수 있습니다. 이를 수정하려면 BigCommerce 관리 패널 -> 스토어프론트 -> 스크립트 관리자 -> 스크립트 생성으로 이동합니다.

국내 요소를 숨기려면 아래 단계를 따르세요:

  1. BigCommerce 스토어프론트 -> 스크립트 관리자 -> 스크립트 생성으로 이동합니다.

  2. 다음을 사용하여 Zonos에 대한 새 사용자 정의 스크립트를 생성합니다:

    1. 스크립트 이름: Zonos 사용자 정의 - [스크립트 관련 이름]
    2. 설명: [이 스크립트의 기능]
    3. 배치: 바닥글
    4. 위치: 모든 페이지
    5. 스크립트 카테고리: 필수
    6. 스크립트 유형: 스크립트
    7. 스크립트 내용: 아래 내용을 복사하여 스크립트 내용에 붙여넣습니다.
  3. 아래 스크립트에서 var domesticElements =의 선택기를 다음과 같이 편집합니다:

    1. 현재 BigCommerce 사이트에서 국제 사용자에게 숨기고 싶은 요소 선택기를 찾습니다.
    2. 선택기를 찾은 후, .hide-me라고 표시된 곳에 추가합니다.
    3. 각 선택기를 따옴표로 감싸고 쉼표로 구분해야 합니다. 다음 예를 참조하세요: [".hide-1", ".hide-2", ".hide-3", ".hide-4"]
    4. 스크립트가 준비되고 저장되면, 요소가 숨겨진 페이지로 이동하여 Zonos Hello 국가를 미국에서 국제로, 다시 미국으로 전환하여 테스트합니다. 국제 국가가 선택되면 해당 요소가 숨겨져야 합니다.

Zonos 통합 스크립트

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
  var domesticElements = ['.hide-me'];

  let cssElement = document.createElement('style'),
    sheet;
  document.head.appendChild(cssElement);
  sheet = cssElement.sheet;
  let count = 0;
  for (let domesticHide of domesticElements) {
    sheet.insertRule(`.z-intl ${domesticHide} { display:none; }`, count);
    count++;
  }
</script>

문제 해결 

Checkout 버튼이 리디렉션되지 않음

Zonos Checkout이 테스트 모드에 있거나 라이브로 설정되어 있고 checkout 버튼이 Zonos로 리디렉션되지 않는 경우, 이는 checkout 버튼 선택자 때문일 수 있습니다. 우리의 Zonos Checkout 앱은 기본 checkout 버튼 선택자의 설정 목록을 사용합니다. 국제 사용자가 리디렉션되지 않는 경우, 해당 선택자를 조정해야 할 수 있습니다.

이 문제를 해결하려면 아래 단계를 따르십시오:

  1. BigCommerce 관리 패널 -> 스토어프론트 -> 스크립트 관리자 -> 스크립트 생성으로 이동합니다.

  2. 다음을 사용하여 Zonos에 대한 새 사용자 정의 스크립트를 만듭니다:

    1. 이름: Zonos 사용자 정의 - [스크립트 관련 이름]
    2. 설명: [이 스크립트가 하는 일]
    3. 페이지 내 위치: 바닥글
    4. 스크립트가 추가될 페이지 선택: 모든 페이지
    5. 스크립트 내용: 아래 내용을 복사하여 스크립트 내용에 붙여넣습니다.
  3. 스크립트 내용에 아래 코드를 추가한 후, 현재 checkout 버튼과 일치하도록 선택자 중 하나를 조정하거나 목록에 새 선택자를 추가해야 합니다.

  4. 이 새 스크립트를 저장하고 사이트를 테스트하십시오.

Zonos 통합 스크립트

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
  window.onload = () => {
    selectors = {
      '.previewCartCheckout .button--primary': 'checkout',
      '.cart-actions .button--primary': 'Check out',
      '.previewCartAction-checkout': 'Check out now',
      '.ProceedToCheckout .btn': 'Proceed To Checkout',
      '.CheckoutLink': 'Checkout',
      '.button--primary': 'Checkout',
      '.button-checkout': 'Checkout',
      '.btn': 'Proceed To Checkout',
      '.CheckoutButton': 'Proceed To Checkout',
    };
    for (let key in selectors) {
      let button = contains(key, selectors[key]);
      for (i = 0; i < button.length; i++) {
        button[i].addEventListener('click', function (e) {
          zonosCheckout(e);
        });
      }
    }
  };
</script>

자주 묻는 질문 

스텐실 테마를 사용하고 있는지 어떻게 알 수 있나요?

스텐실 테마를 사용하고 있는지 확인하려면, BigCommerce 관리 패널에서 Storefront -> Footer Scripts가 옵션으로 있는 경우, 귀하의 스토어는 스텐실 테마를 사용하고 있습니다.

세금, 관세 및 배송 비용에 대한 가장 정확한 견적을 위해 어떤 제품 정보를 제공해야 하나요?

제품 정보는 세금 및 관세의 금액과 배송 비용에 영향을 미칠 수 있습니다. Zonos에 제공하는 제품 정보가 많을수록 반환되는 견적이 더 정확해집니다. Zonos는 이 정보가 없더라도 견적을 생성할 수 있지만, 정확성을 높이기 위해 다음의 주요 제품 세부정보를 제공하는 것을 권장합니다:

  • 무게: 무게는 배송 비용에 영향을 미치며, 이는 세금이나 관세에 영향을 줄 수 있습니다. BigCommerce 제품 목록에 있는 무게는 존재할 경우 자동으로 Zonos에 사용됩니다.
  • 치수: 치수는 배송 비용에 영향을 미칠 수 있으며, 이는 세금이나 관세에 영향을 줄 수 있습니다. Zonos는 BigCommerce의 각 제품에 설정된 제품 치수(길이, 너비 및 높이)를 활용할 수 있습니다.
  • HS 코드: HS 코드는 관세율에 영향을 미치며 때때로 세금에도 영향을 줄 수 있습니다. BigCommerce는 HS 코드를 Zonos에 전송할 수 없으므로, Zonos 카탈로그를 사용하여 추가해야 합니다. BigCommerce V3 제품 경험을 사용하는 경우 HS 코드를 수신합니다.
  • 원산지 국가: 제품의 원산지 국가는 관세율에 영향을 미치며 세금에 영향을 줄 수 있습니다. BigCommerce는 HS 코드를 Zonos에 전송할 수 없으므로, Zonos 카탈로그를 사용하여 추가해야 합니다. BigCommerce V3 제품 경험을 사용하는 경우 원산지 국가가 수신됩니다.

BigCommerce에서 Zonos로 전달되는 제품 세부정보

제품 세부정보무게치수HS 코드원산지 국가
자동으로 전달됨
카탈로그로 추가

BigCommerce V3에서 Zonos로 전달되는 제품 세부정보

제품 세부정보무게치수HS 코드원산지 국가
자동으로 전달됨

참고: 대안으로, 위의 정보를 카탈로그에 입력하여 BigCommerce에서 저장되고 전달된 정보를 덮어쓸 수 있습니다.

플랫폼별 제품 정보에 대해 더 알아보기.

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


질문 있으세요?

문의하세요.

Zonos을 보세요

정책 및 계약
이 페이지에서: