ポップアップバナー表示・作成プラグイン

ポップアップバナー表示・作成プラグインプラグイン

販売価格:20,000円(税込)

0件の評価

公開日: 2026年7月21日 / 更新日: 2026年7月21日

対応バージョン: EC-CUBE4.2系
4.3系4.3.0|4.3.1|4.3.1-p1
4.2系4.2.0|4.2.1|4.2.2|4.2.3|4.2.3-p1|4.2.3-p2

提供:ibis studio K.K.

サポート: [email protected]

商品情報

ノーコードでポップアップバナーを作成・表示。キャンペーンやお知らせを、狙ったページ・タイミングで届ける

本プラグインは、キャンペーン告知・クーポン・セール・お知らせなどのポップアップバナーを、プログラミング不要で作成・表示できるプラグインです。

用意されたテンプレートを選ぶか白紙から、画像・テキスト・ボタンを自由に配置してオリジナルのバナーを作成。作ったバナーは、表示するページ・タイミング・期間・デバ
イスを細かく指定して、ストアに表示できます。

■ こんな方におすすめ
- 期間限定セールやクーポンを目立たせたい
- 送料無料・営業日などのお知らせを確実に見せたい
- 離脱しそうな来訪者にもう一押ししたい
- 制作会社に頼まず、自分でバナーを差し替えたい

■ 主な機能
- テンプレート選択/白紙からのノーコード作成
- 画像・テキスト・ボタン配置、PC/スマホ個別調整、整列、グラデーション、カウントダウンタイマー
- 表示形式:モーダル(中央)/フローティング(隅固定)/帯(上部)
- 表示条件:ページURL(完全一致・前方一致)、タイミング(すぐ/スクロール/滞在/離脱時)、期間、PC・スマホ出し分け
- A/B/Cパターンのランダム出し分け
- 公開/下書きのワンクリック切り替え

■ 効果測定・高度な配信(外部サービス「grip space」連携/任意)
grip space と連携すると、バナーの表示回数・クリック数・クリック率・CVをダッシュボードで確認できます。上位プランでは、クリックした企業・担当者の分析、業種・地域
ターゲティング配信、フォーム付きバナーもご利用いただけます。連携しなくても、バナーの作成・表示はそのままご利用いただけます。

※ 本プラグインは外部サービス「grip space」に接続します。連携を有効にした場合、設定に応じてアクセス計測データやフォーム送信内容が grip space
のサーバーへ送信・保存されます。データを送信するかは設定で選択できます。

ポップアップバナー表示・作成プラグイン

ノーコードでバナーを作成できます

HTMLやCSSの知識は不要です。管理画面のエディタ上で、画像・テキスト・ボタンをドラッグして配置するだけでバナーが完成します。用意されたテンプレートから選んで文言と画像を差し替えるだけでも使えますし、白紙から自由に組むこともできます。

制作会社に依頼すると、セールのたびに費用と納期がかかります。「明日から3日間だけ送料無料にしたい」「在庫が余ったので急遽セールを打ちたい」といった判断が、制作の手配で止まってしまうことは少なくありません。本プラグインを使えば、担当者の方がご自身で作成し、その日のうちに公開できます。


エディタでできること

  • 画像・テキスト・ボタンの自由配置、サイズ変更、重ね順の調整
  • 複数要素の整列(左揃え・中央揃え・等間隔配置など)
  • 背景のグラデーション設定、角丸、透明度の調整
  • ボタンごとのリンク先指定(商品ページ、カテゴリページ、外部ページなど)
  • カウントダウンタイマーの設置

PCとスマートフォンでレイアウトを個別に調整できます

同じバナーの中にPC用の配置とスマホ用の配置を持たせられるため、バナーを2つ作る必要がありません。スマホでは画面を覆いすぎないよう要素を縦に積み直す、文字サイズだけ大きくする、といった調整が可能です。編集画面ではPC表示とスマホ表示をプレビューで切り替えながら確認できます。


作成したバナーはPNG形式でダウンロードできます

同じデザインをメールマガジンのヘッダー、SNSの投稿画像、店頭のPOPなどに流用でき、販促物のトーンを揃えられます。バナーのためだけに作った画像素材を、他の媒体でも使い回せます。

3つの表示形式を目的に応じて使い分けられます

同じ内容でも、どう見せるかで反応は大きく変わります。本プラグインでは3つの表示形式を用意しています。


モーダル(画面中央に表示)

画面の中央に表示し、背景を暗くして注目を集めます。確実に読ませたい内容に向いています。期間限定セールの告知、初回購入者向けクーポンの配布、重要なお知らせなどが典型的な用途です。背景の暗さ(オーバーレイの濃度)も調整できるため、強く見せるか、やわらかく見せるかを選べます。


フローティング(画面の隅に固定表示)

画面の右下や左下などに小さく固定表示します。閲覧を邪魔しないため、買い物を続けてもらいながら、常に選択肢として見せておきたい場合に向いています。「LINE友だち追加で500円クーポン」「まとめ買いで送料無料」といった、今すぐでなくても構わない訴求に適しています。表示位置は隅から選べます。


帯(画面上部に固定表示)

画面の最上部に横長の帯として固定表示します。スクロールしても追従するため、サイト全体に対する常設のお知らせに向いています。「◯月◯日〜◯日は夏季休業のため発送をお休みします」「5,000円以上で送料無料」など、どのページを見ていても知っておいてほしい情報に使えます。帯は他の要素に重ならないようページ全体を押し下げて表示するため、ヘッダーのメニューが隠れる心配がありません。


用途が固まっていない場合は、まずモーダルで1本作って反応を見て、邪魔だと感じたらフローティングや帯に変える、という進め方が現実的です。作成済みのバナーは表示形式だけを後から変更できます。

「誰に・どのページで・いつ出すか」を細かく指定できます

すべての訪問者に同じバナーを出しても、多くの場合は閉じられて終わります。関心のある人に、関心のあるタイミングで出すことが重要です。本プラグインでは表示条件を組み合わせて設定できます。


表示するページの指定

バナーを出すページを、URLの完全一致または前方一致で指定できます。完全一致なら「このURLのページだけ」、前方一致なら「特定カテゴリの配下すべて」といった範囲指定ができます。

複数の条件を組み合わせることも可能です。1つのURLブロックの中に書いた条件はAND(すべて一致)、URLブロック同士はOR(いずれかに一致)で結合されます。これにより「レディース配下、またはセール配下を見ている人」といった指定ができます。特定の商品カテゴリを見ている人にだけ、そのカテゴリのクーポンを出す、といった出し分けが可能です。


表示タイミングの指定

すぐに表示 ページを開いた直後に表示します。告知系に向いています
スクロールで表示 一定量スクロールした時点で表示します。「読み進めた人」に絞れます
滞在時間で表示 一定時間ページに留まった時点で表示します。迷っている人に一押しできます
離脱時に表示 ページを離れようとした動きを検知して表示します。カゴ落ち対策に使えます

開いた瞬間に出すバナーは閉じられやすい一方、「下まで読んだ人だけ」「30秒滞在した人だけ」に絞れば、関心の高い相手にだけ届きます。同じ内容でもタイミングを変えるだけで反応が変わるため、まずはタイミングから調整することをおすすめします。


表示期間の指定

開始日時と終了日時を設定できます。設定しておけば開始日に自動で表示が始まり、終了日を過ぎると自動で止まります。セール開始の深夜に作業する必要も、終わったセールのバナーが出しっぱなしになる事故もなくなります。


デバイスの出し分け

「PCのみ」「スマホのみ」「両方」を選べます。スマホでは画面が狭いため、PCとは別の内容を出したい場合にも対応できます。

A/B/Cパターンで比較し、運用を回せます

バナーは一度作って終わりではありません。文言、ボタンの色、価格の見せ方で結果は変わります。本プラグインでは1つのバナーに複数のバリエーションを用意し、訪問者にランダムで出し分けることができます。


たとえばこんな比較ができます

  • ボタンの文言を「詳しく見る」と「今すぐクーポンを受け取る」で比較する
  • 「10%OFF」と「1,000円OFF」のどちらが響くかを比較する
  • 写真を使ったデザインと、文字中心のシンプルなデザインを比較する

最大3パターン(A/B/C)まで同時に配信できるため、1回の検証で複数の仮説を試せます。感覚や社内の意見ではなく、実際の反応で判断できます。


公開管理はシンプルです

バナー一覧の画面から、公開/下書きをワンクリックで切り替えられます。作りかけのバナーを下書きのまま保存しておき、準備が整ったら公開する、という運用が可能です。反応が悪かったバナーをいったん下書きに戻し、修正して再公開する、といった往復もすぐにできます。


バナーは何本でも作成でき、同時に複数を稼働させられます。「トップページには帯でお知らせ、セール商品ページにはモーダルでクーポン、離脱時にはフローティングで最後の一押し」といった組み合わせも可能です。

grip space と連携すると効果測定と高度なターゲティングができます(任意)

本プラグインは単体で完結します。バナーの作成・配信は、外部サービスのアカウントがなくてもそのままご利用いただけます。以下は、より踏み込んで運用したい場合の任意の機能です。

外部サービス「grip space」のアカウントと連携すると、バナーの効果を数値で確認できるようになります。


基本の効果測定

  • 表示回数(何回出たか)
  • クリック数(何回押されたか)
  • クリック率(出した回数に対してどれだけ押されたか)
  • CV(クリックした先で購入・申し込みに至った件数)

どのバナーが売上につながっているかが数字で分かるため、次にどのバナーを残し、どれを差し替えるべきかを判断できます。A/B/Cパターンの勝ち負けも、この画面で確認できます。


上位プラン(スタンダードプラン以上)での機能


企業単位の分析

IPアドレスから企業を特定できた訪問について、どの企業・どの担当者がクリックしたかを確認できます。法人向けの商材を扱っている場合、見込み客の把握に使えます。


業種・地域によるターゲティング配信

特定の業種や地域からの訪問にだけバナーを出し分けられます。「建設業の企業からの訪問にだけ、業務用商材のバナーを出す」といった配信が可能です。


フォーム付きバナー

資料請求やメールアドレスの登録を、ページを移動させることなくバナー内で完結できます。フォームページへ遷移する途中で離脱してしまう分を取りこぼさずに済みます。


※ 企業単位の分析と業種・地域ターゲティングは、IPアドレスから企業を特定できた訪問のみが対象です。個人の自宅回線やモバイル回線からの訪問は特定できないため、すべての訪問が対象になるわけではありません。

動作環境・導入とデータの取り扱いについて

対応バージョン EC-CUBE 4.2系(4.2.0/4.2.1/4.2.2/4.2.3/4.2.3-p1/4.2.3-p2)
EC-CUBE 4.3系(4.3.0/4.3.1/4.3.1-p1)
提供 ibis studio K.K.
サポート [email protected]

導入の流れ

オーナーズストアからインストールし、プラグインを有効化するだけで管理画面にメニューが追加されます。テーマファイルの編集やタグの貼り付けといった作業は不要です。バナーの表示に必要な処理は、プラグインの有効化時に自動で組み込まれます。有効化後すぐに、管理画面からバナーの作成を始められます。


外部サービスへの接続について

本プラグインは外部サービス「grip space」に接続します。連携を有効にした場合、設定に応じてアクセス計測データやフォーム送信内容が grip space のサーバーへ送信・保存されます。データを送信するかどうかは設定画面で選択できます。連携を行わない場合、バナーの作成・表示はストア内で完結し、外部へのデータ送信は発生しません。

PAGE TOP

リリースノート

ポップアップバナー作成プラグインを公開いたしました。プログラミング不要で、キ(2026/07/21)
主な機能

- テンプレートから最短で作成:用意されたデザインテンプレートを選ぶだけ。白紙からの作成にも対応
- ノーコードのバナーエディタ:画像・テキスト・ボタンを自由に配置。PC/スマホ個別の調整、要素の整列、グラデーション塗り、カウントダウンタイマーに対応
- 表示形式を選べる:モーダル(中央)/フローティング(隅固定)/帯(上部)
- 細かな表示条件:表示するページURL(完全一致/前方一致)、表示タイミング(すぐ/スクロール/滞在/離脱時)、期間指定、PC・スマホの出し分け
- A/B/Cパターン:複数バリエーションをランダムに出し分けて反応を比較
- かんたん公開管理:一覧から公開/下書きをワンクリックで切り替え

外部サービス「grip space」との連携(任意)

grip space アカウントと連携すると、バナーの表示回数・クリック数・クリック率・CVをダッシュボードで確認できます。上位プランでは、どの企業・担当者がクリックしたか
の分析や、業種・地域によるターゲティング配信、フォーム付きバナーもご利用いただけます。連携しなくても、バナーの作成・配信はそのままご利用いただけます。

※ 本プラグインは外部サービス「grip space」に接続します。連携を有効にした場合、設定に応じてアクセス計測データやフォーム送信内容が grip space
のサーバーへ送信・保存されます。データを送信するかは設定で選択できます。

PAGE TOP

ポップアップバナー表示・作成プラグイン20,000円(税込)

この商品に対するお客様の声

この商品に対するご感想をぜひお寄せください。

PAGE TOP