ピンボール鬼武者

Shopifyでバナー設置するメリット・方法とは?収益改善の視点で解説

Shopifyは、世界最大級のEC作成プラットフォームであり、自(zi)社(she)の商品・サービスを販売する上で重(zhong)要なチャネルとなります。自(zi)社(she)の収益力を高めるためにも、Shopifyへバナーの設置(zhi)を検討している方も多いのではないでしょうか。

一口にバナーといっても、種類やサイズはさまざまで、プログラミング知識の有無(wu)によって設置できる方法も異(yi)なります。

今(jin)回(hui)は、Shopifyで用(yong)いるバナーの概(gai)要を紹介した上で、メリットや具(ju)体的(de)な設置方法、バナー設置で気を付けるべきポイントについて詳しく解(jie)説します。収益改(gai)善を図(tu)りたいという方は、ぜひ参考にしてみてください。

関連記事:日本語対応のおすすめShopifyアプリ14選!ランキング一覧で紹介

1.Shopifyで用いるバナーの役割・種類とは?

まずは、Shopifyで用いるバナーの役(yi)割や、種類別の特徴について見ていきましょう。

1-1.バナーの役割

Shopifyストアにバナーを設(she)置(zhi)することで、新商品の紹(shao)介(jie)や、送料無料キャンペーンなどをアピールする役割を果たします。そもそもバナーは直訳すると「のぼり」や「旗(qi)」などの意味(wei)を持つ言葉で、写真・イラスト・文(wen)字で構成された画像を指しています。

バナーには、ユーザーを誘導したい内容を記載したWebページのリンクが埋め込まれているため、いかにクリックしてもらいやすいデザインに仕(shi)上げるかがポイントです。

1-2.バナーの種類

Shopifyのサイト内で用いるバナーは、主に以下の4種類に分(fen)かれています。

種類特徴
送料無料バナー「一定金額以上の購入で送料無料になる」と告知するバナーで、Shopifyストアの上部に設置するのが一般的。顧客単価(1人あたりの顧客が1回の買い物で支払う平均額)の向上が見込める上、作業コストはほとんどかからない。
告知バナー新商品や営業時間などを事前に告知するバナーで、一般的にShopifyストアの上部に設置する。
埋め込みバナーShopifyストアの任意の場所に設置するバナーで、基礎的な情報を表示する。
オーバーレイバナーユーザーが画面をスクロールしても、特定の位置で常に表示されるバナー。公式LINEやメルマガへの誘導、初回クーポンなどの表示に用いられる。

こうした上(shang)記のバナーを使い分けて、自社運営のShopifyサイトの売上(shang)アップに向けて取り組(zu)むことが重要(yao)です。

2.Shopifyでバナーを使うメリット

次に、Shopifyでバナーを使う2つのメリットについて紹(shao)介します。いずれも収益改善の効果が期待できるメリットばかりなので、ぜひチェックしてみてください。

2-1.メリット①商品・サービスの販促効果がある

バナーを設(she)置(zhi)することで、商(shang)品・サービス、もしくはセール情(qing)報などを告知できるため、ユーザーの購(gou)買意欲をアップさせる効(xiao)果が見込めるでしょう。

また、自(zi)(zi)社のコンセプトに沿わせつつ、バナー自(zi)(zi)体の背景(jing)色や文字色を目立たせることで、訴求効(xiao)果をより高められます。テキストとしてShopifyストアに記載するよりも、バナーとして表示させたほうがユーザーの目を引くことも利点です。

ただし、むやみにバナーの設置数(shu)を増(zeng)やすと雑然とした印象を与えて、ユーザーの購買意欲(yu)を損なうおそれもあるため、表示させるバナーは目的に沿ったものに限定しておきましょう。

なお、調査ランキングで1位を獲得した実績がある場合や、大幅(fu)なディスカウント価格で売り出(chu)すような場合は、具体的な数字や画像として大きく打ち出(chu)すことで、競合との差もアピールできます。

その際、UX(ユーザーエクスペリエンス)の視点に立ち、バナーに記載(zai)する内(nei)(nei)容と、リンク先のWebページの内(nei)(nei)容をきちんと合(he)(he)致させることも重要です。もしもバナーと遷(qian)移先のWebページの内(nei)(nei)容が異なっている場合(he)(he)、ユーザー体験を損ない、離脱(tuo)につながるおそれがあるためです。

2-2.メリット②顧客単価アップが見込める

Shopifyでバナーを設置すれば、顧客単価のアップが見(jian)込めるメリットもあります。というのも、「送(song)料(liao)(liao)無料(liao)(liao)キャンペーン」や「購入商品のセット割引」などを告知(zhi)することで、ショッピングするユーザーの購入額を向(xiang)上させやすくなるためです。

例えば、5,000円以上で送料(liao)無料(liao)キャンペーンを展開した場合(he)、本来は3,000円の商品のみを目(mu)的にShopifyストアを利用していたユーザーの「ついで買(mai)い」を誘発しやすくなります。バナーで告知(zhi)すれば、このように顧客単価アップの効果が見込(込)め、収(shou)益改善にも役(yi)立てられるのです。

関連記事:Shopifyで行うべきマーケティングとは?集客のための手法12選

3.Shopifyでバナーを設置する方法3選

Shopifyでバナーを設置する方(fang)法(fa)は大きく3つあります。ここからは、それぞれの方(fang)法(fa)について確認(ren)していきましょう。

3-1.方法①テーマを利用する

Shopifyに備え付けのテーマを利用してバナーを作成する場(chang)合は、ノーコード(コード編(bian)集なし)で設置が可能(neng)です。

メリットは、埋め込(込)みバナーやお知らせバナーなど基(ji)本的(de)な仕様に対応しているShopifyテーマが多くあり、無料で利用(yong)できるテーマもある点です。

ただし、デザインのカスタマイズ性(xing)は決(jue)して高いとはいえず、Shopifyテーマによっては自(zi)社が希望するようなバナーを作成できない点はデメリットともいえます。

独自性(xing)のあるバナー設置を希望するのであれば、方(fang)法②③をご検(jian)討ください。

3-2.方法②アプリを活用する

Shopifyのバナー設置では、テーマ以外にアプリを活用(yong)することも可(ke)能です。無料プランで使(shi)えばコストをかけずに利用(yong)できるメリットはありますが、なかには有料プランしか選(xuan)べないものもある点はデメリットでしょう。

とはいえ、アプリを活用すれば、カスタマイズ性に優れたオリジナリティのあるバナーを制(zhi)作(zuo)できます。具体(ti)的な種類としては、以下のようなアプリが挙げられます。

種類無料プラン有料プラン(月額)特徴
シンプルバナーあり1.99ドルShopify標準のテーマカスタマイズ画面で、バナー設置を行えるアプリ。PC/モバイルの画面に合わせた表示レイアウトの切り替えも可能。
らくらくバナー設置アプリ7日間無料体験あり1.99ドルオール日本語対応で、ノーコードでカスタマイズできる。Online Store 2.0 にのみ対応。
プロモバナーあり9.99ドル簡単なクリック操作でバナー設置が可能で、クリック数と表示回数をリアルタイムに表示できる。

上記のほかにもバナー設置に使えるアプリは複数あるため、ニーズに応じて自由に選(xuan)べます。

3-3.方法③コードを編集する

既存のテーマやアプリでは自社が希望するバナー表示が難しい場合(he)は、コードを編集するのも手です。メリットとして、デザインを自由にカスタマイズできるため競(jing)合(he)他社との差(cha)別化を図れ、自社の優位(wei)性を確保しやすい点が挙げられます。

一方、デメリットはHTMLやCSSなどのプログラミング知識が必須なことです。内製(zhi)が厳しいのであれば、外部に開発サポートを求めなければなりません。

開(kai)発(fa)以後も、仕様変更や定期(qi)的なメンテナンスは不(bu)可欠なので、中長期(qi)にわたって協力してもらえるような信頼(lai)できるパートナーを探すことが大(da)切です。

4.Shopifyのバナー設置で押さえておきたいポイント

Shopifyのバナー設(she)置で押(ya)さえておくべき4つのポイントについて紹介します。

4-1.ポイント①必要な情報を網羅する

ユーザーに訴求(qiu)したい内容に、過(guo)不足(zu)がないように注意が必要です。例えば、新商品(pin)のバナーを設置する場合は、商品(pin)名や発売日、画(hua)像(xiang)、主(zhu)な機能などの情(qing)報を盛り込(込)まなければなりません。

また、期(qi)間限定のセールについて訴求するのであれば、具体的なセール期(qi)間や対象となる商(shang)品・サービス、キャッチコピーなどを掲載します。バナーとしての効果を高めるためにも、構成する要素をあらかじめ選定し、精査しておきましょう。

ラフ案を3つほど作成して、最終的(de)な完成形に向けてブラッシュアップすることで、より販(fan)促力(li)のあるバナー制(zhi)作が可能です。

4-2.ポイント②設置場所に適したサイズを知っておく

バナーをWebページのどこに配(pei)置(zhi)するかは、サイズによっても左右されます。代表的なバナーのサイズと、適した設置(zhi)場(chang)所は以(yi)下(xia)のとおりです。

サイズ横×縦(px)主な設置場所
ビッグバナー728×90Webページの上部・下部など
レクタングル(中)300×250Webページの途中もしくは末尾
レクタングル(大)336×280Webページの途中もしくは末尾
モバイルバナー(大)320×100Webページの末尾など。スマートフォン、携帯電話向けのバナーで、オーバーレイバナーとしても利用される。

バナーのサイズは複数(shu)あるため、自(zi)社のShopifyストアのどこに配置(zhi)すべきなのか充分(fen)に検討(tao)しましょう。

4-3.ポイント③ユーザーのクリック導線を分析する

バナーは設置することが目的(de)ではなく、自社の売上アップを促すことが最終的(de)な目標です。そのため、実際(ji)のユーザー行動にどのような変(bian)化をもたらしたのか分析し、改善につなげることが重要といえます。

例えば、バナーの設置(zhi)位(wei)置(zhi)を期(qi)間ごとに変えて、ユーザーのクリック率が最も高い位(wei)置(zhi)を分(fen)析(xi)するような取り組みが大切です。こうした分(fen)析(xi)・改善を繰(qiao)り返すことで、より販促(cu)効果の高いユーザーのクリック導線上(shang)に、バナーを設置(zhi)できるようになります。

4-4.ポイント④商品・サービスに合った配色にする

バナーで用いる色(se)は、商(shang)品・サービスに見合った配色(se)にすることがポイントです。一般的に、色(se)から受け取るカラーイメージは以下のとおりです。

色の種類主なカラーイメージ
情熱的、アクティブ、生命力
清潔、平和、はじまり、広さ
希望、躍動、元気
ピンク感謝、愛、優しさ
平穏、リラックス、さわやか
誠実、落ち着き、集中
高級、重厚、フォーマル

こうしたカラーイメージを把握した上で、自社の商品・サービスのコンセプトを汲んだバナーを作成すれば、差別化が可能となるでしょう。

5.Shopifyの販促効果アップに!レコメンド機能の実装もおすすめ

バナー設置と併せて、Shopifyでの販促効(xiao)果を高めるためにレコメンドエンジン「PeecAI」の実装(zhuang)もおすすめです。「」とは、ECサイト特化(hua)型のレコメンドエンジンのことで、Shopifyへ導入すれば以下のメリットが期(qi)待できます。

【PeecAI実装のメリット】

・自動でレコメンドしてくれるため、運用の手(shou)間なく収益性(xing)を高められる

・蓄積データを活(huo)用して、ユーザーごとにパーソナライズされた商(shang)品(pin)提(ti)案ができる

レコメンドタイプは「埋込(込)み型」と「オーバーレイ型」に分(fen)かれているため、自社(she)として効果が見込(込)めるほうを自由に選(xuan)択できます。

初期(qi)設定の手間なく、最短(duan)5分で運用をスタートできる上、レコメンドで獲(huo)得した成果は可視化できるため、ユーザー体験をさらに高(gao)めたShopifyストアの運営へと役立(li)てられるでしょう。

関連記事:Shopifyレコメンド「PeecAI」の3つの強みと成果についてご紹介!

6.まとめ

Shopifyストアにバナーを設置(zhi)すれば、自(zi)社の販促力(li)を高める効(xiao)果が期待できる上、顧客単価のアップも見込めます。

また、バナーの設置とともに、レコメンドエンジンを実装することで、収益性をさらにアップさせられるでしょう。自社(she)のShopifyストアにレコメンドエンジンを導入する際は、ぜひDeFactoryが提供する「PeecAI」をご検討ください。

「PeecAI」のインストールは

Shopify レコメンドエンジン『PeecAI(ピークエーアイ)』
レコメンドエンジンを通じた、
LTV向上・アップセル・クロスセル施策の
ご相談、ご質問はお気軽にご相談ください。
この記事を書いた人
DeFactory代表取締役 事業開発、デジタルマーケティング(検索領域)、グロースハックが得意領域です。 事業の壁打ちのご相談お受けしております!
Shopify レコメンドエンジン『PeecAI(ピークエーアイ)』
レコメンドエンジンを通じた、
LTV向上・アップセル・クロスセル施策の
ご相談、ご質問はお気軽にご相談ください。