導入ガイド

Shopifyに送料計算ツールを追加する方法

Shopifyの商品ページ、カートページ、対応するカートドロワーに送料の見積もりを追加するための実践ガイドです。

2026年9月21日更新 · MerchantOSのShipCalcチーム

要点

Shopifyでは通常、お客様がチェックアウトで住所を入力した後に、配送先に応じた送料が計算されます。これを早めに表示するには、Shopifyのテーマエディターからストア向けの送料計算アプリを追加します。まず表示場所(商品単位の疑問には商品ページ、注文全体にはカートページ、スピーディーなカートのテーマには対応するカートドロワー)を決め、公開前に代表的な商品、配送先、料金、スマートフォンのレイアウトでテストしましょう。

答えが必要なタイミングを選ぶ

送料が個々の商品の購入を大きく左右する場合は、商品ページへの配置が有効です。カート全体で配送の可否や料金が決まる場合は、カートへの配置が適しています。テーマがカートページではなくオーバーレイを使う場合、ドロワーに配置すれば答えが見えなくなることを防げます。

  • 商品ページ:カートに入れる前に答える。
  • カートページ:まとめた商品で計算する。
  • カートドロワー:スピーディーな購入の流れの中で見積もる。

テーマエディターでアプリブロックを追加

計算アプリをインストールし、[オンラインストア]→[テーマ]→[カスタマイズ]を開き、該当する商品テンプレートまたはカートテンプレートを選んで、価格、購入ボタン、小計、購入手続きボタンの近くにアプリブロックを追加します。保存は、パソコンとスマートフォンで配置をプレビューしてからにしましょう。

カートドロワーの実装はテーマによって異なります。通常のブロックではなく、アプリ埋め込みやセレクターを使うものもあるため、アプリのドロワー向けの手順に従い、追加、削除、数量変更のすべての操作をテストしてください。

チェックアウト前に配送料を見せたいですか?ShipCalcは、既存のShopify配送料を商品ページ、カート、カートドロワーに表示します。仕組みを見る。

料金の情報源をShopifyに

表示に特化した計算ツールは、Shopifyに設定済みの料金と配送エリアを使うべきです。情報源をひとつにすれば、公開用の料金表とチェックアウトとのずれを防げます。それでも、最終的なチェックアウトの結果は、住所全体、カート、発送拠点、アプリで計算する料金プロバイダーによって変わる場合があります。

お客様の立場でテスト

主要なマーケットそれぞれの実際の郵便番号を使いましょう。軽い商品、重い商品や特別なプロファイルの商品、複数商品のカート、送料無料の条件、未対応の配送先、配送エリアの境界付近の住所をテストします。最終的な計算はチェックアウトで行われることが文言で伝わっているかも確認しましょう。

チェックリスト

  • 商品が意図した配送プロファイルに割り当てられているか確認する。
  • 優先する配送先がすべて、有効なマーケットと配送エリアに含まれているか確認する。
  • 商品、カート、ドロワーの表示をスマートフォンとパソコンでテストする。
  • 表示された配送方法を、実際のチェックアウトのテストと比べる。
  • 未入力、無効、未対応、料金なしの状態を確認する。
  • 公開後は見積もりの利用状況を追跡し、サポートへの質問を見直す。

よくある質問

Shopifyには標準で商品ページの送料計算ツールがありますか?

Shopify標準の計算送料はチェックアウトで表示されます。配送先に応じた見積もりを早めに表示するには、通常はストア向けのアプリを使います。

Liquidコードを編集する必要はありますか?

最近のアプリブロックは、通常テーマエディターから配置できます。カートドロワーによっては、アプリ埋め込みやテーマ固有のセレクターが必要です。

商品ページとカートページの両方に計算ツールを追加すべきですか?

お客様が商品単位の答えを早めに、注文全体の確認を後で必要とする場合は、両方に配置しましょう。まずは、お客様の疑問が最も強い場所から始めてください。

出典

Shopifyヘルプセンターのページは英語で開く場合があります。

ShipCalcを無料で試す

お客様に聞かれる前に、送料を見せましょう。

まずは質問したい方はお気軽にご相談ください。

無料で試す
  • 14日間無料
  • テーマのコード編集は不要