送料無料のバーでShopifyの売り上げを伸ばす方法

オンライン買い物客は送料無料に慣れてきました。 eコマース業界での長年の競争により、輸送コストは着実に低下しています。 今日、送料無料を提供することはあなたの売り上げを伸ばすための最良の方法の1つです。

送料無料バーは、買い物客がカートにアイテムを追加して特定の金額に達し、送料無料の資格を得るように促します。

この記事では、以下について説明します。

• 送料無料バーとは
• なぜそれがとても効果的か
• それらをうまく使用したオンラインストアからのいくつかの素晴らしい例
• 送料無料バーでShopifyの売り上げを伸ばすための高度な方法

始めましょう！

送料無料バーは、Webページの上部または下部に貼り付けられる小さなバナーであり、特定の価格に達した後に送料無料が開始されることを訪問者に通知します。

オファーの可視性を高めるのに最適で、次のようになります。

送料無料バーとは何かがわかったところで、送料無料バーを使用する2つの主な理由を見てみましょう。

1.カートの放棄を減らす

まず、予想外の高額な送料によるカートの放棄を解決するのに役立ちます。 買い物客は、余分なコストを「考慮」していないため、興奮している購入を見逃す傾向があります。

ただし、顧客が最初から送料について知っている場合は、意思決定プロセスにそれらの数値を含めることができます。

そのため、買い物客が送料無料のしきい値を満たしていない場合でも、送料無料バーは、チェックアウト時に送料が不快な驚きにならないようにすることで、その役割を果たしています。

2.平均注文額を増やす

第二に、送料無料バーは、注文ごとにより多くを費やすように顧客を促します。

統計によると、10人中9人の消費者が、送料無料がオンラインで買い物をする最大のインセンティブであると述べています。 また、送料無料の注文の平均価格は約30％高くなります。

これは当然のことです。 人々はお得な情報を手に入れたいと思っています。 そのため、送料無料の対象となるために、カートに追加するアイテムを積極的に見つけようとします。

これは、送料無料バーの設定にわずか5分を費やすと、平均注文額を最大30％増やすことができることを意味します。 それはどれくらい素晴らしいですか？

出典： Invesp

それでは、成功したShopifyストアの送料無料バーの例をいくつか見てみましょう。 うまくいけば、これらはあなた自身を刺激するのに役立ちます！

1.参加食品

partakefoods.comのこの例は、送料無料バーがWebサイトのデザインと配色をどのように補完できるかを示しています。

2.パッケージ無料ショップ

Package Free Shopは、この例ではコピーを短くしています。 スティッキーバー（送料無料バーを含む）を選択する場合は、単語が少ないほど良いです。

3.Allbirds

Allbirdsは、伝えるべき情報がたくさんあるため、スティッキーバーで長いコピーを使用します。 彼らは、送料無料のオファー、便利な返品ポリシー、および「自信を持って贈る」というタグラインを宣伝しています。

4.ナジャ

ナジャの送料無料バーは非常に繊細で、サイトの自然な外観を維持しています。 それは気を散らすことなく彼らのメッセージを伝えます。

5.チークボーンビューティー

Cheekbone Beautyは、異なるデザインアプローチを採用しています。 彼らの送料無料バーは、メッセージの最も重要な部分である「送料無料」と「38ドル以上」を強調するホットピンク色で画面から飛び出します。

6. Meow Meow Tweet

Meow Meow Tweetは、スティッキーバーで配送ポリシーに関する多くの詳細を伝えます。 彼らは、米国と海外の買い物客の両方に送料の予想を設定しました。

7.MFMGコスメティックス

MFMGコスメティックスは、スティッキーバーに明確で効率的な言葉を使用しています。これは、「 50ドルを超えるすべての注文」での「無料」配送に注目を集めています。

8.スタ

Sutaの送料無料バーは、ミニマルなデザインを使用して、他のWebサイトとシームレスに統合しています。 あなたのウェブサイトが単純であるならば、あなたの粘着性のあるバーも単純でなければなりません。 視覚的な一貫性は、Webデザインの鍵です。

9.Tentree

送料無料バーに少し熱意を注ぐことは何も悪いことではありません。 Tentreeは、オファーの最後に感嘆符を追加します。これは、大きな違いを生む小さな詳細です。

10.ビューティーベーカリー

Beauty Bakerieは、送料無料バーとホームページで同じフォントの色を使用しています。 同時に、粘着性のあるバーの柔らかな青色は、気を散らすことなく訪問者の目を引き付けます。

送料無料バーの優れた例をいくつか見てきたので、今度は送料無料バーのより高度な形式を紹介します。 「ダイナミック送料無料バー」と呼ばれています。 これはあなたがあなたの売り上げをさらに増やすのを助けるでしょう。

Shopifyストアに「Xドルを超える注文で送料無料」などの取引がある場合、動的送料無料バーを使用すると、それらがより見やすく、魅力的で、最終的にはより効果的になります。

動的送料無料バーの重要な機能は、送料無料の資格を得るために必要な金額を顧客に表示することです。

顧客がカートにアイテムを追加するたびに、スティッキーバーは動的に応答します。 したがって、20ドルの商品を車に追加した顧客には、Dynamic Free Shipping Barの更新が表示され、「送料無料で購入できるのはたったの10ドル（または20ドルなど）」のようになります。

BLK＆Boldの例を見てみましょう。 あなたが彼らのウェブサイトに到着したとき、これはあなたが見るものです：

顧客がカートに何かを追加すると、配送バーのテキストが自動的に変更されます。

カートの値が送料無料のしきい値に達すると、コピーが再び変更されます。

次に、OptiMonkのポップアップエディタを使用して、動的送料無料バーを5分で作成する方法を見てみましょう。 ご覧のとおり、これは非常に単純なプロセスです。

ステップ1：テンプレートを選択する

OptiMonkのテンプレートライブラリには、送料無料のバーがたくさんあります。 Webサイトのルックアンドフィールに合ったものを選択することをお勧めします。 ここにいくつかの例があります。

ステップ2：デザインをカスタマイズする

テンプレートを選択したら、色、サイズ、フォントなどのデザイン機能を編集できます。 それらのいくつかでは、独自の画像を追加することもできます。

これらの変更を行うと、スティッキーバーがWebサイトに自然にフィットするのに役立ちます。

ステップ3：コピーを書く

次のステップは、送料無料の対象となる最小注文額の設定を含め、スティッキーバーのコピーをカスタマイズすることです。

たとえば、100ドルを超える注文で送料無料を提供することを選択できます。 その場合は、テンプレートのテキスト要素に次のコピーを書き込む必要があります。「[[cartValueCountdown：100]] USDをカートに追加すると、送料が無料になります！」 この行は、動的テキストを表示する場所に配置する必要があります。

二重括弧内の部分は、ダイナミックスティッキーバーにカウントダウンする量を示します。

通貨は検出されないことに注意することが重要です。そのため、上記の例のように、選択した通貨を角かっこで囲んで入力する必要があります。

ステップ4：2番目のページを追加する

送料無料の資格を得るためにどれだけの費用が必要かを顧客に通知するだけでなく、しきい値に達したときに顧客に通知する必要もあります。

カートの金額が必要な金額を超えたときに、「送料無料のロックを解除しました」などのメッセージを表示する別のページを設定することをお勧めします。

訪問者がしきい値に達すると、スティッキーバーが自動的に更新されます。

ステップ5：ターゲティングとトリガーを設定する

OptiMonkのターゲティングおよびトリガーオプションは、ポップアップが表示される訪問者のセグメント（およびいつ）を制御します。

動的送料無料バーを設定するときは、スティッキーバーがいつ表示されるかを制御するカートルールを設定することをお勧めします。 カートの最小値はゼロを超えている必要がありますが、最大金額は送料無料のしきい値を超えてはなりません。

これにより、キャンペーンはカートに何かを追加した訪問者にのみ表示されますが、送料無料の資格を得るには不十分です。

ステップ6：アクティブ化する

その後は、キャンペーンをアクティブ化するだけで済みます。

私たちの練習例がどのようになったかを見てみましょう：

送料無料バーまたはさらに優れた動的送料無料バーをWebサイトに追加すると、顧客は注文時に送料無料になります。 また、すべての訪問者にとって配送ポリシーが明確になります。つまり、チェックアウト時に不快な驚きを感じることはありません。

すばらしいのは、OptiMonkを使用すると、Shopifyストアに送料無料バーを簡単にインストールできることです。 今日から始めましょう！