ピンボール鬼武者

Shopifyでのポップアップ活用方法とは?おすすめアプリも紹介

Shopifyを運(yun)営するうえでぜひ行っておきたい施(shi)策(ce)の一(yi)つが、ポップアップの導(dao)入(ru)(ru)です。しかし、ポップアップの活(huo)用方(fang)法がよく分からない、どのアプリを導(dao)入(ru)(ru)して良(liang)いか分からないという方(fang)もいるでしょう。

ここでは、Shopifyでのポップアップ活(huo)用方法と併(bing)せて、おすすめのポップアップアプリをご紹(shao)介(jie)します。ポップアップの導入を検(jian)討(tao)している場合は、ぜひ参考にしてください。

1.ポップアップとは

ポップアップとは元々「ポンと飛び出す」という意味を持つ言葉で、パソコンやスマートフォンなどの画(hua)面上で飛び出るように表示されるウィンドウのことです。Webサイト内の特(te)定の部分(fen)をクリックしたり、スクロールしたりすると表示されることがあります。

ポップアップは目(mu)立つように表(biao)示され、「閉(bi)じる」などの操(cao)作(zuo)を行わない限り消えないため、サイトの訪問者にメッセージを伝(yun)えやすく、接(jie)客という点でも非常に重要なツールです。

1-1.ポップアップのメリット

ポップアップを活用(yong)する大きなメリットは、ユーザーの離(li)脱(tuo)防止(zhi)につながることです。サイトを離(li)れようとしたとき、購入(ru)に迷っているときなどにポップアップを表示(shi)させることで、ユーザーをサイト内(nei)にとどめやすくなり、結果として購買率の向(xiang)上(shang)にもつながります。

例えば、以下(xia)のような行動をしているユーザーに対しては、特にポップアップの効果が期待できるでしょう。

【離脱しようとしているユーザー】

  • ブラウザの戻る・閉じるをクリックしたとき
  • マウスが画面外に移動したとき など

【購入(ru)に迷(mi)っているユーザー】

  • 何度も画面をスクロールしている
  • 滞在時間が長い
  • 同じサイト内で他のページと行き来を繰り返している など

2.Shopifyでのポップアップ活用方法

アジャイル開発
アジャイル開発

Shopifyにおいて、ポップアップはどのように活用できるのでしょうか。具(ju)体的な活用方法を見ていきましょう。

2-1.新規顧客獲得対策

ECサイトにおいて新規(gui)顧客獲得は、ハードルが高いものです。ユーザーに対してお得な情(qing)報を、ポップアップを用いて提示(shi)することで、新規(gui)顧客の獲得につながります。具(ju)体(ti)的(de)な方(fang)法としては、クーポン・キャンペーンの表示(shi)などが挙げられます。

2-1-1.クーポン・キャンペーン対策

クーポンの種類には、割引クーポンや送料無料クーポンなどがあります。これらのクーポンを、新(xin)(xin)規ユーザー限定でよりお得な内(nei)容にする、新(xin)(xin)規会員(yuan)登録時に配布する、などの設定にすれば購買率の向上(shang)・新(xin)(xin)規顧(gu)客獲得に役(yi)立つでしょう。

また、クーポンだけではなく、キャンペーンの告(gao)知も新(xin)規顧客獲得に有(you)効な活用方法です。

  • 「〇〇日まで全品10%オフ」
  • 「5,000円以上の買い物で送料無料」
  • 「メルマガ登録者限定でクーポン配布中」

など、購入(ru)やメルマガ登録を促(cu)すキャンペーンを表示することで、新規顧客獲得(de)をしやすくなります。

2-2.カゴ落ち対策

カゴ落ちとは、ユーザーがカートに商品を入(ru)れたまま購入(ru)せずに、サイトを離脱してしまうことです。実は、ECサイトユーザーの約70%はカゴ落ちをしているといわれています。さらに、カゴ落ちが原(yuan)因(yin)の機会損失(shi)額は、売上(shang)の約2.5倍だともされています。大部分(fen)のユーザーがカゴ落ちしているということは、逆に言えばカゴ落ち対(dui)策をするだけでも売上(shang)は大きく変わるということです。

カゴ落ち対策につながるポップアップの活用方法としては、UX改(gai)善が挙げられます。

関連記事:「Shopifyのカゴ落ちの原因とは?対策できるアプリも紹介!」

2-2-1.UX改善

ポップアップは表(biao)示(shi)するタイミングを工(gong)夫し、ユーザーのニーズに合(he)わせた内容にすることでUX改(gai)善にもなります。

例(li)えば、「カートに商品が入(ru)(ru)ったままです!」などのように商品の購入(ru)(ru)を促したり、「あなたに合った商品はこちらです」のように選択肢を提示することで、カゴ落ち対策にもなるうえ満足度の高い買い物(wu)体験(yan)を提供できるのです。

ただし、表(biao)示(shi)のタイミングや内容(rong)次第ではユーザーの買い物を邪(xie)魔し、UXの悪化にもつながる可能(neng)性もあるため、ユーザーに適(shi)したポップアップを表(biao)示(shi)させることが重要です。

2-3.アップセル・クロスセル対策

ポップアップは、ただ購(gou)(gou)買率を上げるだけではなく、アップセル・クロスセル対策にも役立ちます。アップセルとは、現在購(gou)(gou)入を検討しているものや以前購(gou)(gou)入したものよりも、高いグレードの商品を購(gou)(gou)入してもらうようにする手(shou)法です。また、クロスセルとは、検討中の商品とセットで別(bie)の商品も購(gou)(gou)入してもらうようにする手(shou)法です。

ポップアップでアップセル・クロスセルを促す具体的(de)な方法が、レコメンドです。

関連記事:「アップセルでShopifyの顧客単価を高めよう!実施のポイントも解説」

2-3-1.おすすめ商品(レコメンド)

ユーザーの目(mu)に入(ru)りやすいポップアップは、レコメンドに効果的な手法です。ある商品の購入(ru)を検討しているユーザーに対し、「こちらの商品もおすすめです」のように、よりグレードの高(gao)い商品や、セットで買うと便利(li)な商品などを提案することで、アップセル・クロスセルにつながります。

3.おすすめのポップアップアプリ

ここからは、Shopifyで導入したいおすすめのポップアップアプリを6つご紹介(jie)します。

3-1.

シンプルな操作で、簡単(dan)にポップアップを導(dao)入(ru)できるアプリとして人気の「ポップアップサポーター」。あまり専門(men)的(de)なことは分からないけれど、とりあえずポップアップを導(dao)入(ru)したい方には、特におすすめです。

ポップアップサポーターでは、ポップアップの表示だけではなく、以下(xia)のようなことができます。

  • ポップアップの表示期間設定
  • ポップアップに表示するテキストの編集
  • 複数商品でのポップアップ切り替え表示設定
  • PC・スマホでの表示位置設定
  • ポップアップの表示・非表示設定

アナリティクス機能も使(shi)え、ポップアップの表(biao)示回(hui)数(shu)(shu)・クリック数(shu)(shu)などを計測できるため、効果測定を行(xing)うことも可能です。比較的低コストで利(li)用でき、無料プランもあるので、コストを抑えながらポップアップを導入したい場合にはまず選択肢に入るでしょう。

【料金】

  • 無料プラン
  • $9.5/月

3-2.

「Promolayer」は、テンプレートを活用して簡(jian)単(dan)にポップアップを表(biao)示させられるうえ、カウントダウンタイマーやユーザーの動向分析、クーポンの表(biao)示などが無料プランでも利用できるアプリです。デザイン性(xing)に富んでいるほか、機能面も充実しているので、ポップアップによる本格的な施策を行いたい方にもおすすめできます。

Promolayerには、無(wu)(wu)料プランも含め6つの料金プランが用意されていますが、無(wu)(wu)料プランであってもほぼ全ての機(ji)能(neng)が使えます。各プランの大きな違(wei)いは、月に表示できるポップアップの回(hui)数です。無(wu)(wu)料プランでは1,000回(hui)/月、スタンダードでは10万回(hui)/月、エンタープライズでは100万回(hui)/月のように分かれているため、自社の状況に合わせた適切なプランを選ぶことができるでしょう。

【料金】

  • 無料プラン
  • マイクロ:$15/月
  • ベーシック:$25/月
  • スタンダード:$70/月
  • プロフェッショナル:$150/月
  • エンタープライズ:$320/月

3-3.

「SmartPopup: Promotion Popup」はシンプルな操作でポップアップを表示できる一方で、CSSをカスタマイズすることで独自のデザインも表現できるアプリです。TOPページやカートページのみなど、任意のページにポップアップを表示できるため、カゴ落ち対(dui)策としても効(xiao)果(guo)が期待できます。そのほか、クーポンやカウントダウンタイマーの表示、入力フォームの埋め込みなども可能です。

「SmartPopup: Promotion Popup」は無料(liao)ながらもデザインなどの機能面が充実しているため、自(zi)分でHTML/CSSを扱える方や、コストを抑えながらポップアップを導入したい方におすすめです。

【料金】

  • 無料

3-4.

「Privy」は、ポップアップを表示してメルマガ登録を促したり、クーポンキャンペーンを行ったりできるアプリです。

Privyの特徴は、ポップアップの表示トリガーを、ユーザーの行動や時間経(jing)過(guo)によって設(she)定できる点にあります。例えば、「カゴに商品を残したままサイトを離脱しようとしている」をトリガーに設(she)定した場合、カゴ落ち目(mu)前のユーザーに対してピンポイントにアプローチできます。

また、ユニークな機(ji)能としてルーレット式クーポンキャンペーンがあり、ユーザーはルーレットで当てた「10%オフ」などのクーポンを利(li)用(yong)してお買い物ができます。なお、ルーレットの際にはメールアドレスを入力するように設(she)定できるので、顧客リストの獲得などマーケティング面でも有(you)効でしょう。

【料金】

  • 無料プラン
  • Starterプラン:$30/月
  • Growthプラン:$45/月

3-5.

「PushOwl Web Push Notification」は、カゴ落ち・商(shang)品入荷(he)・オンラインショップ会員登録・限定割引などのお知(zhi)(zhi)らせを、プッシュアップ通知(zhi)(zhi)としてユーザーに送信できるアプリです。

また、写真付きのポップアップを作成できるため、よりユーザーの目に留まりやすいデザインのポップアップにカスタマイズすることもできます。無料(liao)のプランもあるため、ポップアップで効果的(de)なカゴ落ち対策を気軽(qing)に実施したい場合は、特におすすめといえるでしょう。

ただし、PushOwl Web Push Notificationは英語(yu)にしか対応(ying)していないため、英語(yu)でのプラン選(xuan)択、設定などに慣れていない場(chang)合はハードルが少し高(gao)いかもしれません。

【料金】

  • Basicプラン:無料
  • Businessプラン:$19/月
  • Enterpriseプラン:カスタマイズ内容による

※14日間の無料(liao)期間あり

3-6.

「PeecAI(ピークエーアイ)」は、弊社DeFactoryが作成しているレコメンドアプリで、一(yi)人ひとりのユーザーにパーソナライズされたレコメンド機能を提供します。レコメンドによる成果は見える化されるため、施策の成果をデータで確認(ren)する際もスムーズです。

PeecAIを使(shi)えば、おすすめ商品の詳細(xi)ページが自動で生成されるので、サイト設計をレコメンド用に手動で変更したり、カスタマイズしたりする必要はありません。

レコメンドの種類はポップアップだけではなく、バナー、埋め込みなどから選べ、表示位置やデザインもカスタマイズ可能です。

PeecAIでは、以下3つのロジックから、個々のユーザーに合ったレコメンドによるポップアップを実現します。

  • あわせ買いレコメンド:表示例)「こちらの商品もよく見られています!」
  • 関連商品レコメンド:表示例)「類似商品はこちら」
  • トレンドレコメンド:表示例)「今売れている商品はこちら」

また、「レコメンド手動(dong)優先設(she)定(ding)」を活用した、 任意の商品・カテゴリの優先表示や、「ページ表示設(she)定(ding)機能/一括設(she)定(ding)」による、 商品ごと・ページごと(TOP・カート・検索(suo)・マイページなど)の、表示/非(fei)表示の選(xuan)択設(she)定(ding)も可能です。

そのほか、レコメンド経由の成(cheng)果(guo)(guo)を見える化(hua)することで、レコメンド利用(yong)する費用(yong)対効果(guo)(guo)(ユーザー体験(yan)の価値向上)の分(fen)析もできます。

PeecAIを導入(ru)したことによって、購入(ru)件(jian)数2.4件(jian)増・クリック率30%改善・CVR1.8%改善の例もあるので、ぜひ導入(ru)をご検(jian)討ください

なお、インストールしてサイトと連携(xie)するだけで利用できるため、難しい設定を行(xing)う必要(yao)はなく、10分程度で利用できるようになる点も大きなメリットです。

商(shang)品(pin)レコメンド×ポップアップとしての機能をお求めでしたら、顧客提案(an)に際し、ショップのブランド運用状(zhuang)況(kuang)によっては、活用しやすいアプリとなるでしょう。

【料金】

  • $29/月

※14日間(jian)の無料期(qi)間(jian)あり

PeecAIを利(li)用するメリットや、強みとなる機能、向いている商材(cai)などについては以下の記事(shi)で詳しく説(shuo)明しているので参考にしてください。

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

4.まとめ

ポップアップの導入は、ECサイトにおいてユーザーの離(li)脱防止に役(yi)立つ、重要な施策です。サイトを離(li)れようとしたとき、購入に迷(mi)っているときなど、ユーザーの行(xing)動に合わせて適(shi)切なポップアップを表(biao)示することで、新規顧客獲得・カゴ落ち対策・アップセル/クロスセルなどにつながります。

これからポップアップアプリの導(dao)入(ru)を考えている場合(he)は、ここでご紹介した内容を参考に自社(she)に合(he)ったものをご検討(tao)ください。

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