商品を画面の下に浮かせて表示し、グループは横にスワイプして見せられます

訪問者が下へスクロールしても見せ続けたい商品や、1列でざっと見てほしい商品のまとまりはありませんか。これからは商品を1つ画面の下のボタンとして浮かせて表示し、グループ内の商品を横にスワイプして見せられます。商品を押したときの動きと区切り線の形も、選べるものが増えました。

どんな機能ですか

  • 画面の下に浮かせて表示: 選んだ商品が、公開ページの画面の下にボタンとして表示されます。訪問者がスクロールしてもその場所にあり、押すとその商品を押したときとまったく同じように開きます。ボタンには商品のタイトルが表示され、浮かせて表示できるのはページごとに1つです。
  • 横にスワイプして見せる: グループ内の商品が写真・名前・価格つきで1列に並び、訪問者は横にスワイプして見られます。価格と割引率は、リストの商品カードと同じように表示されます。マウスを使うパソコンでは、グループ名の右にある矢印でも移動できます。
  • タップ時の動き: 訪問者が商品を押したりマウスを重ねたりしたときの動きを、押し込み・浮き上がり・バウンドから選べます。標準はこれまでどおり、マウスを重ねると少し浮きます。ページ全体にまとめて適用されます。
  • 区切り線の新しい形: 区切り線の線のスタイルに3つの点・ジグザグ・余白のみが加わりました。余白のみは線を引かずに間隔だけを空けます。

使い方

  1. ダッシュボードのページでページを開き、商品タブに移動します。
  2. 浮かせて表示したい商品の編集を押し、画面の下に浮かせて表示をオンにして保存を押します。リンク商品だけにあるオプションです。
  3. 横にスワイプする列を新しく作るときは、商品を追加で商品の種類を商品の列(横にスワイプ)にします。すでにあるグループは、グループの編集で横にスワイプして見せるをオンにして保存を押します。
  4. 区切り線は、区切り線の編集で線のスタイルを選んで保存を押します。
  5. タップ時の動きは、デザインタブの商品の表示でタップ時の動きを選びます。

ご注意ください

  • 画面の下に浮かせて表示・横にスワイプして見せる・区切り線の新しい形は、すべてのプランで使えます。タップ時の動きはベーシックプランからです。
  • 別の商品で画面の下に浮かせて表示をオンにすると、先にオンにしていた商品は自動でオフになります。
  • 非公開・予約公開の前・売り切れで自動非表示になった商品と、非表示にする時刻を過ぎた商品は、ボタンも表示されません。レシピを開いた画面では買い物バーがその場所を使うため、ボタンは出ません。
  • グループ内の商品とレシピ内の商品は浮かせて表示できません。浮かせて表示した商品をグループに入れたり別のページへ移動したりすると、浮かせて表示はオフになります。
  • 横にスワイプするグループは折りたたまず、いつも開いた状態です。材料リストとして表示したグループと、レシピの調理道具のまとまりでは使えません。
  • 端末で「動きを減らす」をオンにしている訪問者には、タップ時の動きは表示されません。
  • 浮かせて表示したボタンや横にスワイプするカードを押しても、その商品のクリック数として同じように集計されます。

ご不明な点は、ダッシュボード右下のチャットでお問い合わせください。

すべてのアップデートを見る →