Square オンラインビジネスの商品バッジ
注意: 取扱商品の状態を表す商品バッジをサイト上で表示するには、Square オンラインビジネスのサイトをアップグレードしてください。
Square オンラインビジネスで販売する商品に「商品バッジ」を表示することで、在庫数、セール情報など、商品に関する重要な情報をお客さまに一目で知らせることができます。商品バッジは、サイトのデザインに合わせてカスタマイズできます。またサイトでお買い物をするお客さまが、商品に関する情報をすばやくスムーズに把握するのに役立ちます。
商品バッジを有効化する
サイトで商品バッジを有効にするには、以下の手順を行います。
Square オンラインビジネスの概要ページから、[商品] > [商品の設定] （または [共通設定] > [商品の設定] ）の順に進みます。
-
「商品ステータス」で [編集] を選択して、バッジのオプションを選択します。
[セールバッジ] をオンに切り替えると、セール中であることを表すバッジが対象の商品に表示されます。
[在庫少バッジ] をオンに切り替えると、商品の在庫数が指定の数量未満になったときにバッジが表示されます。数量には、2以上を入力してください。
[在庫切れバッジ] をオンに切り替えると、在庫切れの商品にバッジが表示されます。この場合、在庫数が0になったときにバッジが表示されます。
完了したら [保存] を選択します。
Square 商品ライブラリから先行予約とディスカウントを設定するときに、先行予約またはディスカウント専用のバッジを自動的に表示することもできます。
商品バッジのカスタマイズ
商品バッジのデザインをカスタマイズするには、以下の手順を行います。
Square データから、[サイトデザイン] を選択します。
「サイトのエレメント」で、[バッジ] を選択します。
メイン、サブ（2番目）、サブ（3番目）の各バッジに使用する色、形、テキストを選択します。
商品バッジのスタイルを選択して、作成したスタイルを有効化した各バッジタイプに適用します。またバッジの位置は、テキストの上下や画像に表示するなどページごとに変更できます。
[公開] をクリックして、変更点がサイトに反映されているか確認します。
サイトデザインのオプションについてさらに詳しくは、Square オンラインビジネスのサイトをデザイン・カスタマイズするをご覧ください。
ライブ体験
サイト上に商品バッジが表示されるのは、次のいずれかに該当する商品が1つ以上ある場合のみです。
セール価格である
在庫数量が指定の数量以下である
売り切れである
先行予約可能である
ディスカウントが適用されている
商品の状態を「売り切れ」に手動で設定した場合、売り切れ商品バッジが無効化されている場合でも、そのバッジは自動的に同期されウェブサイトに表示されます。これにより、その商品が購入不可であることがお客さまに伝わり、カートに追加されるのを防ぐことができます。