Skip to main content

かんたん海外販売

かんたん海外販売について​

かんたん海外販売は、海外からのアクセス時に専用の商品ページ・カートを提供する機能です。
本機能を利用することでショップさまの手間もかからず、海外売上につなげることが可能です。

表示条件​

かんたん海外販売の購入ボタンやUIが表示される条件は以下の通りです。

  • 「かんたん海外販売」機能が有効
  • 海外からのアクセス

タグ一覧​

{block:PurchaseForm} 及び {PurchaseButton} をお使いの場合かつ、表示条件を満たす場合表示されます。
PurchaseForm と PurchaseButton の詳しい説明は購入ボタンの制御をご覧ください。

海外アクセスの場合に表示が変わる箇所​

商品ページ​

カートボタンと上部のラベルテキスト​

カートボタンと上部のラベルテキストは、下記の様に自動で切り替わります。

ステータス上部テキストカートボタンテキストボタンの動作
海外販売できる商品・販売中の場合International shipping availableAdd to cart海外専用カート画面へ遷移
海外販売できる商品・販売中以外の場合International shipping availableSold outdisabled
海外販売できない商品・販売中の場合Currently international shipping unavailableAdd to cartdisabled
海外販売できない商品・販売中以外の場合Currently international shipping unavailableSold outdisabled

カートボタン下のテキストリンク​

カートボタンの下に「日本国内から購入する場合はこちら」というテキストリンクが追加されます。 このリンクをクリックすると、日本国内からアクセスした場合の商品ページの表示に切り替わります。

ショップ上での表示​

通常時​

disabled時​

出力されるソースコード​

通常時​

<div class="easyOverseasSales">
    <span class="easyOverseasSales__label">International shipping available</span> 
    <button type="submit" class="purchaseButton__btn purchaseButton__btn--addToCart purchaseButton__btn--easyOverseasSales">Add to cart</button>
    <div class="easyOverseasSalesArea">
        <a class="easyOverseasSalesArea__link x_easyOverseasSalesChangeArea">日本国内から購入する場合はこちら</a>
    </div>
</div>

disabled時​

<div class="easyOverseasSales">
    <span class="easyOverseasSales__label">International shipping available</span> 
    <button type="submit" class="purchaseButton__btn purchaseButton__btn--addToCart purchaseButton__btn--easyOverseasSales" disabled>Sold out</button>
    <div class="easyOverseasSalesArea">
        <a class="easyOverseasSalesArea__link x_easyOverseasSalesChangeArea">日本国内から購入する場合はこちら</a> 
    </div>
</div>

関連するタグ​

  • 英語・外貨対応App
    • 切替UIが非表示になります。
    • ブラウザでの表示言語に関わらず、カートボタンテキストと関連部分は英語で表示されます。
  • Pay ID あと払いウィジェット
    • Pay ID あと払いウィジェットは非表示になります
  • 商品情報
    • Pay IDや消費税、海外発送に関する表記が非表示になります。

デザインマーケットで販売するテーマを作る時の注意点​

  • 独自テーマのカスタマイズにて、カートボタン位置の制御によっては、該当のブロックが表示されない場合があります。適切に表示されるように実装してください。

動作のチェック​

かんたん海外販売は、海外からのアクセスによって表示が切り替わります。
テーマ作成中は以下のsandboxタグを利用することで、海外アクセスとして動作確認を行うことができます。
※テーマの申請時にはsandboxタグはテンプレートに含まれないようにしてください。

<head>
  <meta name="sandbox:isOverseasAccess" content="1">
</head>
タグ説明
<meta name="sandbox:isOverseasAccess" content="1">海外からのアクセスとして動作します。
<meta name="sandbox:isOverseasAccess" content="0">国内からのアクセスとして動作します。