インストールから、商品に発売日時を設定してカウントダウンが表示されるまでの手順です。
はじめる前に
- ストアの管理者権限が必要です
- インストール直後にプランの選択画面が表示されます。プランを選ぶと管理画面が使えるようになります
手順
1. テーマでアプリ埋め込みを有効にする
Shopify管理画面の「オンラインストア」→「テーマ」→ 公開中のテーマの「カスタマイズ」を開き、左メニューの「アプリ埋め込み」で「Coming Soon」をオンにして保存します。
アプリのダッシュボード上部に「テーマで Coming Soon を有効化」のバナーが出ている場合は、バナーの「テーマエディタを開く」からも同じ画面に移動できます。設定は最初の一度だけです。
2. 設定ページを保存する
アプリの「設定」を開き、カウントダウンの文言などを確認して、一度「保存」します。
初期値のままでよい場合も、この保存は必要です。ストアフロントに表示する文言はこの設定の保存時に公開されるため、保存していないとカウントダウンやお知らせ文が表示されません。
- 「カウントダウンを表示する」— カウントダウンを出すかどうか
- カウントダウンテキスト —
[countdown]などのプレースホルダーが使えます - 発売日時お知らせテキスト —
[datetime] に発売開始の形式 - ボタンのラベルの初期値 — 商品側で指定しなかったときの表示(例: 近日発売)
3. 商品に発売日時を設定する
「発売予告管理」で「商品を追加」(またはコレクション単位なら「コレクションを追加」)を押し、対象を選びます。
- 「販売開始日」をカレンダーから選択
- 「販売開始時刻」を30分刻みのリストから選択
- 必要なら「ボタンのラベル」を商品ごとに指定
日時はストアのタイムゾーン(日本のストアなら Asia/Tokyo)で解釈されます。「適用」を押すと一覧の「販売状態」が「予約中」になります。
4. 動作を確認する
ストアフロントで対象の商品ページを開き、次の3点を確認します。
- カートに入れるボタンが、設定したラベルの無効なボタンに置き換わる(一部のテーマでは購入ボタンを隠しきれないことがあります。「うまくいかないとき」を参照してください)
- カウントダウンとお知らせ文が表示される
- 設定した時刻を過ぎると、自動で通常の購入ボタンに戻る
うまくいかないとき
カウントダウンや文言が表示されない
アプリの「設定」を一度も保存していないことが原因の大半です。設定ページを開いて保存してから、商品ページをハードリロード(Shift+再読み込み)で確認してください。
発売日時を変更したのに反映されない
ページがキャッシュされていることがあります。ハードリロードで確認してください。
購入ボタンが残ってしまう
テーマのボタン構造が一般的な形と大きく異なる場合、隠しきれないことがあります。テーマ名を添えてお問い合わせいただければ対応を検討します。
時刻ぴったりに切り替わらない
発売の切り替わりは閲覧しているお客様の端末時刻で判定されます。端末の時計が大きくずれていると、表示の切り替わりもずれます。
発売日時の一覧に商品が出てくるのは、このアプリから設定した商品だけです。設定はいつでも「解除」で外せます。
このページは役に立ちましたか?
Shopify App Store のレビューは、同じ課題を持つ他のストア運営者がアプリを見つける手がかりになります。良かった点も、足りない点も、そのまま書いてください。
レビューはShopify App Store上に公開されます。書き換え・削除はご自身で行えます。