BLOG

ホームページ制作会社のニュース・ブログ

Keep Going.

ホームページ制作に役立つことから、スタッフの素顔まで。

Shopifyアプリ「Pop Convert」でポップアップを活用しよう!

ユーザーの興味を引くポップアップやスマートバーは、ECサイトにおいて、訪問ユーザーの離脱防止やサブスクリプションへの誘導などに非常に有用な機能です。今回は、Shopifyアプリ「Pop Convert」でポップアップを活用してみましょう。

Shopifyアプリ「Pop Convert」でポップアップを活用しよう!

ポップアップやスマートバーは、ECサイトにおいて、訪問ユーザーの離脱を防いだり、サブスクリプションへ誘導したりなど、非常に有用な機能です。
購入完了画面や一定時間経過後など、ユーザーの興味を引くポップアップを表示させることで、ECサイトの訪問ユーザーの離脱を防いだり、あるいは特定のURLへ誘導したりすることが出来るようになりますし、スマートバーはサイトにアクセスした顧客の注意を引くのに最適です。
そこで今回は、ポップアップやスマートバーの設定が簡単に行うことが出来るShopifyアプリ「Pop Convert – Pop Ups, Banners」をご紹介します。

1:「Pop Convert – Pop Ups, Banners」ってどういうアプリ?

「Pop Convert – Pop Ups, Banners」は、CartKit社が開発したShopifyのアプリで、Shopifyで構築したECサイトに、ポップアップやスマートバーを設置することができるアプリです。

「Pop Convert – Pop Ups, Banners」は、無料で使える英語版のアプリで、金額を気にすることなく安心して導入できます。

2:「Pop Convert – Pop Ups, Banners」でできることは?

  • ポップアップやスマートバーを設定することが出来る
  • ポップアップを表示するタイミングや、ポップアップによる動作を設定できる
  • スマートバーの表示や動作について、設定をすることが出来る
  • ポップアップやスマートバーの表示・非表示を簡単に切り替えることが出来る
  • 設定したポップアップやスマートバーのキャンペーンコンバージョンなどを、ダッシュボードで確認することが出来る
  • 設定内容によってはメールや電話番号などを収集することが出来る

上記のほかにもポップアップやスマートバーの表示内容やレイアウトを自由に変更出来るなど、操作がシンプルかつ、わかりやすいアイコンで複数あり、英語版アプリではありますが、非常に便利で使いやすいアプリです。
無料で使用することが出来るアプリですので、気軽に、是非試してみることをお勧めします。

3:「Pop Convert – Pop Ups, Banners」の設定

ではこの「Pop Convert – Pop Ups, Banners」を設定してみましょう。
「Pop Convert – Pop Ups, Banners」は英語版アプリなため、メニューやアプリの設定画面が英語表記ですが、設定自体は非常にシンプルな上に、アイコンもメニュー表記もわかりやすいつくりになっているため、英語版だからと身構えず、是非設定してみて下さい。

3-1:インストール

1.「Pop Convert – Pop Ups, Banners」をShopifyアプリストアで検索、あるいはこちらから表示し、「Add app」(あるいは「アプリを追加する」)をクリックします。

2.確認画面が表示されますので、「アプリをインストール」をクリックして、Shopifyへインストール作業を開始します。

3.以上でインストールは終わりです。
サイトのメニュー「アプリ管理」から、「Pop Convert – Pop Ups, Banners」がインストールされていることを確認してください。

次はいよいよ、ポップアップ機能を設定していきましょう。

3-2:ポップアップを活用しよう

1.「Pop Convert – Pop Ups, Banners」の管理画面を表示します。
最初に表示されるのは、設定したキャンペーン(ポップアップやスマートバーなど)のコンバージョン情報が表示されるダッシュボードです。

インストール直後は、まだキャンペーンを設定していませんので、まずは、左側のメニューの「CAMPAIGNS」から「Popup」を選択します

2.「Popup」の設定画面が表示されますので、「All」のタブを選択し、「Create Campaign」をクリックします。

3.ポップアップの設定画面が表示されますので、設定するポップアップのキャンペーン名称と、ポップアップの目的動作を入力・選択して、「Create Popup」をクリックします。
それぞれの項目は、下記のとおりです。
※ここでは、「Get Subscribers」で紹介します

  • Get Subscribers:サブスクリプション申し込み
  • Traffic to URL:特定のURLへ誘導
  • Announcement:告知・情報

4.選択した目的・動作でのポップアップ画面のプレビューと、各設定項目のメニューが表示されます。
左側のメニュー項目から、設定する項目を選択します。

  • Design:ポップアップの背景色やテキストの色、背景画像などのデザインをカスタマイズします。
  • Content:ポップアップに表示されるテキストや画像、フォームの内容を設定します。
  •  ポップアップ画面に表示されるテキストを、日本語で設定することも可能です。

  • Setting:ポップアップの表示時間や、メルマガやDMなどの購読承諾のチェックボックスの表示の有無などの設定をします
  • Pages:表示するページの設定をします
  • Conversion:ポップアップの目的が達成されたとき、表示されるメッセージの設定や、あるいはリダイレクトの設定をします

5.設定が完了したら、プレビュー上部の「save」をクリックして、忘れずに保存しましょう。

6.以上でポップアップの設定は終了です。
「CAMPAIGNS」設定画面に戻ると、設定したキャンペーンが一覧に表示されていますので、有効にする場合は、ボタンを右にスライドし、「ON」に切り替えてください。

※有効(表示)にしたキャンペーンを無効(非表示)にする場合は、ボタンを左にスライドし、「OFF」に切り替えてください。OFFの場合は、ボタン下に「paused」を表示されます。

3-3:スマートバーを活用しよう

次に、スマートバーを設定してみましょう。
スマートバーとは、訪問ユーザーがECサイトにアクセスしたときに、訪問ユーザーの注意や興味を引くのに最適なヘッダーまたはフッターバーのことです。

1.「Pop Convert – Pop Ups, Banners」の管理画面内「CAMPAIGNS」から「Smart Bar」を選択します。
「Smart Bar」の設定画面が表示されますので、「All」のタブを選択し、「Create Campaign」をクリックします。

2.ポップアップの設定同様、スマートバーキャンペーンの名称を設定し、次に、スマートバーの目的動作を選択して、「Create Smart Bar」をクリックします。
それぞれの項目は、下記のとおりです。

  • Get Subscribers:サブスクリプション申し込み
  • Traffic to URL:特定のURLへ誘導
  • Announcement:告知・情報

3.ポップアップの設定の時と同様に、右にプレビュー画面、左にメニュー項目が表示されます。
 設定項目はポップアップ設定画面と同様ですので、それぞれ、必要な事項を入力・設定してください。

4.設定が終わったら、忘れずにプレビュー上部の「Save」をクリックして保存しましょう
5.同様に「Smart Bar」の設定画面に戻って、表示のON/OFFを、ボタンから設定してください。

4:まとめ

「Pop Convert – Pop Ups, Banners」の機能や導入、ニーズの高いポップアップやスマートバーについての基本的な設定をご紹介しました。
「Pop Convert – Pop Ups, Banners」は、このほかにも、シェア用ポップアップやクーポンオファーなど、様々な設定が出来る便利なShopifyアプリです。「Pop Convert – Pop Ups, Banners」を導入することで、顧客の離脱防止やサイト内回遊率改善、あるいは特定のページへの誘導などを効率的に行うことが可能になり、それはリピーターの確保にもつながります。
ぜひとも試してみて下さい。
 もちろん、ポップアップやスマートバーだけではなく、ほかにも集客や販促に適した施策はあります。自社のECサイトでどんな施策を打ちたいのか、また検討している施策を実現するには、どんなアプリがいいのか、数あるShopifyアプリの中からどれを選んでいいのかわからないとお悩みの方もいらっしゃるかもしれません。
そんなときは、是非、弊社MH DESIGNSにご相談ください。
弊社はShopifyがオフィシャルにその実績を認めた数少ないShopifyExpartの一社ですので、ShopifyアプリについてもまたShopifyでのEC構築についても、豊富な知見と経験を持っております。お客様の構築したいECサイトや、そのECサイトで実現したい機能について、しっかりとご要望をヒアリングさせていただいたうえで、最適なご提案をさせていただきます。
また弊社はEC構築だけではなく、WEB広告やSNS活用においても豊富なノウハウがございますので、EC制作・公開後にも、サイトごとに効果的な施策を調査・ご提案が可能です。
ShopifyでのEC構築やShopifyアプリ、またサイト公開後の集客・販促施策でお悩み・お困りの際は、どうぞお気軽に弊社MH DESIGNSまでご相談ください。

関連記事

スクロールバーの表示・非表示を制御するCSSのテクニック
target=”_blank”にnoopener noreferrerを付ける必要はあるのか?
アクセシビリティガイドラインWCAG2.2について(第3 / 3回)【実践編】
アクセシビリティガイドラインWCAG2.2について(第2 / 3回)【成功基準の具体例・役割編】