EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

バナー(Banner)は、日本語に直訳すると「のぼり」や「旗」という意味になります。
Shopifyストアにおけるバナーの使われ方は、「新商品の紹介」や「〇〇円以上で送料無料の案内」、「お得なディスカウントクーポンの紹介」、「公式LINEへの友達追加の案内」などの宣伝・紹介のために設置するケースが多いです。
サイトバナーは「同一サイト内の他ページへの移動を簡便にする」、「サイトの情報をお客様へお知らせする」のが主な役割で、「新商品の紹介」や「お得なクーポンの紹介」、「年末年始の営業時間のお知らせ」など様々な用途で利用されています。
下記では、Shopifyストアでの主なサイトバナーを紹介します。
Shopifyストアの上部に「◯円以上で送料無料」や「あと◯円で送料無料」など、一度の注文金額がいくら以上の場合に送料が無料になるかをお客様にお知らせするバナーです。
作業コストが少なく、顧客単価を向上できるバナー施策の一つです。
送料無料バーを表示できるShopifyアプリは多く存在しますので、Shopifyアプリストアで「送料無料バー」と検索して、探してみると良いでしょう。
送料バー同様にShopifyストアの上部に表示するバナーで、「年末年始の営業時間のお知らせ」や「積雪による配送遅延のお知らせ」、「新商品のお知らせ」など様々な用途で利用されます。無料のShopifyテーマである「Dawn」など様々なShopifyテーマにデフォルトの機能として存在していますので、何かお客様に告知したい情報がある場合は、試してみると良いでしょう。
最も一般的なバナーで、ページ内の任意の場所に表示するバナーです。
Shopifyストアでは、Shopifyテーマが提供しているブロック(ウィジェット)を利用して、任意の場所にバナーを表示することが出来ます。
上記で紹介したバナーと違い、Shopifyストアの特定の位置に追従する形で表示されるバナーです。Shopifyストアでは、「公式LINEへの友だち追加」や「メルマガ購読」、「初回割引クーポン」「WEBチャット相談」などを出しているケースが多いです。
高い確率でストア訪問者の目に入るため、高い効果を期待できる一方で、邪魔になるケースもありますので、非表示ボタンや非表示にした際に一定期間再表示させないようにするなどの工夫が必要です。
広告バナー(広告用バナー)は、広告枠に掲載して自社ストアや自社製品を紹介するバナーのことです。主に自社ストア・自社製品へのアクセス数拡大や認知拡大を目的に利用されます。
広告バナーは、外部のWebサイトやブログ、SNS(Facebook、Twitter、Instagramなど)、動画サイト(YouTubeなど)といった外部媒体の広告枠に設置されます。
下記では、主な広告バナーを紹介します。
レクタングルは最も一般的なタイプのバナーです。
レクタングルは350×250 pxなどがサイズとして指定されており、表示位置はWebサイトのサイドカラムに用いられることが多いです。
こちらも使用される頻度の多いサイズのバナーです。
名前の通り正方形のサイズで、Googleは250×250 px、Yahooは300×300 pxなど、媒体によってサイズ規定がありますので事前に確認が必要です。
横長で視認性が高いのが特徴で、目立つためアピールしやすく、高いクリック率にもつながりやすいです。
728×90 pxのサイズが一般的で、大きくスペースを使うため、スマートフォンの画面には不向きで、パソコン専用バナーとなります。画像だけでなく、テキストも使用した掲載方法が多いです。
スカイスクレイパーは縦長スタイルの広告バナーで、サイズは120×600 pxが一般的で横幅もある程度あるため、アピール力があるのが特徴です
お知らせバーや埋め込みバナーなどデフォルトで表示できるブロック(ウィジェット)を提供しているShopifyテーマは多くあります。まずは、利用中のShopifyテーマが何に対応しているかを確認しましょう。
Shopifyテーマでバナーを表示するメリットとしては無料でバナーを表示できることで、デメリットとしてはデザインのカスタマイズ性が乏しいことです。
Shopifyテーマが対応していなかったり、どうしても求めるバナーの表示ができない場合はShopifyアプリを選択するのも一つの方法です。
Shopifyテーマに比べ、月額費用が発生する場合がありますが、デザインのカスタマイズ性が高い傾向にあります。
Shopifyアプリを利用してもどうしても実現できないバナーの表示方法などもあると思います。そういった場合は、Shopifyテーマのソースコードをカスタマイズする必要があります。
メリットとしては無料で作ることができ、自由にデザインをカスタマイズ出来ることです。デメリットとしては、HTMLやCSS、JavaScriptなどのプログラミング知識が必要になることです。また、開発だけでなく、意図したとおりに動くかテストする時間や別のバナーへの張替えなど継続的なメンテナンスが発生するのがデメリットです。
シンプルバナーは、Shopifyストアにバナー(画像のみ)を簡単に設置できるShopifyアプリです。
無料 〜
らくらくバナー設置アプリも、シンプルバナー同様にShopifyストアにバナーを簡単に設置できるShopifyアプリです。
らくらくバナー設置アプリの料金
$1.99 / 月
送料無料バーは、あとどれだけ購入すれば送料が無料になるか金額を表示できるShopifyアプリです。
送料無料バーの料金
無料
送料無料バー .ampも、上述の「送料無料バーアプリ」同様に送料無料になるまでの残り金額を表示できるShopifyアプリです。
無料
Canvaは、無料で使えるオンラインのデザイン作成ツールです。
直感的にバナーを作成できるだけでなく、豊富なデザインテンプレートが存在するためバナーのデザインを1から考える必要がないため、大幅なコスト削減が出来ます。
また、バナーは作って終わりではなく、ABテスト等で仮説検証を繰り返し、効果が最大化するバナーへブラッシュアップしていくことが大事です。Canvaでは一度作成したバナーを複製&一部修正などが簡単にできるため、継続したバナー改善にもおすすめのデザイン作成ツールです。
RuffRuff 目次作成の機能や料金プランを知りたい方は下記のページをご参考にしてください。 Shopifyに目次を自動生成するアプリ「RuffRuff...
Tsun Inc. CTOの小笠原です!今回はShopify APIをPostmanで簡単に実行するノウハウをまとめました。 Shopify APIに限...
EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。
掲載している各種情報は、株式会社Tsunが調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。
{"one"=>"比較する2つまたは3つのアイテムを選択します", "other"=>"選択された3つのアイテムの{{ count }}"}