WooCommerceで送料無料バーを追加する方法

WooCommerceストアで送料を無料にすることは可能ですか？送料無料を提供することは、売上を増加させる最良の方法の一つです。

私たちは何千人ものユーザーがオンラインストアを作成し、コンバージョンを高めるお手伝いをしてきました。送料無料は、お買い物カゴの放棄を減らし、全体的なコンバージョン率を上げるための実証済みの方法です。課題は、ほとんどのストアオーナーが送料無料オファーを強調できていないことです。

この投稿では、WooCommerceで送料無料バーを追加して売上を伸ばす方法をご紹介します。

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

送料は、お買い物カゴを放棄される理由の上位を占める。多くのオンラインショップは、送料を無料にすることでこれに対処している。

送料無料キャンペーンをカスタマイザーに知らせることは、オンラインショップの売上をアップさせる素晴らしい方法です。

送料無料バナーの例です。ユーザーがスクロールダウンしても画面の上部に表示される、目立つサイト要素です：

ご覧のように、上記の店舗例では、送料を無料にするためにユーザーに一定額の買い物を促している。これは、お買い物カゴの注文金額と全体的な販売量を増やすのに最適です。

WooCommerceのAdvanced Couponプラグインを使用することで、インセンティブ付きの送料無料を有効化することができます。

どのような方法で送料無料を有効化するにしても、サイト上で送料無料を適切に強調することが重要であり、送料無料バーの出番となります。

配送バーを作成するために、OptinMonsterを使用します。これは、WordPressのすべての種類のポップアップを作成するための強力なツールです。

OptinMonsterアカウントの作成とWordPressとの接続

まず、OptinMonsterのサイトにアクセスし、アカウントにサインアップする必要があります。OptinMonsterは、WordPressのための最高のリードジェネレータ・ソフトウェアであり、コンバージョン最適化プラグインです。

注：OptinMonsterは、WPBeginnerの創設者であるSyed Balkhiによって共同作成されました。WPBeginnerでも使用している非常に人気のあるオプトインツールで、非常におすすめです。

詳細はOptinMonsterのレビューをご覧ください。

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

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

WooCommerceに送料無料バーを作成する

これで、送料無料のバナーバーを作成することができます。

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

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

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

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

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

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

次に、下にスクロールしてキャンペーンテンプレートを選択します。OptinMonsterにはプロフェッショナルなテンプレートが豊富に揃っています。テンプレートにマウスカーソルを合わせ、「テンプレートを使用」ボタンをクリックします。

OptinMonsterはキャンペーンの名前を尋ねます。ここでは好きな名前を使うことができます。

準備ができたら、「ビルド開始」ボタンをクリックします。

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

初期設定では、フローティング・バーは画面の一番下に固定表示されます。画面の上部に表示させたい場合は、簡単に変更できます。

フローティング・バーを選択し、左側のメニューから「フローティング・バーの設定」をクリックするだけです。そして、’Load Floating Bar at Top of Page?’オプションをオンにしてください。

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

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

ここでは、テキストとフォントを変更しました。フォントサイズも少し大きくしています：

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

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

WordPressサイトの送料無料に関するページにカスタマイザーを誘導するには、正しいリダイレクトURLを入力します。

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

次に、サイト上の送料無料バーを表示するユーザーをコントロールする表示ルールを選択する必要があります。

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

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

送料無料バーを即座にロードさせたい場合もあるでしょう。その場合は、このルールを削除してください。右側のマイナスアイコンをクリックしてください：

これで、「現在のURLパスは任意のページである」というルールが残るはずだ。

さらに、さまざまな表示ルールを選択することもできます。例えば、特定の地域からのユーザーや、特定の商品ページにアクセスしたユーザーに、送料無料バーを表示させることができます。

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

キャンペーン作成中は、初期設定で一時停止されます。下書きから公開に切り替えることができます。

完了したら、「保存」ボタンをクリックし、キャンペーンビルダーを閉じます。

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

完了したら「変更を保存」ボタンをクリックするのをお忘れなく。

これで、WordPressブログやサイトにアクセスして、送料無料バーをライブで見ることができます。

これは、私たちのデモショッピングサイトでのアラートバーの見え方のプレビューです。

この投稿がWooCommerceで送料無料バーを追加する方法を学ぶのにお役に立てば幸いです。また、あなたのオンラインストアに最適なWooCommerceプラグインのリストや、スマートコールルーティング機能を備えた最高のビジネス電話サービスの比較もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.