Shopify「あと〇〇円で送料無料」を通知するバーを表示するアプリ（送料無料バー.amp）

ECサイトのカゴ落ち理由で常に上位に挙がるのが送料です。商品には納得しているのに、決済直前で送料が見えて気持ちが冷めて離脱する。これが積み上がると、広告費や集客の努力が最後の一歩で無駄になります。

そこで効果が出やすいのが、あといくらで送料無料になるかをリアルタイムに見せる送料無料バーです。ユーザーにとっては受け取り総額が読みやすくなり、ストア側にとっては平均注文単価（AOV）を引き上げやすい施策になります。

この記事では、Shopifyで送料無料バーを導入する考え方から、送料無料バー.amp（Shopifyアプリストア表記：送料無料バー&アップセル.amp）の機能、料金、設定手順、成果を出す運用設計まで、実務目線で解説します。

送料無料バーとは？できることと期待できる効果

送料無料バーの仕組み

送料無料バーは、カート内の商品合計金額と、ストアが設定した送料無料ラインの差額を計算し、あと〇〇円で送料無料と表示する仕組みです。金額が増えるほどバーが進むプログレス表示にすることで、ユーザーが目標達成感を得やすく、追加購入のきっかけになります。

効果1：平均注文単価（AOV）が上がりやすい

送料無料ラインがあると、ユーザーは送料を払う代わりに商品を追加して送料無料を狙う行動を取りやすくなります。例えば現在のカートが6,800円で送料無料ラインが8,000円なら、1,200円程度の追加購入が発生しやすい、という構図です。

効果2：送料不安が減り、カゴ落ちの抑制につながる

送料の存在そのものより、最後まで総額が見えない不安が離脱を生みます。常にあといくらで送料無料が見えていると、納得感が生まれ、購入完了まで進みやすくなります。

効果3：キャンペーンの見せ方が強くなる

送料無料キャンペーンは、バナーを出すだけだと見逃されがちです。バーで常時表示すると、キャンペーンの存在が購買体験に溶け込み、効果が出やすくなります。

導入前に決めるべき3つの設計（ここで成果が決まる）

1. 送料無料ラインの決め方：感覚ではなく利益から逆算する

送料無料は売上を伸ばしますが、同時に利益を削ります。最初に決めるべきは、送料無料にしても利益が残る条件です。目安として、次の式でラインを考えるとブレません。

送料無料で負担するコスト（概算）＝平均配送料＋梱包資材＋出荷作業コスト＋決済手数料の増分

送料無料ライン（粗利ベースの最低条件）＝送料無料で負担するコスト ÷ 粗利率

例）平均配送料700円、梱包資材80円、作業コスト120円で合計900円、粗利率35％の場合

最低ライン概算＝900 ÷ 0.35 ＝ 約2,571円

ただし実際は商品原価が混在し、返品やキャンセルもあるため、現実的にはこの最低ラインを上回る安全幅を取ります。さらに重要なのが、現在の平均注文単価（AOV）との関係です。

• 推奨の初期設定：現在のAOVの1.1倍〜1.3倍あたりに送料無料ラインを置き、2〜4週間で検証
• ストアの粗利率が低い場合：ラインを上げるか、送料無料対象を限定する（会員限定、商品限定など）

2. 表示位置：どこで見せると追加購入が起きるか

表示位置は売上に直結します。基本は次の優先順位で考えると失敗しにくいです。

1. カートページ、カートドロワー：追加購入が最も起きやすい
2. 商品ページ：ついで買いを促しやすい
3. 全ページ追従バー：キャンペーン認知には強いが、主張が強すぎると邪魔になる

3. 追加購入の導線：バーだけで終わらせない

あと〇〇円が見えても、追加する商品が見つからなければ行動は起きません。成果を出すストアは、バー表示と同時に次のどれかを必ず用意しています。

• 差額を埋めやすい価格帯の商品をレコメンドする
• まとめ買い（2個で割引など）を用意する
• カート内で関連商品を提案する（アップセル、クロスセル）

送料無料バー.amp（送料無料バー&アップセル.amp）でできること

送料無料バー.ampは、カート内の商品合計金額から送料無料までの残額を表示し、追加購入を後押しするタイプのアプリです。Shopifyアプリストアには、次のような機能が記載されています。

主な機能

• カート内の商品合計金額から送料無料までの差額を表示し、配送先地域によって残額を出し分けできる
• カート内の商品有無によって文言を出し分けできる
• 文字色、背景色、強調色などのデザインをストアに合わせて調整できる
• 表示タイミング、表示間隔、表示ページ、表示デバイス、表示スケジュールなど、柔軟なポップアップ設定ができる（プランにより）
• 残額を埋められる商品の自動レコメンドができる（プランにより）

また、開発元の案内ページでは、表示バリエーション（上部または下部バー、商品ページブロック、カートブロック）、デバイス別表示、プレビュー画面などの運用面も特徴として紹介されています。

料金プランの考え方（まずは必要機能で選ぶ）

Shopifyアプリストア上の価格表示は、BASIC（月額4.99ドル）、ADVANCE（月額9.99ドル）、PRO（月額19.99ドル）で、いずれも7日間の無料体験が付いています。上位プランでは配送プロファイル連携や商品レコメンド、ポップアップ表示などが含まれます。料金は変更される可能性があるため、導入時点で必ず最新の価格を確認してください。

送料無料バー.ampの設定手順（最短で成果を出すための実務フロー）

ステップ1：送料無料ラインと対象範囲を決める

• 送料無料ライン：AOVの1.1倍〜1.3倍を起点に仮置き
• 対象：全商品か、対象コレクションのみか
• 除外：大型、利益率が低い商品、特殊配送の商品は分けるか

先にルールが決まっていると、アプリ設定は速く終わります。逆にここが曖昧だと、導入後に条件が増えて運用が破綻します。

ステップ2：アプリをインストールし、表示タイプを選ぶ

開発元の案内では、バー（上部または下部）、商品ページブロック、カートブロックなど複数の表示バリエーションが紹介されています。最初はカートページかカートドロワー寄りの導線を優先すると、追加購入が起きやすいです。

ステップ3：文言を3パターン用意する

このアプリは、状態ごとに文言を出し分けできます。少なくとも次の3つは必ず作ります。

• スタート（まだカートが空）：例「合計8,000円以上で送料無料」
• カート商品あり：例「あと1,200円で送料無料」
• 達成：例「送料無料まであと少し達成しました」

コツは、煽りすぎず、ユーザーのメリットを明確にすることです。送料を払う損失ではなく、送料無料になる得に焦点を当てると嫌味が出ません。

ステップ4：デザインをストアに合わせて調整する

文字色、背景色、強調色などのカスタマイズが可能とされています。ここはブランド一貫性に直結します。推奨は次の通りです。

• 背景色はヘッダーや告知バーと競合しない色にする
• 強調色は購入ボタンの色と揃える（別色だと視線が分散する）
• スマホでの視認性を最優先し、文字を詰めすぎない

ステップ5：デバイス別表示と表示タイミングを設計する

開発元ページではデバイス別の表示設定が紹介されています。スマホの占有面積は大きくなりやすいので、次の運用がおすすめです。

• スマホ：下部表示にして親指の導線に寄せるか、カート内だけ表示する
• PC：上部表示で問題になりにくいが、固定ヘッダーと被らないか確認する

ステップ6：レコメンド商品を用意して差額を埋めやすくする

ADVANCE以上では、残額を埋められる商品を自動レコメンドできるとされています。ここを作り込むと、バーの効果が一段上がります。

実務で強いレコメンドの作り方は、差額の価格帯を先に決めて商品を揃えることです。

• 500円前後：消耗品、追加オプション、小袋、ミニサイズ
• 1,000円前後：関連アクセ、セット割の追加単品
• 1,500円〜2,000円：人気商品、ついで買い定番、ギフト付属

差額が中途半端なときに、ぴったり埋められる商品があると行動が起きます。逆に埋められる商品がないと、ユーザーは送料を払うか離脱するかの二択になり、施策が弱くなります。

ステップ7：公開前テスト（ここを省くと炎上しやすい）

• 主要ページ（トップ、商品、カート、チェックアウト手前）で表示されるか
• 固定ヘッダーや追従メニューと被っていないか
• スマホで邪魔になっていないか（特にカートドロワー）
• 送料無料達成時の文言が自然か
• 多通貨や税込表示の運用と矛盾していないか

運用で差がつく最適化：AOVを上げつつ利益を守る

送料無料ラインを固定せず、段階的に育てる

最初から高い送料無料ラインにすると、達成率が低すぎて意味がなくなります。逆に低すぎると利益が溶けます。おすすめは、次の段階運用です。

1. 現状AOVの1.1倍で開始し、達成率とAOV変化を計測
2. 達成率が高すぎる（例えば70％以上）ならラインを上げる
3. 達成率が低すぎる（例えば20％未満）ならレコメンド商品とセットで調整

地域別に送料負担が重いなら、配送プロファイル連携で守る

離島や遠方で送料が重いストアは、全国一律の送料無料ラインが危険です。アプリストアには、配送先の地域によって残額を出し分けできる旨が記載されています。地域別に負担が違う場合は、ここが重要な打ち手になります。

値引きで送料無料を実現しない

送料負担はストア側のコストです。そこにクーポン割引を重ねると利益が急落します。送料無料バーは値引きではなく、追加購入で条件達成させる設計が基本です。

達成後の表示も設計して、購入の後押しにする

達成した瞬間に表示が消えると、ユーザーは自分が何を得たか分かりにくくなります。達成後は送料無料達成を明確に表示し、安心してチェックアウトへ進める状態を作るのが有効です。

効果測定：導入後に見るべきKPIとROIの考え方

最低限見るべきKPI

• AOV（平均注文単価）：送料無料バー導入前後で上がったか
• CVR（購入率）：摩擦が増えて下がっていないか
• カート到達率とカート離脱率：バーでカート内の追加購入が起きているか
• 送料無料達成率：全注文のうち何％が送料無料ラインに到達したか

簡易ROIの出し方（例）

仮にBASIC（月4.99ドル）を入れ、AOVが200円上がり、月500件の注文があるなら、売上増は月10万円です。粗利率が30％なら粗利増は月3万円。ここから追加の送料負担増を引いても、アプリ費用は十分回収できる可能性があります。

もちろん数字はストアの状況で変わりますが、ポイントは、AOV上昇と送料負担増を同時に見ることです。AOVだけ見て喜ぶと、利益が落ちる罠にハマります。

よくある注意点と対策

注意点1：送料計算の前提とズレるとクレームになる

開発元の案内では、このアプリの送料無料基準はカート内商品の合計金額であり、重量や特定商品など他条件で設定された送料は適用できない旨が記載されています。送料ルールが複雑なストアほど、ユーザーが見ているバー表示と最終送料がズレるリスクが出ます。

対策は次の通りです。

• 送料無料ラインはできるだけシンプルにする（購入金額ベースに寄せる）
• 例外がある場合は注記を入れる（大型商品、クール便など）
• 地域別の差が大きいなら配送プロファイル連携を使う

注意点2：ヘッダーや追従メニューと被る

開発元ページでは、表示位置の細かな調整は難しく、上か下の選択に限られる旨が記載されています。固定ヘッダーがあるテーマだと被りやすいので、まず下部表示に逃がすか、バーではなくブロック表示を検討します。

注意点3：やりすぎるとサイトが騒がしくなる

バー、ポップアップ、レコメンドが同時に出ると、ユーザーは疲れます。特にスマホでは過剰演出がCVR低下の原因になります。最初はバーだけ、次にレコメンド、最後にポップアップの順で段階導入する方が安全です。

導入判断の結論：送料無料バーはやるべきか

導入メリット

• AOVを上げやすい
• 送料による離脱を抑えやすい
• 送料無料キャンペーンを常時見せられる
• レコメンドと組み合わせると追加購入の導線が完成する

導入デメリット

• 送料負担が増えて利益が落ちる可能性がある
• 送料ルールが複雑だと表示と実際の送料がズレるリスクがある
• 表示が邪魔になり、CVRが下がるリスクがある（特にスマホ）

判断基準

• AOVが伸びる余地がある（ついで買い商品が用意できる）なら優先度は高い
• 粗利率が低い、送料が重い場合は地域別設定や対象限定とセットで導入する
• 2〜4週間で数値検証できる体制があるなら、まず試して伸ばすのが合理的

まとめ

• 送料無料バーは、あといくらで送料無料を可視化し、AOV改善とカゴ落ち抑制に効きやすい
• 成果はアプリ導入よりも、送料無料ライン設定とレコメンド導線で決まる
• 送料無料バー.ampは、差額表示、文言出し分け、デザイン調整、地域別出し分け、レコメンド、ポップアップなどを提供している
• 送料ルールが複雑な場合は、表示と最終送料のズレ対策を必ず入れる
• 導入後はAOVだけでなく、送料負担増と利益をセットで追う

無料相談・お問い合わせ

送料無料バーの導入は、ライン設定と導線設計を誤ると売上は増えても利益が減ることがあります。現状のAOV、粗利率、送料構造、人気商品の価格帯を踏まえて、最適な送料無料ラインの設計、レコメンド商品設計、表示位置と文言のA/Bテスト設計まで具体的に整理して提案できます。無料相談は下記よりどうぞ。

無料相談・お問い合わせはこちら

参考URL

• 送料無料バー&アップセル.amp（Shopify App Store）
• 送料無料バー&アップセル.amp（開発元の機能・FAQページ）
• .amp ヘルプセンター（and.d）

::contentReference[oaicite:0]{index=0}