カウントダウン

フラッシュセール、新商品の発売、祝日の締め切りに向けて、カウントダウンタイマーをメニューに追加します。

リファレンス Growth Navigation · Pro Navigation 5 分で読めます

設定した日時までをカウントダウンするライブタイマー（日、時間、分、秒）で、タイトルとサブ見出し付きです。フラッシュセール、商品のドロップ、祝日の配送締め切りなどで、緊急感を演出するのに使えます。

ブロックを追加する

レイアウトを選ぶ

プレビューのメガメニューパネルで ブロックを追加 をクリックします。カウントダウン をクリックし、レイアウトにカーソルを合わせて選択をクリックします。

(1) カウントダウンをクリック、(2) レイアウトを選ぶ。
テキストを設定する

プレビューでカウントダウンをクリックして 項目を編集 を開きます。一般で、タイトル、サブ見出し、任意の リンク、幅を設定します。

(1) プレビューでカウントダウンをクリック、(2) 幅を設定する。
終了を設定する

カウントダウン セクションで、終了日、終了時刻、カウントダウン終了時 を設定します。

終了日、終了時刻、カウントダウン終了時
保存して公開する

必要に応じて スタイル で見た目を整え、保存と公開をクリックします。

終了日 / 終了時刻: タイマーがゼロになる日時。ストアのタイムゾーンで指定します（日付の下に表示されます）。終了は未来の日時にする必要があります。
カウントダウン終了時デフォルト: ブロックを非表示: ブロックを非表示 はメニューからブロックを取り除きます。ゼロを表示し続ける はすべてゼロのまま表示します。メッセージを表示 は 終了時のメッセージ に入力したテキスト（例：「このオファーは終了しました」）を表示します。

レイアウトデフォルト: 選んだレイアウト: 標準、インライン、バランス。変更すると、カスタムのサイズと色がそのレイアウトのデフォルトにリセットされるため、先にレイアウトを選んでください。
背景色デフォルト: 透明: ブロックの背景。
タイトルのサイズと色デフォルト: 28 / 24 / 18 px · #202223: サイズ（8～96 px）と色。デフォルトは標準 / バランス / インラインの順です。
サブ見出しのサイズと色デフォルト: 16 / 16 / 14 px · #6D7175: サブ見出しのサイズと色。
タイマーのサイズと色デフォルト: 40 / 32 / 20 px · #202223: 数字のサイズと色。
ラベルのサイズと色デフォルト: 14 px · #6D7175: 数字の下にある「Days」「Hrs」などのラベル。

設定をクリア をクリックすると、デフォルトに戻ります。表示設定 は他のブロックと同じです。すべてのブロック共通の設定をご覧ください。

標準では、大きな数字のペアが4つ並ぶためスペースが必要です。幅25%以下の列では、Timer size（タイマーのサイズ）を小さくするか、幅を 33.33% 以上にしてください。
タイマーは固定された1つの日時までをカウントし、再スタートしません。新しいセールでは、新しい 終了日 を設定してください。
セール期間中だけブロックを表示するには、表示設定 > 公開を予約 も使います。
クーポンコードと組み合わせると、タイマーの隣で割引コードも伝えられます。

このページは役に立ちましたか？