送料の進捗バー
送料無料までの進捗を示し、大きな注文を促します
最終更新日：2025-01-16
送料の進捗バーは、送料無料やその他の基準まであとどれくらいかを表示します。視覚的に追加購入を促すこの仕組みは、平均注文額の増加に非常に効果的です。
平均注文額への影響
送料の進捗バーを使うストアでは、顧客が送料無料の基準を満たすために商品を追加し、一般に平均注文額が8～15%増加しています。
しくみ
カートに商品を追加すると、進捗バーがリアルタイムで更新されます。
- 基準額未満 — 必要な金額を表示：「Add $15 more for FREE shipping!」
- 基準額に到達 — 達成を祝う：「You've unlocked FREE shipping!」
- アニメーション — カートの更新に合わせて進捗を滑らかに表示
- 継続表示 — チェックアウト全体に表示し、メッセージを強調
基本設定
送料バーの設定
{
"shipping_bar": {
"enabled": true,
"threshold": 75.00,
"currency": "USD",
"messages": {
"below_threshold": "Add {{amount}} more for FREE shipping!",
"at_threshold": "You've unlocked FREE shipping!",
"above_threshold": "Congrats! You get FREE shipping!"
}
}
}進捗バーの設定
1
拡張機能に移動する
CheckoutOS → Checkout Extensions → Shipping Progress Barに移動します。
2
基準額を設定する
送料無料の基準額を入力します。配送設定と一致させてください。
3
メッセージをカスタマイズする
進捗の各段階で表示する文章を編集します。
4
配置を選ぶ
注文概要やチェックアウト上部など、バーの表示位置を選びます。
5
バーのスタイルを設定する
色、アニメーション、外観をカスタマイズします。
6
プレビューして公開する
カート金額を変えてテストし、公開します。
詳細オプション
段階的な配送基準
異なる基準額で複数の配送段階に対応します。
段階的なしきい値
{
"tiers": [
{
"threshold": 50,
"message": "Spend $50 for reduced shipping ($4.99)",
"shipping_rate": 4.99
},
{
"threshold": 75,
"message": "Spend $75 for FREE shipping!",
"shipping_rate": 0
}
],
"show_all_tiers": true
}地域別の基準額
配送先に基づいて異なる基準額を設定します。
地域の設定
{
"geographic_rules": {
"US": { "threshold": 75 },
"CA": { "threshold": 100 },
"EU": { "threshold": 150 },
"default": { "threshold": 75 }
}
}商品の提案
顧客が基準額に近づいたら、商品のおすすめを表示します。
商品の提案
{
"suggestions": {
"enabled": true,
"trigger_distance": 20,
"max_products": 3,
"source": "frequently_bought_together",
"price_range": {
"min": "{{remaining_amount}}",
"max": "{{remaining_amount * 1.5}}"
}
}
}スタイルのオプション
外観をブランドに合わせてカスタマイズします。
スタイル設定
{
"styling": {
"bar_color": "#22c55e",
"bar_background": "#e5e7eb",
"text_color": "#1f2937",
"success_color": "#16a34a",
"height": "8px",
"border_radius": "4px",
"animation": "smooth",
"show_percentage": false,
"show_icon": true,
"icon": "truck"
}
}配置オプション
利用可能な位置
- 注文概要の見出し部分 — 最も目立つ推奨位置
- カート商品の上 — 早い段階で目に入る
- カート商品の下 — 小計の近く
- 固定バナー — スクロール中も表示を維持
- 複数の場所 — メッセージを強調
効果的な使い方
最適化のヒント
- 現実的な基準額を設定 — 平均注文額より15～25%高くする
- 達成を祝う — 基準額への到達に喜びを感じられるようにする
- 緊急性を適切に使う — 「あと少しです！」というメッセージが効果的
- 商品を提案する — 追加する商品を見つけやすくする
- 配送設定に合わせる — 基準額が実際の送料無料ルールと一致することを確認
成果の追跡
CheckoutOSの分析で送料バーの効果を監視します。
- 基準額への到達率 — 送料無料に達した顧客の割合
- 平均注文額の変化 — 導入前後の比較
- 追加商品数 — バーを見た後に追加した平均商品数
- コンバージョンへの影響 — チェックアウト全体のコンバージョンの変化
関連する拡張機能
このページは役に立ちましたか？
さらにサポートが必要ですか？ サポートに問い合わせる