離脱防止やSNSへの登録を促すポップアップを簡単に作成・設定出来るShopifyアプリPromolayerを紹介

ポップアップとは

概要

ポップアップは、Webページ上に突然現れる小さなウィンドウやメッセージのことを指します。通常、ユーザーが特定の条件を満たしたり、特定のボタンをクリックしたりすると表示されます。ポップアップは、さまざまな目的で使用されます。一般的な目的は、以下のとおりです。

広告表示

ポップアップは、広告を表示するために使用されることがあります。例えば、Webページを閲覧している最中に、別のウィンドウや画面上に広告が表示されることがあります。これは、特定の商品やサービスのプロモーションを行うための手段として利用されます。

通知や確認メッセージ

ポップアップは、重要な通知や確認メッセージを表示するために使用されることもあります。例えば、ユーザーが重要な操作を行う前に、確認メッセージが表示されることがあります。また、新着メッセージやイベントの通知などもポップアップで表示されることがあります。

フォームの入力

ポップアップは、ユーザーに追加情報を入力させるための手段としても使用されます。例えば、ユーザーにメールアドレスや購読情報を入力してもらうためのポップアップフォームが表示されることがあります。

ポップアップは、Webサイトのデザインやユーザーエクスペリエンスに大きな影響を与える要素です。ただし、ユーザーが邪魔に感じたり、不快に思ったりしないように注意する必要があります。適切なタイミングとコンテンツを提供することで、ポップアップは効果的なツールとなり、Webページの目的達成に役立ちます。

Promolayerとは

概要

PromolayerはShopifyストア上に表示させることが出来るポップアップを簡単に作成することが出来るアプリです。使い方はシンプルで、アプリ側で用意されている様々なテンプレートから作成したい目的・内容に沿った物を選択し、文言等を変更。そして表示をさせるタイミングを設定するだけでお手軽にストアへポップアップを表示出来るようになります。

Promolayerの機能

ポップアップ作成機能

PromolayerではShopifyストアに表示させるポップアップを作成することが出来ます。また、ポップアップは専用のエディターを用いて誰でも比較的簡単にノーコードで作成を行う事が出来ます。

ポップアップ表示条件設定

Promolayerはポップアップを作成するだけでなく、そのポップアップをどのようなタイミング(例:ユーザーが特定の要素をクリックする・サイトにアクセスした瞬間等)に表示させるかを設定することが出来ます。これにより、必要なポップアップを必要なユーザーに対して狙って表示をさせることが出来るようになります。

Promolayerのプラン

無料プラン

金額

無料

機能

  • 表示回数1,000回/月まで
  • 全ての機能
  • ライブチャットサポート
  • ページビュー無制限
  • ディスプレイ作成数無制限
  • コンバージョンリスト無制限
  • コンタクトリスト無制限
  • リアルタイムメール連携
  • 表示の様々な条件設定が可能

マイクロプラン

金額

$15/月

または$150/年で17%の節約

機能

  • 表示回数5,000回/月まで
  • 全ての機能
  • ライブチャットサポート
  • ページビュー無制限
  • ディスプレイ作成数無制限
  • コンバージョンリスト無制限
  • コンタクトリスト無制限
  • リアルタイムメール連携
  • 表示の様々な条件設定が可能
  • Powered By Promolayer表記なし

ベーシックプラン

金額

$25/月

または$250/年で17%の節約

機能

  • 表示回数 15,000回/月まで
  • 全ての機能
  • ライブチャットサポート
  • ページビュー無制限
  • ディスプレイ作成数無制限
  • コンバージョンリスト無制限
  • コンタクトリスト無制限
  • リアルタイムメール連携
  • 表示の様々な条件設定が可能
  • Powered By Promolayer表記なし

スタンダードプラン

金額

$70/月

または$700/年で17%の節約

機能

  • 表示回数 100,000回/月まで
  • 全ての機能
  • ライブチャットサポート
  • ページビュー無制限
  • ディスプレイ作成数無制限
  • コンバージョンリスト無制限
  • コンタクトリスト無制限
  • リアルタイムメール連携
  • 表示の様々な条件設定が可能
  • Powered By Promolayer表記なし

Promolayer導入・設定手順

導入手順

1.以下のリンク先に接続し、「アプリを追加する」をクリック
https://apps.shopify.com/promolayer?locale=ja

2.「アプリをインストール」をクリック

設定手順

1.アプリ一覧から「Promolayer」をクリック

2.「アプリを開く」をクリック

3.「ディスプレイを新規作成」をクリック

4.一覧から目的に沿ったテンプレートの種類を選択

5.一覧から使用したいテンプレートにマウスを合わせ、「このテンプレートを使う」を選択

6.ポップアップ管理用の名前を入力し、「作成する」をクリック

7.テンプレートから更新したい部分をクリック(画像の場合は、入力フォームを変更するためフォーム部分をクリック)

8.手順7でクリックした部分を変更するのに、どこをクリックすればいいかが点滅するので、そこをクリック

9.変更したい内容へ更新

10.表示するポップアップの作成が出来たら、「ルール」をクリック

11.一覧の内容からどのような条件でポップアップの表示を行うか設定を行う

12.ルールの設定が出来たら、「アクション」をクリック

13.一覧からコンバージョン後の設定を行う

14.設定が完了したら、「保存」をクリック

15.赤枠をクリックしダッシュボードへ戻る

16.作成したポップアップが「Draft」モードになっているので、クリックして「表示中へ変更」

17.ストアを表示してポップアップが機能していることを確認

まとめ

ポップアップは、Webページ上に突然現れる小さなウィンドウやメッセージであり、広告表示や通知、フォームの入力などに使用されます。Promolayerは、Shopifyストア上に表示されるポップアップを簡単に作成することができるアプリであり、表示内容やタイミングを自由に設定できます。これらのツールを適切に活用することで、Webページの目的達成やユーザーエンゲージメントの向上に貢献することができます。興味のある方は下記のShopify app storeページも参考にしてみてください。

CTA画像
デジタルマーケティングやIT業務導入など、様々な案件に対応をさせていただいております。弊社のコンサルタントが無料で相談に乗るので是非お問い合わせください。
詳しく見る

EC・D2CのWEBマーケティングコンサルなら-株式会社a general studio > ブログ > Shopify > レポート・分析 > 驚愕の効率化|Shopifyで実現した法人審査自動化と売上アップの秘密

ページトップへ