ストアフロント

コードなしでセールバッジ

テーマでバッジをオンにし、表示する場所を選んで、デザインを整えます。バッジは商品がセール中の間だけ表示され、価格が元に戻ると消えます。

  • 約5分
  • 6 ステップ
  • Freeプランの場合

ステップごとに

  1. プロモーション → Badgesを開く

    「バッジ」ページには、セールバッジ、カウントダウンタイマー、低在庫バッジ、お知らせバナー、カートページのブロックがあります。

  2. テーマでオンにする

    「テーマでオンにする」を押すと、バッジがオンの状態でテーマエディタが開きます。そこで「保存」を一度クリックしてください。

  3. 表示場所を選ぶ

    「On product images」は、コレクションページや検索ページのカードと、商品ページのメイン画像にバッジを表示します。「Next to the Buy button」は購入ボタンの上に表示します。両方オンの場合、商品ページで1回だけ表示するには「Show it on the product image too」をオフにしてください。

    アプリの画面を、実際のラベルのまま描いた図です。
  4. バッジをデザインする

    タイルからデザインを選び、「Text」「Colors」「Type」「Effects」を調整します。テキスト内の[percent]は割引率、[amount]は割引額に置き換わります。「Show from」を設定すると、その割引率以上の割引にだけバッジが付きます。

  5. 保存

    上部のバーで「保存」をクリックします。「マイルックを保存」で、色とスタイルをあなた専用のルックとして残せます。

  6. セールごとに選ぶ

    セールフォームの「セールバッジを表示」は初期設定でオンです。目立たせたくないセールではオフにします。

ヒント

  • バッジを商品ページの別の場所に置くには、テーマエディタで「セールバッジ」ブロックを追加し、ドラッグして移動します。
  • 「バッジを表示する相手」では、言語ごとにバッジの文言を設定できます。Pro と Business では、一部の顧客や国だけにバッジを表示することもできます。
  • 商品のバリエーションごとに割引が異なる場合、カードには最大の割引が「最大」と表示されます。

確認すること

  • ストアチェック:「テーマのセールバッジ」と「ストアのページのバッジ」が緑になります。
  • 実施中のセールに入っている商品を開き、バッジを確認します。

よくある間違い

  • 「テーマで有効にする」のあとにテーマエディタで「保存」を忘れると、バッジは表示されません。
  • 「ストアにセールバッジを表示」をオフのままにすると、すべてのバッジが一度に非表示になります。
  • セール中に手動で価格を変更した商品のバッジを探している場合:その商品のバッジは外れます。

必要なプラン

Freeプランの場合

セールバッジはすべてのプランで使えます。一部のお客様や国だけに表示する機能は、ProとBusinessで使えます。

よくある質問

テーマのコードは変更されますか?

いいえ。バッジはテーマエディタでオンにするテーマアプリ埋め込みで、アプリを削除すると一緒になくなります。

バッジが表示されないのはなぜですか?

公開中のテーマで「セールバッジ」のアプリ埋め込みがオンになって保存されていること、そして商品が実施中のセールに入っていることを確認してください。どちらが原因かはストアチェックでわかります。

次のセールはMarket Managerで

無料プランあり。有料プランは7日間の無料トライアルから始まります。