EC サイトを運営していると、 「期間限定クーポン」「本日限りのセール」「新商品の入荷」 といった “今だけ” の情報を、 来てくれた人にきちんと届けたい場面が何度もあります。 ところが、 トップに小さなバナーを貼るだけでは埋もれてしまい、 せっかくの施策が気づかれないまま離脱 ── という機会損失は少なくありません。 かといって、 訴求のたびに画像を作り、 HTML を編集し、 表示する期間やページを設定するのは手間がかかります。 本コラムでは、 ノーコードでポップアップバナーを作成・配信できる EC-CUBE プラグイン「ポップアップバナー」 の特長・機能・導入の流れを解説します。
「今だけ」の訴求が、意外と伝わっていない
クーポン・セール・新商品 ── EC の売上を左右する施策の多くは、 「見てもらえたかどうか」 で成果が大きく変わります。 ところが実際のサイトでは、 情報がヘッダーの片隅やお知らせ一覧の中に埋もれ、 「今、 何がお得なのか」 が来訪者に伝わらない まま帰られてしまうことがよくあります。
その解決策として有効なのが、 画面の目立つ位置に出すポップアップバナー です。 とはいえ、 バナー 1 枚のために毎回デザイナーへ画像を依頼し、 テンプレートを HTML で編集し、 「どのページに・いつからいつまで・PC とスマホどちらで」 出すかを設定するのは、 運用の負担になります。 作る手間と、 出し分けの手間、 そして「本当に効果があったのか」 が見えないこと ── この 3 つが、 バナー施策が続かない主な理由です。
「ポップアップバナー」プラグインとは
「ポップアップバナー」 は、 ノーコードでポップアップバナーを作成し、 表示するページ・タイミング・端末を指定して配信できる EC-CUBE プラグインです。 EC-CUBE 4 系に対応し、 EC-CUBE 公式のオーナーズストア（商品ページ）で配布しています。
最大の特長は、 画像制作もコードも要らず、 管理画面の中だけでバナーが完成する こと。 テキスト・画像・ボタンといったパーツを組み合わせ、 期間限定クーポンやカウントダウン付きのバナーを、 デザイナーに頼らず自分で作れます。 さらに、 grip space と連携すれば 配信と計測が一本化され、 表示回数・クリック・コンバージョンといった効果を数字で確認できます（連携しなくても、 バナーの表示自体は利用できます）。
できること ── 3タイプ・ノーコード編集・表示ルール・効果の可視化
このプラグインでできることは、 大きく次の 4 つです。
① 用途に合わせて選べる、 3つの表示タイプ ── 訴求の内容に応じて、 3 種類の見せ方を使い分けられます。
モーダル
画面中央にしっかり訴求。クーポンや会員登録など、確実に見せたい施策に。
フローティング
閲覧を邪魔しない隅の常設バナー。新商品や再入荷の告知に。
上下固定（帯）
画面上下に固定する帯型。送料無料ラインやクーポンコードの常時掲示に。
② ノーコードのパーツで、 自由にデザイン ── テキスト・画像・ボタンを配置し、 リンク先や色・文言を設定するだけ。 締切までを見せるカウントダウン や、 デバイス（PC / スマホ）ごとの出し分け、 表示期間のスケジュール も、 コードを書かずに設定できます。
③ 狙ったページ・タイミングに出し分け ── バナーを表示するページ（URL）、 表示のタイミング（即時／スクロール到達／一定滞在後／離脱しようとした時）、 デバイス、 表示期間 を指定できます。 「セール対象ページに、 スマホで、 開始日から終了日まで」 といった条件で、 見せたい相手にだけ届けられます。
④ 効果を数字で可視化（grip space 連携時） ── grip space と連携すると、 バナーごとの表示回数・クリック数・コンバージョン数 と、 その推移をレポートで確認できます。 「どのバナーが、 どれだけ売上につながったか」 が見えるので、 感覚ではなくデータで改善できます。
※ 数値はイメージです。実際の効果は施策や商材によって異なります。
導入の流れ
導入から公開まではシンプルです。
ステップ 1: プラグインをインストールして有効化 ── EC-CUBE のオーナーズストアからプラグインを入手し、 管理画面でインストール・有効化します。 設定メニューに「ポップアップバナー」 が追加されます。
ステップ 2: テンプレートを選んでノーコードで編集 ── モーダル・フローティング・帯からタイプを選び、 テキスト・画像・ボタンを編集します。 クーポン訴求やカウントダウンもそのまま作成できます。
ステップ 3: 表示ルールを設定して公開 ── 表示するページ・タイミング・端末・期間を指定して公開します。 あとは条件に合った来訪者へ自動で配信されます。
- クーポン・セール・新商品などの「今だけ」 の訴求は、 見てもらえるかどうか で成果が大きく変わる。 埋もれたバナーは機会損失になりやすい。
- 「ポップアップバナー」 プラグインは、 ノーコードでモーダル・フローティング・帯の 3 タイプ を作成でき、 EC-CUBE 4 系に対応。
- 表示するページ・タイミング・端末・期間を指定 して出し分けでき、 カウントダウンやクーポン訴求もコード不要。
- grip space 連携で表示回数・クリック・コンバージョンを可視化。 感覚ではなくデータでバナーを改善できる。
入手方法
「ポップアップバナー」 プラグインは、 EC-CUBE 公式のオーナーズストアで配布しています。 対応バージョンや価格・詳細は、 以下の商品ページからご確認いただけます。
EC-CUBE オーナーズストアで「ポップアップバナー」を見る
grip space では、 EC サイトや BtoB サイトの「成果につながる導線」 を、 ポップアップバナー・フォーム・アクセス解析などのかたちで幅広く支援しています。 バナー施策や来訪者の可視化についてのご相談は、 以下のフォームからお気軽にどうぞ。
