Shopifyのポップアップ機能は、お客様に重要な情報を伝える手段としてとても便利です。
たとえば、ポップアップ機能があれば、お客様に割引クーポンを配布して購買意欲を刺激したり、期間限定の『今だけ』キャンペーンを紹介するときなどに利用できます。また、ショップ限定会員の登録勧誘や、特典つきメール配信への登録喚起などもできますから、ショップのマーケティングに活用することもできます。
そんな、ポップアップ機能をShopifyでは様々なアプリで追加できます。
そこで、ここでは、Shopifyでポップアップ機能を活用するメリットや、おすすめのアプリなどをまとめました。
- オンラインショップからお客様が離脱するのを防ぎたい方
- オンラインショップの購入率を改善したい方
- Shopifyでおすすめのポップアップアプリを知りたい方
上記のような方は、この記事を読めばShopifyのポップアップ機能を有効活用できるようになりますよ。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
ポップアップとは

『ポップアップ』の言葉の意味は『突然現れる』『飛び出す』ということ。
たとえば、オンラインショップ内のリンクなどをクリックしたり、サイトを閉じようとした時に別の小さな画面がピョコッと表れて、メッセージが表示されることがありますよね?
これが『ポップアップウインドウ(小窓)』、いわゆる『ポップアップ』という機能で、クリックをすると飛び出すように小さな吹き出しっぽいウインドウが表示されるので、そう呼ばれています。
ですから、
- お客様に特にお知らせしたい重要なメッセージを表示させたいとき
- 会員登録などお客様に注目してほしい内容を表示させたいとき
などに使われる機能です。
また、少し前に流行っていた『クリックをすると自動的に広告が表示される』というのもポップアップ機能の一つです。
このように、サイトのボタンを押したとき、あるいはカーソルを特定位置に持っていったときに、小さく画面に表示されるウインドウがポップアップであり、次のような意図でよく使用されています。
- ログイン画面を表示するとき
- 訪問したお客様にお得な情報を提供したいとき
- お客様の購入の意思を再確認するとき
また、ポップアップはオンラインショップだけに限らず、さまざまなサービスでも導入・利用されています。
というのも、ポップアップ機能をうまく活用できれば、ショップに来られたお客様の購買率を上げることができるからです。そして、その効果は、最近注目を集める『ポップアップストア』などでも実証されつつあります。
ポップアップストアとは?
これは、アメリカやイギリスなどの欧米諸国で主に使われている宣伝手法の一つで、ビルの空きスペースや空港ターミナルなどに期間限定ブースを出し、商品の販売や割引クーポンの配布などを行う方法です。
これにより、
- 期間限定なので正規に店舗を構えるよりもコストを抑えられる
- 実際にお客様に商品やサービスを手に取ってもらうことができる
- オンライン購入の際の疑問点を直接確かめてもらえる
といった、自社オンラインショップでの商品購入につなげるマーケティング戦略です。
つまり、インターネットという仮想空間にあるウェブサイトを、現実空間のポップアップストアを連動させ、商品やサービスをお客様にリアルに知ってもらいながら販売する方法。
日本でもAmazonなどがポップアップストアをスタートさせ始めたので、今後はどんどん増えていくことでしょう。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
ポップアップを活用するメリット

shopifyでポップアップを使用すると、次のようなメリットがあります。
お客様の離脱率を下げる
オンラインショップでの『かご落ち』といったお客様の離脱はとても深刻な問題ですが、ポップアップを有効活用することで、問題を解決できるケースが多々あります。
たとえば、お客様が
- ブラウザの『戻る』をクリックした時
- ブラウザの『閉じる』をクリックした時
- マウス表示が画面の外に移動した時
などにポップアップを効果的に表示させれば、サイトからの離脱を防ぐ効果を期待できます。
購買率を高めることができる
オンラインショップで、
- ページ内を何度もスクロールしているお客様
- ページ内の滞在時間が長いお客様
- 商品情報のページを行き来しているお客様
といった、購入見込みのありそうな行動をしているお客様に対して、タイミングをあわせて
- 特別割引クーポン券の有無
- おトクな購入情報のお知らせ
- おすすめ商品のご紹介
といったポップアップを効果的に表示させることで、購買率を高めることができます。
具体的には、次のような場合です。
特別割引クーポン
お客様が商品を購入するときに、商品の割引情報や送料無料クーポンなどお客様にメリットのある内容をポップアップで表示すると、購入意思を高めるきっかけになります。
また、初めてオンラインショップを訪れたお客様に、初めての人限定の割引クーポンをポップアップで表示させれば、新規顧客の獲得にも役立ちます。
このように、新規顧客開拓からリピート購入してくれる方まで幅広くアプローチすることができます。
キャンペーン
『期間限定割引キャンペーン』や『ポイントアップタイムセール』などをお客様にポップアップでお知らせすることで、キャンペーンを効果的に演出できます。
また、『メルマガ登録者限定キャンペーン』や『SNSフォロワーのみキャンペーン』などをポップアップでお知らせすればリスト獲得にも繋げられます。
このように、ポップアップを利用したキャンペーン告知は、お客様の興味をサイト内で新たに引く効果があります。
動画
お客様がオンラインショップで商品購入をためらう原因の一つに
実際に商品を手に取って確認できない
というのがありますが、その解決策として、商品紹介の動画でその魅力をより具体的にお客様に伝えるという方法があります。動画は文章よりもイメージが伝わるからです。
なので、ポップアップに動画を置き、商品の詳細情報や購入ボタン近くでお知らせすることで、お客様に動画で商品イメージを伝え、次の行動へ誘導できます。
カゴ落ちを防ぐ
『かご落ち』とは、ショッピングカートに商品を入れたまま、購入せずサイトを離れてしまう現象のこと。中には、カートに商品を入れたのを忘れ、ショップから離れるお客様もいます。
そのようなかご落ちを防ぐ目的で、お客様が『今買うとおトク!』と感じる情報をポップアップで表示すると効果があります。
たとえば、
- 商品がカートに入っていることをお知らせする
- おトクなキャンペーンやクーポンなどを提示する
といった買い忘れを防いだり、ポップアップで表示されるページ経由で購入すると割引になるといったキャンペーンやクーポンの情報を表示させるなどです。
ポップアップの最適な設置位置の考え方
ポップアップの設置は、場所によってお客様が煩わしさを感じる場合があります。
ですから、オンラインショップでの使いやすさを意識し、売上に繋げられるように配置を工夫しましょう。
たとえば、
- サイトを離脱しようとしているお客様にポップアップを中心に配置して目立たせる
- 重要度の低いポップアップはサイトの脇側に表示する
といった配慮を心がけて、お客様が不愉快に感じないようにしましょう。
また、ポップアップ表示する内容によっては、文字サイズがあまりにも小さすぎると読みづらくなります。
とはいえ、逆に文字が大きすぎると邪魔にも感じるので、小さなABテストを繰り返して大きさの調節をします。
まずは、一つのポップアップを設置し、1~2週間ほどしてから設置していないときの成果との変化を比較するようにしましょう。
ただし、ポップアップを一気に変えるとどの部分で良好な結果が出たのか判定できなくなりますから、ABテストするときは一つずつ変えて結果を得るようにしましょう。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
Shopifyでおすすめのポップアップアプリ
Shopifyでよく利用されている、おすすめのポップアップアプリは次のとおりです。
Justuno ‑ Email & SMS Pop ups

おすすめアプリ Justuno ‑ Email & SMS Pop ups
Shopifyユーザーなら誰でも簡単にポップアップ機能を追加できるアプリで、CRO(Conversion Rate Optimization)といったコンバージョン率を高める施策などを行うこともできます。
主要な機能は次の3つです。
①ポップアップを表示する
表示できる種類は
- メールの登録を促す
- カウントダウンで購買意欲を高める
- ルーレットを使用しクーポンを配布する
といった多種多様なポップアップ機能を使えます。
②訪問者を細かく分析
訪問者を識別。分析しデータを収集します。
たとえば、
- お客様のオンラインショップ訪問頻度
- ページスクロール率
- 住んでいる地域
などといった100種類を超える分析ができます。
③アップセルやクロスセルをかける
分析したデータから訪問者やお客様が興味を示す商品を自動で表示させることのできるアップセル機能やクロスセル機能があるので、平均注文金額の増加を図ることができます。
料金は次の4つで、(2021年8月末時点)
- 無料・・・標準機能を月間5,000人までの訪問者分析で利用可能。
- 月額29$プラン・・・搭載機能を月間10,000人までの訪問者分析で利用可能
- 月額49$プラン・・・搭載機能を月間25,000人まで訪問者分析で利用可能
- 月額99$プラン・・・搭載機能を月間50,000人まで訪問者分析で利用可能
となっており、特に
- Webデザインに詳しくない人
- コンバージョン率の増加を図りたい人
におすすめ。
テンプレートがたくさん用意されており、イチから設計する必要もありませんから、Webデザインが初心者でも簡単に利用できます。
また、ポップアップ、アップセル・クロスセル、カートのカゴ落ちに対する働きかけなど、さまざまなコンバージョン率改善の対策もできます。
Privy ‑ Pop Ups, Email, & SMS

おすすめアプリ Privy ‑ Pop Ups, Email, & SMS
Shopifyの代表的なアプリで、ポップアップ機能を簡単に搭載でき、見た目のカスタマイズもすぐにできます。
また、ポップアップ自体をどのタイミングでどこに表示させるかといった細部調整もできるので、お客様がポップアップを鬱陶しく感じるのを避ける効果もあります。
なお、従来型の『待って、帰らないで!』といったイグジットインテント(exit-intent)のポップアップだけではなく、フライアウト(fly-outs:下に小さい三角がついていて、その三角にふれると、ズラッと収納されている他のボタンも出てくるアイコン)やスピントゥウィン(spin-to-wins)機能なども利用できます。
なので、何も購入することなくあなたのオンラインショップを去ろうとしているお客様に対して、魅力的なオファーを提示できるのが特徴。
また、メールアドレスを収集するポップアップ機能も搭載されていますから、お客様がまだそのタイミングで購入する段階になかったとしても、今後のメールマーケティングを続けることができ、ひいては顧客化を図ることも可能です。
なおPrivyだと、サイト離脱のタイミング、スクロールベース、サイト滞在時間、カートのカゴ落ちなどに合わせて発生させることができますから、お客様の行動意識に合わせた(カートカゴ落ち時など)ポップアップを表示させられます。
Klaviyo、Brontoなど他のShopifyアプリとの統合もでき、お客様がショップユーザー登録を承諾したときのみ得られる限定オファーや割引クーポンにより、より多くのメールアドレスを収集することもできます。
料金は次のとおりで、(2021年8月末時点)
- FREEプラン:無料
- コンバージョン+メールプラン:月15$
- PRIVY TEXT(SMS)プラン:月10$
また、ポップアップ機能の他にも、サイト運営に欠かせないABテストを行う機能も搭載され、使用できるキャンペーンをルーレット式で選ぶという、ユニークな設定も可能です。
そのほかにも、
- カートに入れっぱなしの商品があるときにメールでお客様にお知らせ送信
- 顧客に送信したい文章を自動送信
といった機能を利用することも可能です。
※英語のみ対応
PushOwl Web Push Notification

おすすめアプリ PushOwl Web Push Notifications
商品をカートに入れたまま購入せずにサイトを離脱する『カゴ落ち』対策に特化したアプリ。
というのも、オンラインショップの『かご落ち』は深刻な問題で、お客様の平均69.57%に『カゴ落ち』が起こっているというデータもあるほど、改善が必要な点だから。
こんなにも高い確率で、ひとたび購買を決めた人が実際に購入せずに忘れてしまっている、あるいは機会を失っているのは大変なロスです。
なので、PushOwl Web Push Notificationでは、
- カゴ落ち
- オンラインショップ会員登録
- 限定割引
- 商品入荷
などの通知を顧客に送信する機能や、写真つきのポップアップを作成することで『カゴ落ち』対策をすることができます。
※英語のみ対応
SmartPopup: Promotion Popup

おすすめアプリ SmartPopup: Promotion Popup
購入ページやトップページなど、運営側で表示したいページだけにポップアップを表示できるアプリ。
また、お客様がサイトから離れようとアクションしたときにポップアップを表示させられるなど、使用タイミングも設定できます。
ポップアップの種類も豊富で、HTML/CSSで編集できて、なおかつ無料で使用できます。
※英語のみ対応
OptiMonk: Website Personalizer

おすすめアプリ OptiMonk: Website Personalizer
ユーザーがサイトを離れようとしたときにポップアップを表示でき、ルーレット式のポップアップ表示機能ができます。
料金プランは4つで、(2021年8月末時点)
- 無料プラン:最大1ドメイン、3,000PV/月
- エッセンシャルプラン月額29$:最大1ドメイン、3,000PV/月、A/Bテスト機能
- グロースプラン月額79$:最大4ドメイン、10,000PV/月、ターゲティング機能
- プレミアムプラン月額199$:最大10ドメイン、500,000PV/月、優先サポート
となっているので、複数のサイトを運営する方におすすめのアプリです。
※英語のみ対応
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
Shopifyアプリでポップアップを実装する方法

それでは、実際にShopifyストアにポップアップを実装する方法を見ていきましょう。
今回は『Privy ‑ Pop Ups, Email, & SMS』を例として、導入の流れを解説していきます。
前の項目でも、解説したようにPrivyは100種類以上もあるテンプレートの中から、好みに応じたポップアップを表示させられるアプリです。
さらに、カゴ落ち商品を減らしたり、メールマーケティングを行ったりすることで、コンバージョン率をアップさせるための機能が多数搭載されています。
操作方法も非常に簡潔でどなたでも気軽に導入できるアプリなので、ECストアの運用を初めて間もない方はまずはPrivyを使うのがおすすめです。
Privy ‑ Pop Ups, Email, & SMSをインストールする

まずはShopifyストアで『Privy ‑ Pop Ups, Email, & SMS』をインストールしましょう。
アプリをインストールすると以下のような画面が表示されます。

こちらの『Business name』に自分の名前、『Phone number』に電話番号を入力してください。
ここに必要な情報を打ち込んでいただければ、一旦Privyを利用する下準備は完了です。
Privy ‑ Pop Ups, Email, & SMSでポップアップを設定する方法
それでは次にPrivyを使って、ポップアップを設定する方法を見ていきましょう。
まずはダッジュボードにある『Convert』を選択して『New display』をクリックしてください。
そこで新しいポップアップを作成していただいて、再び『Convert』の画面に戻ってください。

すると新しいポップアップが作成されているので、その中にある『draft』をクリックしましょう。
『draft』をクリックすれば、ポップアップの編集画面に移動するので『Design』を選択してください。

『Design』のページに移動すると、ポップアップのテンプレートを選択したり、テキストのフォント・カラーを調整したりと、好みに応じて自由にデザインを編集できます。
なお、編集画面ではポップアップの表示方法を調整することも可能です。
具体的には、いつどこでどのようなユーザーに向けてポップアップを表示するのか、といった細かなポイントが挙げられます。これを利用すれば、ある特定の地域に住んでいるユーザーにだけポップアップを表示するというイメージで細かなターゲティングができるようになるのです。
また、編集画面ではこれらの機能とは別に外部サービスとの連携も行えます。
Shopifyストアに外部のポイント制度を導入したい方はぜひ有効活用してみてください。
Privy ‑ Pop Ups, Email, & SMSでカゴ落ちを減らす方法
それでは次にPrivyを使って、カゴ落ちを減らす方法を解説していきます。
まずはダッシュボードにある『Automations』をクリックして『New automation』を選択しましょう。
すると一覧メニューが表示されるので『Abandoned cart text』を選んでください。

こちらの編集画面では、メールの件名やテキストの詳細設定ができます。
また、ここでユーザーの対象基準を設定することも可能です。
この『対象基準設定』とは、購入されずに放棄された商品をメールで伝える場合、ターゲットとなるユーザーの設定を行うことを意味します。
わかりやすい例を挙げると、カートに残っている商品の総額が1,000円以上のユーザーにメールを送るといったイメージです。
これ以外にも、指定したユーザーに向けて、クーポンをお送りすることもできます。
一連の設定が完了したら『Activate』をクリックしてください。
なお、Privyを使えば、細かなメールマーケティング設定も行えます。
設定の流れは先述のカゴ落ち対策と同様にテキストを作成し、送信するターゲットを設定。
このとき、自分で選択した一定数のユーザーにのみ、メールを送ることが可能です。
そして、ユーザーに向けてクーポンを付与する場合はクーポンの添付をオンにしておきましょう。
最後に『Send』をクリックしてもらえれば、設定は完了です。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
まとめ

以上がShopifyでポップアップ機能を活用するメリットや、おすすめアプリのまとめです。
ポップアップ機能は、割引クーポンやおトクなキャンペーン情報といったお客様に有益な情報を提供するだけでなく、ショップ運営で一番重要な『カゴ落ち』を防ぐことができます。
また、Shopifyでポップアップを実装すれば、お客様のサイト離脱を防ぐだけでなく、購買意欲を高めることも可能です。
なので、ポップアップのアプリを有効に活用すれば、あなたのオンラインショップ運営に役立てることができますよ。
Shopify制作のお見積もり・ご相談
また、初めてのお取組みで不安のある方などもご不明点などはお気軽にご連絡ください。




に相談する