DOCS

Bigcommerce

/

Checkout for BigCommerce

BigCommerce用のCheckoutプラグインを統合します。

Checkoutを統合する前に、期待通りに機能することを確認してください。Checkoutを使用すると:

  • Zonos Helloは、国際的なショッパーをIPアドレスの位置情報に基づいて自動的に特定します。国際的な顧客がcheckoutに進むと、彼らはZonos Checkoutにリダイレクトされて注文を完了します。
  • checkoutプロセスでは、配送(自社の配送料金またはフラットレートに基づく)、関税、税金、運送業者の手数料を含む合計landed costを提供します。checkout中にこれらの費用を徴収することで、顧客は配達時に追加料金を支払う必要がありません。
  • 顧客は、国内のような体験を便利に享受できます:地元の言語でcheckoutプロセスを完了し、特定の国に合わせた住所フィールドを使用し、地元通貨で支払うオプションがあります。注文詐欺から保護されています
  • BigCommerceとDashboardの両方を通じて国際的な注文を簡単に管理できます。追跡番号は両方のプラットフォーム間で同期され、スムーズな注文管理が保証されます。
  • BigCommerceのプロモコードはカートページに入力でき、Checkoutに引き継がれます。Checkoutに入ると、編集はできません。ただし、カートページでBigCommerceのプロモコードフィールドを非表示にし、代わりにDashboard内でプロモコードを管理できますDashboardでプロモコードを作成し、国際的な顧客向けに提供します。

統合 

このセクションの手順に従って、CheckoutをBigCommerceストアにシームレスに統合します:

1

始める

まずサインアップフォームを完成させてください。アカウント契約が整い次第、オンボーディングが開始されます。

2

オンボーディング

サインアップから24時間以内に、専任のオンボーディング担当者が連絡し、カスタマイズされた統合プロセスを開始します。

重要: 以下に示す手順は参考用であり、オンボーディング担当者が案内します。

3

アプリをインストール

Checkoutが正しく機能するためには、HelloとCheckoutの両方をインストールする必要があります。Helloは、国際的な顧客をCheckoutにリダイレクトするタイミングを通知します。

  1. BigCommerce MarketplaceからCheckoutアプリをインストールするには、このアプリを取得をクリックします。
  2. BigCommerce MarketplaceからHelloアプリをインストールするには、このアプリを取得をクリックします。
4

Checkoutを設定

両方のアプリをインストールしたら、設定を構成します:

  1. BigCommerceのバックエンドで、アプリマイアプリZonos Checkoutに移動します。
  2. Dashboardの設定をBigCommerceサイトにリンクするために、統合資格情報を入力します。
    1. DashboardからZonosアカウント番号をコピーし、ストアIDとして入力します。
    2. DashboardからZonosAPIキーをコピーし、ストアシークレットとして入力します。
  3. アプリをテストモードまたはライブモードで有効にします:
    1. Zonos Checkoutの下で、有効を選択します。
    2. テストモードの下で、有効を選択します。このモードが有効な場合、URLに?zonos=trueを追加してZonos機能を有効にし、ショッパーがネイティブフローを体験している間にZonosをテストできます。ライブにする準備ができたら、これを無効に変更します。
  4. サイトのニーズに応じてアプリをカスタマイズします:
    1. 注文インポート時に顧客を作成の下で、好みを選択します。
    2. checkout中に製品在庫を予約の下で、ZonosがCheckout中に製品在庫を予約する場合は有効を選択します。この仕組みについては、このページのFAQで学んでください。
    3. 支払いプロバイダーをカスタムとして表示の下で、すべてのZonos注文がBigCommerceでカスタムとして表示されるようにする場合は有効を選択します。
  5. 設定を更新をクリックして選択を保存します。
5

Helloを設定

  1. BigCommerceのバックエンドで、アプリマイアプリZonos Helloに移動します。
  2. DashboardからHelloAPIキーをコピーし、サイトキーとして入力します。
  3. Helloアプリを有効にするには、Zonos Hello有効に切り替えます。HelloはCheckoutの前に有効にできますが、Zonos Checkoutが有効でない限りCheckoutにリダイレクトされません。
  4. 関税および税金の見積もり有効に切り替えます。
  5. ZonosがBigCommerceの通貨変換を利用する場合は、通貨変換有効に切り替えます。これにより、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は常にそれらのフィールドを使用します。あなたのeコマースプラットフォームとCatalogの両方に情報が存在する場合、計算を実行する際にCatalogの情報がeコマースプラットフォームから送信された情報を上書きします。たとえば、商品重量が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 ボタンに一致するようにセレクタの1つを調整するか、新しいセレクタをリストに追加する必要があります。

  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>

よくある質問 

Stencilテーマを使用しているかどうかはどうやって確認できますか?

Stencilテーマを使用しているかどうかを確認するには、BigCommerce管理パネルで、Storefront -> Footer Scriptsがオプションとして表示されている場合、あなたのストアはStencilテーマを使用しています。

最も正確な関税、税金、送料の見積もりを得るために、どの製品情報を提供すべきですか?

製品情報は、関税や税金の額、送料に影響を与える可能性があります。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から保存されて渡された情報を上書きすることができます。

プラットフォーム別の製品情報について詳しく学ぶ

このページは役に立ちましたか?


このページには: