商品情報
ノーコードでポップアップバナーを作成・表示。キャンペーンやお知らせを、狙ったページ・タイミングで届ける
本プラグインは、キャンペーン告知・クーポン・セール・お知らせなどのポップアップバナーを、プログラミング不要で作成・表示できるプラグインです。
用意されたテンプレートを選ぶか白紙から、画像・テキスト・ボタンを自由に配置してオリジナルのバナーを作成。作ったバナーは、表示するページ・タイミング・期間・デバ
イスを細かく指定して、ストアに表示できます。
■ こんな方におすすめ
- 期間限定セールやクーポンを目立たせたい
- 送料無料・営業日などのお知らせを確実に見せたい
- 離脱しそうな来訪者にもう一押ししたい
- 制作会社に頼まず、自分でバナーを差し替えたい
■ 主な機能
- テンプレート選択/白紙からのノーコード作成
- 画像・テキスト・ボタン配置、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 のサーバーへ送信・保存されます。データを送信するかどうかは設定画面で選択できます。連携を行わない場合、バナーの作成・表示はストア内で完結し、外部へのデータ送信は発生しません。