目次
カート画面や商品ページに送料無料までの残り金額を表示させたい
| カート画面に「あと〇〇円で送料無料」というテキストを表示させたい。商品ページにも同様の表示を設置したい。コードの編集なしで、簡単に設定できるようにしたい。 |
このような「送料無料のラインで購入者に親切に伝える」仕組みは、送料無料バー&アップセル.amp で実現できます。これを行うことによってさらに注文をしていただける確率が高くなり、アップセルの手段として役立ちます。
解決策｜「送料無料バー&アップセル.amp」で表示場所・文言を自由に設定する
「送料無料バー&アップセル.amp」は、送料無料まであと何円かをリアルタイム表示し、購入者の追加購入を後押しするShopifyアプリです。インストール後、管理画面から設定するだけで利用できます。
表示できる場所は3パターン
本アプリで送料無料を表示できる場所は、以下の3種類があります。
- バー表示：ページ上部・下部にスリムなバー形式で常時表示
- ブロック表示（商品ページ・カートページ）：商品ページやカートページの中に埋め込んで表示。購入者が商品を確認するタイミングで自然に目に入ります
- ポップアップ表示：カートへの商品追加などのタイミングで表示
今回いただいた問い合わせでは「カート画面や商品ページへの表示」でしたが、どちらもブロック表示で対応できます。
表示文言はカートの状況に合わせて3段階で設定できる
送料無料のポップアップをただ単純に表示させるだけでなく、アップセルに効果的な文言を入れることにより、さらに売上アップが見込めます。文言は以下の3つの状態ごとに、それぞれ個別に設定できます。
- スタート（カートが空の状態）：「〇〇円以上で送料無料！」など送料無料ラインを伝える文言
- カート商品あり（未達成の状態）：「あと△△円で送料無料！」など残り金額をリアルタイムで表示
- 送料無料達成後：「送料無料が適用されました！」などの達成メッセージ
デザインもストアに合わせて細かく調整できる
ポップアップの文言は、文字色・強調色・背景色・フォントサイズ・バーの角の丸さなどをストアのブランドイメージに合わせて設定できます。パソコン・スマートフォンそれぞれの表示設定も個別に対応しており、プレビュー画面で公開前に仕上がりを確認することも可能です。
設定手順
設定手順としては、以下のとおりです。
アプリをインストールし、「新規作成」を押す
まず、アプリをインストールしてから設定画面を開き、ダッシュボードから「新規作成」を選びましょう。
表示したい内容として「送料無料」を選択
表示内容を選択する画面が映し出されるため、ここで「送料無料」を選びましょう。
表示方法（バー・ブロック・ポップアップ）を選択
本件の問い合わせ内容を満たすのは「ブロック表示」です。ブロックを表示、を選択してください。
商品ページとカートページのどちらに表示させるかを選び、詳細設定に映ります。
送料無料の金額、各状態の文言、デザイン、表示オプションを設定して保存
設定が完了したら右側にプレビューが表示されるため、問題なければ「保存」もしくは「公開」をクリックして、完了です。送料無料の金額は手動入力のほか、Shopifyの配送プロファイルから自動取得する設定も可能です（ADVANCEプラン以上）。
送料無料バー&アップセル.ampでできるその他の活用例
今回のような「残り金額の表示」以外にも、さまざまな活用ができます。
商品レコメンド機能（ADVANCEプラン）では、送料無料まであと少しというタイミングで、残り金額に近い商品を自動でレコメンド表示できます。「あと何を追加しようか」と迷う購入者の背中を具体的に後押しできます。
ノベルティ配布機能（PROプラン・Shopify Plus限定）では、「あと〇〇円でノベルティプレゼント」という訴求を送料無料バーと組み合わせて表示できます。ギフトシーズンや新商品プロモーション時に特に効果的です。
アプリの詳しい機能については、こちらの紹介記事も参考にしてください。
あわせて読みたい
まとめ｜送料無料ラインを設けているなら、まず「見せる」ことから始めよう
送料無料の条件を設けていても、購入者に伝わっていなければ効果は半減します。「送料無料バー&アップセル.amp」を使えば、カートページや商品ページに「あと〇〇円で送料無料」をリアルタイムで表示でき、コード編集不要ですぐに設定を始めることができます。
プランは無料から始められ、レコメンド機能やノベルティ訴求なども段階的に試せる構成になっています。まずは7日間の無料体験で、実際の効果をお試しください。
