WooCommerceに送料無料バーを追加する方法(ステップバイステップ)

多くのWooCommerceストアオーナーが、顧客が送料無料まであとどれくらいかを知らなかったために売上を失っているのを何度も見てきました。

そこが無料配送バーの出番です。これは、お客様に「もう少しだけ購入すれば、送料は無料になります!」と伝えるフレンドリーなリマインダーと考えてください。

お客様はセールが大好きで、追加料金を嫌います。送料無料のしきい値を表示することで、買い物客にカートにさらに追加するように促し、平均注文額を増やすことができます。

いくつかのソリューションをテストした後、OptinMonsterがWooCommerceでプロモーション用の送料無料バーを設定する最も速く簡単な方法であることがわかりました。

このガイドでは、今日から売上を増やし始めるのに役立つ各ステップを説明します。

WooCommerceに送料無料バーを追加する

重要:まず配送ルールを設定してください

開始する前に、送料無料バーがプロモーションツールであることを理解しておくことが重要です。これは顧客にオファーを通知しますが、実際の配送料ルール自体を作成するわけではありません。WooCommerceの設定で、まず送料無料を設定する必要があります。

これにより、顧客が要件を満たした場合に、チェックアウト時に割引が自動的に適用されます。

詳細については、WooCommerceで配送料割引を提供する方法に関するガイドをご覧ください。

WooCommerce送料無料バーを表示する理由

配送料は、カート放棄による販売の主な理由の1つです。多くのオンラインストアでは、送料無料を提供することでこれに対処しています。

お客様にオファーについて知らせることは、売上を伸ばす素晴らしい方法です。送料無料バーは、ユーザーがスクロールしても表示され続ける目立つバナーであり、常に取引を思い出させます。

これにより、ユーザーは送料無料の対象となるようにカートにさらに追加するようになり、平均注文額と全体的な売上が増加します。

無料配送バーの例

WooCommerce の無料配送は、Advanced Coupon プラグイン(スマートクーポンや配送料の割引を作成するための強力なツール)を使用するか、単に オンラインストアで配送方法を設定することで提供できます。

無料配送を有効にする方法に関わらず、サイトでそれを適切に強調することが重要です。そこで役立つのが無料配送バーです。

配送バーを作成するために、OptinMonster を使用します。これは WordPress 用の最高のリードジェネレーションプラグインであり、ポップアップ、フローティングバー、その他のサイト内キャンペーンを作成して訪問者の注意を引くことができます。

これは、WPBeginner や当社のパートナーサイトでマーケティングキャンペーンを実行するために使用しているものでもあります。詳細については、当社の完全なOptinMonster レビューをご覧ください。

ここで説明する手順は次のとおりです。

ステップ 1: OptinMonster アカウントの設定

まず、OptinMonsterのウェブサイトにアクセスし、アカウントにサインアップする必要があります。

OptinMonster

OptinMonsterにサインアップした後、次のステップはWordPress用の無料のOptinMonsterプラグインをインストールして有効化することです。WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

このプラグインは、OptinMonsterアプリをWordPressサイトに接続します。有効化した後、WordPressダッシュボードのOptinMonsterメニューをクリックします。次に、「アカウントを接続」ボタンをクリックして、WordPressとOptinMonsterアカウントを接続します。

OptinMonsterをWordPressサイトに接続する

ステップ 2: WooCommerce 無料配送バーを作成する

これで、WooCommerceの送料無料を提供するフローティングバーを作成できます。

まず、WordPressダッシュボードのOptinMonsterページに移動し、右上にある「新規追加」ボタンをクリックするか、「最初のキャンペーンを作成」ボタンをクリックします。

新規キャンペーンを作成
キャンペーンタイプとテンプレートの選択

新しいポップアップウィンドウが開き、テンプレートまたはプレイブックを選択できます。

OptinMonsterは、キャンペーン用の美しいテンプレートを提供しています。1つを選択して、ニーズに合わせてカスタマイズできます。一方、成功したブランドにインスパイアされたすぐに使えるキャンペーンも提供しています。

このチュートリアルでは、「テンプレート」オプションを選択します。

テンプレートまたはプレイブックを選択する

これでOptinMonsterキャンペーンビルダーに移動します。

ここで、キャンペーンタイプとして「フローティングバー」を選択する必要があります。

フローティングバーキャンペーンを選択

次に、下にスクロールしてキャンペーンテンプレートを選択します。OptinMonsterには、プロフェッショナルなテンプレートの素晴らしい範囲があります。テンプレートの上にマウスカーソルを移動し、「テンプレートを使用」ボタンをクリックします。

キャンペーンの名前付け

OptinMonsterは、キャンペーンの名前を付けるように求めます。ここでは好きな名前を使用できます。

キャンペーンの名前を入力してください

準備ができたら、「Start Building」ボタンをクリックするだけです。

バーの外観のカスタマイズ

次に、テンプレートに追加できるさまざまなブロックがあるOptinMonsterビルダーインターフェイスが表示されます。

フローティングアラートバーをカスタマイズする

デフォルトでは、フローティングバーは画面の下部に固定されます。代わりに画面の上部に表示したい場合は、簡単に変更できます。

フローティングバーを選択し、左側のメニューで「フローティングバー設定」をクリックします。次に、「フローティングバーをページ上部に読み込むか?」オプションをオンにします。

アラートバーを一番上に移動

バーのテキストを変更するには、それをクリックするだけです。

必要に応じてテキストをカスタマイズできます。フォントスタイル、色、フォントサイズなども変更できます。キャンペーンのプレビューは自動的に更新され、ライブでどのように表示されるかを示します。

無料配送の対象となるには、最低注文金額をわかりやすく表示することをお勧めします(例:「50ドル以上の注文で送料無料!」)。

この明確なメッセージは、顧客が無料配送の対象となるようにさらに多くの商品を追加するよう動機付け、効果的に平均注文単価を向上させることができます。

ここでは、テキストとフォントを変更しました。フォントサイズもわずかに増やしました。

送料無料バーのテキストを編集する

送料無料バーのボタンも変更できます。

ボタンをクリックするだけで、設定が左側のパネルに表示されます。そこでボタンのテキストを変更できます。

送料無料アラートバーのボタンテキストと設定を編集する

お客様を特定のページに誘導するには、「リダイレクト URL」フィールドにその URL を入力できます。ただし、すべてのバーにボタンが必要なわけではありません。

ボタンのアクションを単に「キャンペーンを閉じる」に設定したり、シンプルな告知のためにボタンを完全に削除したりすることもできます。

無料配送バーの色を変更したい場合も、簡単にできます。まず、左側のメニューから「詳細設定」タブをクリックし、ボタンの背景色を変更してください。

編集ボタンの色とエフェクト

ステップ3:送料無料バーを表示するためのルールを調整する

次に、誰がサイトで無料配送バーを見るべきかを制御する表示ルールを選択する必要があります。

表示ルールの設定

画面上部にある「表示ルール」タブをクリックするだけです。

OptinMonsterで表示ルールを設定する

デフォルトでは、OptinMonsterはユーザーがサイトのいずれかのページに5秒間滞在した後、フローティングバーを表示します。

送料無料バーを即座に読み込みたい場合があります。これを行うには、このルールを削除するだけです。右側にあるマイナスアイコンをクリックして実行します。

無料配送バーを即座に表示する

これで、「現在のURLパスがいずれかのページである」というルールが残ります。

それ以外にも、さまざまな表示ルールを選択できます。たとえば、特定の地域からのユーザーに送料無料バーを表示したり、特定の商品ページを閲覧しているときに表示したりできます。

これはターゲットを絞ったプロモーションに最適です。たとえば、「キャンプ用品全品送料無料!」というバーを作成し、訪問者が「キャンプ」商品カテゴリを閲覧しているときにのみ表示されるように設定できます。

物理的な場所の表示ルール
キャンペーンの公開

最後のステップは、キャンペーンをサイトで公開することです。画面上部の「公開」タブをクリックします。

キャンペーンを作成中は、デフォルトで一時停止されています。「Draft」から「Publish」に切り替えることができます。

送料無料バーを公開する

それが完了したら、「Save」ボタンをクリックしてキャンペーンビルダーを閉じます。

次に、送料無料アラートバーのキャンペーン出力設定が表示されます。ステータスが「公開済み」になっていることを確認するか、ドロップダウンメニューをクリックして「保留中」から「公開済み」に変更してください。

送料無料バーの出力設定

完了したら、「変更を保存」ボタンをクリックすることを忘れないでください。

これで、ウェブサイトにアクセスして、送料無料バーがライブで表示されていることを確認できます。

これは、アラートバーがデモショッピングサイトにどのように表示されたかのプレビューです。

送料無料バーのプレビュー

無料配送バーの追加に関するよくある質問

当社の読者からよく寄せられる、配送バーに関する質問をいくつかご紹介します。

送料無料バーは特定の製品ページやカテゴリに表示できますか?

はい、OptinMonsterの高度な表示ルールを使用すると、無料配送バーの表示設定を高度にカスタマイズできます。

これにより、特定の製品ページやカテゴリをターゲットにすることができ、プロモーションが最も恩恵を受ける可能性のあるオーディエンスに確実に届くようになります。

初期のセットアップ後、送料無料バーの外観をカスタマイズすることは可能ですか?

はい、もちろんです!OptinMonsterのビルダーは非常に柔軟です。いつでも色、テキスト、フォント、さらにはバーが表示される場所を変更するために戻ることができます。

プロモーションが常にブランドのスタイルに一致するようにすることは簡単です。

送料無料バーをリピーターのみに表示するにはどうすればよいですか?

OptinMonsterには、訪問者の行動に基づいてキャンペーンを設定するオプションが含まれており、送料無料バーの表示をリピーターに特化させることができます。

この戦略は、以前にあなたの製品に興味を示した顧客にインセンティブを提供することで、ユーザーエクスペリエンスとエンゲージメントを向上させることができます。リピート購入を促進し、顧客ロイヤルティを構築するための強力なツールとなり得ます。

この記事が、WooCommerceに送料無料バーを追加する方法を学ぶのに役立ったことを願っています。また、オンラインストアに最適なWooCommerceプラグインのリストや、WooCommerceでクーポンをスケジュールして時間を節約する方法に関するチュートリアルも確認することをお勧めします。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

コメントを残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。