今回の記事は Shopify App Store で提供されている、Coming Soon(発売予告・プレオーダー・プレセールなど)アプリについてまとめた記事です。ストアで新商品を告知したり、在庫切れ商品を事前にアピールしたり、「公開前に興味を集めたい」「プレセールを実施したい」というニーズに応えてくれるアプリをご紹介します。
ECサイトにおける Coming Soon(発売予告)とは、まだ販売前の商品を事前にストアページで紹介し、発売日などの情報を告知する機能です。販売可能な状態になる前に「どんな商品が何日にリリース予定なのか」を分かりやすく提示し、顧客の期待感や購入意欲を高める効果を狙います。
とりわけ Shopify ストアにおいては、海外アプリ・日本製アプリともに多数の Coming Soon アプリが公開されています。商品詳細ページやコレクションページ上に「Coming Soon」バッジを表示したり、カウントダウンで発売開始をカウントしたり、事前予約やバックオーダーを受け付けるなど、さまざまな機能を利用できます。
Coming Soon アプリを選ぶ際は、以下の機能や要素をチェックすると良いでしょう。
これらを総合的に判断し、ストアの目的に合ったアプリを選択すると、より効果的に Coming Soon 機能を活用することができます。
ここからは、Shopify App Store にて公開されている代表的な Coming Soon アプリを 12 個ピックアップして、それぞれの特徴や料金、サポート内容などを解説します。
特徴・機能
日本のビジネスに人気の「シンプル Coming Soon|商品ページ発売予告アプリ」は、ストア内で事前に商品を紹介し、カウントダウンを通じてユーザーの期待感を高められます。日本語対応で操作が簡単なのもポイント。Cart and Checkout Validation API により、発売前の商品が誤って購入されるのを防止できます。
以下のShopify公式のアプリストアからインストールできます。
特徴・機能
「Mini: Coming Soon | Waitlist」は、事前にメールアドレスを収集しておき、在庫入荷時や新発売時に連絡する Waitlist 機能を持つアプリです。無料で開始できるのが魅力で、SEO への配慮もありストア全体のアクセス機会を逃しません。日本語には未対応。
特徴・機能
「Coming soon ‑ cs」は、ストア全体をメンテナンス状態にする際に利用しやすいアプリです。商品単位というよりもストア全体を「Under Construction」「Opening Soon」として告知するのに適しています。メールアドレス収集やカウントダウンタイマー、背景動画の設定など、直感的に設定できます。日本語未対応。
特徴・機能
プレセールや予約受付を活用したセールス戦略を考えているなら、「SB Coming Soon Product‑PreSale」が便利。新商品の発売日を設定したり、自動通知で顧客に再入荷を知らせたり、各種マーケティングツール(Mailchimp、Klaviyo 等)との連携も容易です。日本語非対応。
特徴・機能
「Preorder Wolf」は、商品が在庫切れでも予約注文(プレオーダー)を受け付けることで売上を生み出すアプリです。新商品の発売前から「Coming Soon」ボタンを表示しておき、あらかじめ先行注文を集める施策に向いています。カスタマイズも容易ですが、日本語サポートはありません。
特徴・機能
「PreOrder Now & Pre order | PQ」は、プレセールやバックオーダーにも対応した多機能なアプリ。Coming Soon 状態の商品を表現するためのバッジやボタンのデザイン変更が可能で、予約購入を促す「Buy Now」代替ボタンを設置できます。UI は英語ですが、比較的わかりやすい設計です。
特徴・機能
「appstronaut: ComingSoon Pages」は、ストア自体を公開前・メンテナンス中の状態にしたい時に活用できるアプリ。ページビルダー的な要素があり、メールアドレスの収集やカウントダウン表示などが可能です。「テンプレートを選ぶだけで完結したい」というユーザーにもおすすめです。
特徴・機能
「GA: Coming Soon」は無料で使えて、かなりシンプルながらも必要最低限の機能を網羅。背景、タイマー、ソーシャルメディア連携などを手軽に導入できます。英語版のみですが、ページビルダーの UI はわかりやすく、初めてでも扱いやすい印象です。
特徴・機能
「PreCom ‑ coming soon preorders」は、シンプルに「Pre-order」や「Coming Soon」ステータスを付与する機能に特化しています。まだ在庫がない商品や発売前の商品をカタログに載せるだけでなく、購入時期をコントロールできるのが強みです。日本語は未対応。
特徴・機能
「Upify ‑ Easy Coming Soon」は、ストア全体のオープン前やリニューアル告知などに便利なアプリです。Passcode(パスワード)を知っている顧客だけが閲覧できるようにする機能もあるため、特定のユーザーにだけテスト公開したいケースにも使えます。日本語には非対応です。
特徴・機能
「Futurize ‑ Easy Coming Soon」は、無料でも Coming Soon ページを構築できます。発売前の商品やメンテナンス時の「Coming Soon」告知ページに加え、ユーザーのメールアドレスを収集して、発売タイミングなどに通知を送る仕組みを作ることが可能です。
特徴・機能
「Stockify Pre‑order Coming Soon」は、プレオーダーやComing Soon機能、カウントダウン演出などがすべて盛り込まれています。部分支払い(Partial payment)にも対応し、高単価商品の先行予約などに役立ちます。英語のみですが、UI は比較的分かりやすいです。
以下は、テーマ(例: Dawn テーマなど)の商品ページに「Coming Soon」表示を加えるシンプルな実装例です。商品にカスタムメタフィールド(coming_soon_date
など)を設定し、現在日時を比較して購入ボタンを出すかどうかを制御します。Liquid の基本的な記述例としてご参考ください。
{% assign current_date = 'now' | date: '%s' %}
{% assign release_date_str = product.metafields.custom.coming_soon_date %}
{% if release_date_str %}
{% assign release_date = release_date_str | date: '%s' %}
{% if release_date > current_date %}
<!-- Coming Soon Badge & Countdown -->
<div class="coming-soon-badge">
<p>発売予定日: {{ product.metafields.custom.coming_soon_date | date: '%Y-%m-%d %H:%M' }}</p>
<p>まだ購入できません。発売をお楽しみに!</p>
<!-- カウントダウン用のスクリプトを入れるなど -->
</div>
{% else %}
<!-- 通常の購入ボタンを表示 -->
<button type="submit" class="btn">カートに入れる</button>
{% endif %}
{% else %}
<!-- 発売予告日がない場合は通常通り -->
<button type="submit" class="btn">カートに入れる</button>
{% endif %}
このように Liquid で条件分岐を行うことで、発売日を過ぎるまでは購入ボタンを非表示にする、といったカスタマイズが可能です。また、本格的にカウントダウンを表示したい場合は JavaScript でカウントダウン機能を加えるなど、追加の実装を行ってみてください。
(※テーブルは使用せず箇条書きでまとめています)
日本語サポートを重視される場合は「シンプル Coming Soon|商品ページ発売予告アプリ」が最も安心です。
単一機能に特化し、管理画面も日本語対応でシンプルな作りになっているのは「シンプル Coming Soon|商品ページ発売予告アプリ」です。直感的な操作が可能で、問い合わせ対応も日本語でスムーズに行えます。
それ以外のアプリも、英語画面でややハードルがあるものの、テストストアなどで試しながら使えば問題なく運用できるレベルの操作性です。事前に無料プランや無料トライアル期間で試すことをおすすめします。
今回は、Shopify で利用できる Coming Soon(発売予告)アプリについて解説しました。
「いつ発売するのか」「いつ在庫が復活するのか」を明確にユーザーに伝えることは、顧客とのコミュニケーションを強化し、売上機会を逃さないためにも非常に重要です。
もしどのアプリを導入するか迷われたら、まず日本語サポートも充実している「シンプル Coming Soon|商品ページ発売予告アプリ」を試してみるのもよいでしょう。そのうえで、商品個別の予約管理や Waitlist の機能など、ストアの運営に合わせて最適なアプリを選んでみてください。
ここまでお読みいただき、誠にありがとうございました。皆さまの Shopify ストアの成功に役立てば幸いです。
今回は、以下の記事を参考にしています。