0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Shopifyで売り切れ商品をコレクションの最後に移動する方法|在庫切れを末尾へ送るアプリを実際に入れて比較

0
Posted at

はじめに

Shopify のストアを続けていると、コレクションの先頭に「売り切れ」の商品が並んでしまうことがあります。

  • 人気商品ほど売り切れやすく、「ベストセラー順」にすると売り切れ商品が上に集まる
  • 新作が売り切れたあとも、コレクションの一等地に残り続ける
  • 手動で並べ替えても、在庫が動くたびに並べ直しが必要になる

お客様は買えない商品を何件も通り過ぎてから、ようやく買える商品にたどり着くことになります。スマートフォンでは 1 画面に出る商品が少ないので、なおさら影響が大きくなります。

売り切れになった商品が自動でコレクションの最後へ移り、在庫が戻れば元の位置へ戻る。これができれば、コレクションの上のほうをいつも買える商品で埋めておけます。

この記事では、Shopify で売り切れ商品を末尾へ送るためのアプリとして、当社(UnReact)が開発した シンプル在庫切れ並び替え を中心に、海外の同種のアプリ 4 本を実際に開発ストアへインストールして比べた結果を紹介します。

売り切れ商品の「押し下げ」とは?

売り切れ商品の押し下げ(Push down)は、在庫が無くなった商品をコレクションの並び順の最後へ移すことです。商品を消すわけではなく、一覧には残したまま、順番だけを後ろにするのがポイントです。

ストアの種類 押し下げが役立つ場面
アパレル サイズ・色が売り切れた商品を、一覧の後ろへまとめたい
食品・限定品 数量限定の商品が売り切れたあとも、ページは残して再入荷を待ちたい
ハンドメイド・一点物 売れた作品を実績として残しつつ、買える作品を前に出したい
商品数の多いストア 在庫の入れ替わりが多く、手で並べ直すのが追いつかない

売り切れ商品を「非表示」にする方法もありますが、非表示にすると商品ページの URL から来たお客様が迷ったり、検索エンジンからの流入が切れたりします。一覧には残して順番だけ下げる押し下げは、そうした影響を避けたいときに向いています。

押し下げのメリット・デメリット

メリット

  • 買える商品から見てもらえる … コレクションの先頭が買える商品になるので、お客様が商品を探す手間が減ります。
  • 商品ページは残せる … 非表示とは違い、商品ページも一覧での掲載も残るので、再入荷を待つお客様やリンクからの流入を失いません。
  • 並べ替えの手間が無くなる … 在庫が動くたびに手で並べ直す必要がなくなります。

デメリット

  • 並び順が「手動」になる … Shopify の仕組み上、商品の順番を書き換えるにはコレクションの並び順を「手動」にする必要があります。「ベストセラー順」などの自動の並び順は、その時点の順番で固定されます。
  • 反映まで少し時間がかかる … 在庫の変化を受けてから並べ替えるため、反映まで数分かかることがあります。
  • お客様が並び替えを選ぶと効かない … ストアフロントで「価格の安い順」などを選ばれると、その並び順が優先されます。

Shopifyの標準機能で売り切れ商品を最後にできない理由

Shopify のコレクションには「手動」「ベストセラー」「商品名(A-Z)」「価格の安い順」「新しい順」など 9 種類の並び順がありますが、どれも在庫を見ません。

やりたいこと 標準機能でできるか
ベストセラー順・新しい順に並べる ✅ できる
手動で好きな順に並べる ✅ できる。ただし在庫が動くたびに並べ直しが必要
売り切れ商品だけを自動で最後に移す ❌ できない
再入荷した商品を元の位置に戻す ❌ できない
新しく追加した商品を、売り切れ商品より上に入れる ❌ できない(手動の並び順では新しい商品は一番下に入る)

テーマのコードで「在庫のある商品を先に描画する」ように書き換える方法もありますが、ページ送り(2 ページ目以降)をまたいで並べ替えることはできません。コレクション全体の順番を変えるには、Admin API でコレクションの並び順そのものを書き換える必要があり、これはアプリの仕事になります。

シンプル在庫切れ並び替え|売り切れ商品を末尾へ自動ソート

ストアフロントのコレクションページ。売り切れ表示の付いた2商品が一覧の末尾に並んでいる

どんなアプリか

シンプル在庫切れ並び替えは、コレクションごとに「有効にする」を押すだけで、売り切れ商品をコレクションの末尾へ自動で移し続けるアプリです。在庫が戻れば元の位置に戻り、新しく追加した商品は売り切れ商品より上に入ります。

テーマの編集は要りません。ストアフロントに読み込むスクリプトも無いため、どのテーマでも同じように動き、ページの表示速度にも影響しません。

  • 料金: $1.99/月(年払い $19.99/年)。7 日間の無料体験あり
  • 向いているストア: 在庫の入れ替わりが多いアパレル・食品・限定品・一点物のストア
  • 管理画面の言語: 日本語を含む 20 言語
  • 使う権限: 商品とコレクションの読み書きだけ

シンプル在庫切れ並び替えのアプリ紹介画像

できること

売り切れ商品を自動で末尾へ移す

有効にしたコレクションでは、売り切れになった商品が末尾へ移ります。売り切れ以外の商品はいまの並び順のままで、在庫数順や名前順に組み替えたりはしません。

再入荷した商品は元の位置へ戻る

末尾へ移したときに、その商品がもともと何番目にあったかを記録しています。在庫が戻ると、その位置へ戻ります。

新しく追加した商品は、売り切れ商品より上へ

有効にしたコレクションの並び順は「手動」になるため、Shopify の仕様では新しい商品が一番下に入ります。このアプリはそれを検知して、在庫のある商品の最後、つまり売り切れ商品のすぐ上へ移します。

元の並び順にいつでも戻せる

コレクションごとに「無効にする」を押すと、末尾へ移した商品を元の位置に戻し、並び順の設定も有効にする前の状態(「ベストセラー」など)に戻します。

アプリのインストール

Shopify App Store からインストールします。

  1. Shopify 管理画面の左下にある「設定」を開きます。

Shopify 管理画面の左下にある設定

  1. 「アプリと販売チャネル」を開き、「Shopify App Store」に進みます。

アプリと販売チャネルの画面から Shopify App Store へ進む

  1. App Store で「シンプル在庫切れ並び替え」を検索し、アプリのページで「インストール」を押します。

Shopify App Store のシンプル在庫切れ並び替えの掲載ページ

  1. 権限の確認画面で内容を確認して、インストールを完了します。

アプリ設定

インストールしただけでは、どのコレクションも並び替わりません。やることは「在庫切れの判定を確認する(任意)」と「コレクションを有効にする」の 2 つだけです。

コレクション一覧

アプリを開くと、ストアのコレクションが一覧で表示されます。

コレクション一覧画面。上部に「このアプリでできること・できないこと」の案内、下にコレクションの表が並んでいる

列 内容
コレクション コレクション名
商品数 コレクションに入っている商品の数
並べ替え このアプリで並べ替えているか(有効 / 無効)
末尾へ移動 いま末尾へ移している商品の数
最終処理 最後に並べ替えた日時。並べ替えを待っている間は「反映待ち」のバッジが付く

行の操作は次の 3 つです。

  • 有効にする … 確認画面でもう一度「有効にする」を押すと、並び順が「手動」に変わり、いまストアで表示されている順番がそのまま引き継がれます。売り切れ商品だけが末尾へ移ります。やめるときは「キャンセル」を押します。
  • いま並べ替える … 通常は在庫の変化を検知してから数分で並べ替えますが、すぐに確かめたいときに押します。何度押しても並びは崩れません。
  • 無効にする … 確認画面で「無効にして元に戻す」を押すと、末尾へ移していた商品を元の位置に戻し、並び順の設定も元に戻します。

「並べ替えを有効にしますか?」の確認画面。並び順が手動に変わること、元に戻すときは「無効にする」を使うことが書かれている

設定(在庫切れの判定)

左のメニューの「設定」で、どの状態の商品を末尾へ送るかを選びます。すべてのコレクションに共通の設定で、変えたら「保存する」を押します。

設定画面。在庫切れの判定のカード、判定を変えたときの案内、言語設定が並んでいる

末尾へ送る条件は次の 3 つから選びます。

選択肢 末尾へ送る商品
購入できるバリエーションが1つも無いとき(おすすめ) すべてのバリエーションが売り切れの商品(初期値)
1つでも売り切れのバリエーションがあるとき サイズや色が 1 つでも欠けている商品
在庫数が指定した数以下のとき 在庫の合計が「在庫数」以下になった商品
  • 在庫数 … 「在庫数が指定した数以下のとき」を選ぶと出る欄です。数えるのは、その商品のすべてのバリエーション・すべてのロケーションの在庫の合計です。0 なら売り切れだけが対象です。
  • 末尾へ送らない商品タグ … ここに入れたタグを持つ商品は、売り切れでも移動しません。カンマ区切りで複数入れられ(例: preorder, display-only)、大文字と小文字は区別しません。

在庫数が指定した数以下のときを選び、在庫数に 2、末尾へ送らない商品タグに preorder, display-only を入れた状態

どの条件でも、「在庫切れでも販売を続ける」がオンの商品(予約販売・受注生産)と、在庫を追跡していない商品は末尾へ送りません。

「言語を選択」で管理画面の言語を 20 言語から選び、「変更する」で切り替えられます。

注意点

  • お客様がストアフロントで並び替えを選ぶと、この並び順は使われません(Shopify の仕様)。
  • 検索結果と「すべての商品」(/collections/all)には反映されません(Shopify の仕様)。
  • 在庫の変化はすぐに検知しますが、反映までに数分かかることがあります。
  • このアプリは並び替え専用で、売り切れ商品を非表示にはしません。
  • アプリを削除する前に、有効にしているコレクションを「無効にする」で元に戻してください。削除した後は、アプリから並び順を戻せなくなります。

おわりに

シンプル在庫切れ並び替えを入れておくと、売り切れ商品が自動でコレクションの末尾へ移り、再入荷すれば元の位置へ、新しい商品は売り切れより上へ、手を動かさずに戻ります。判定方法と除外タグで予約販売や展示用の商品はそのままにでき、やめるときはボタンひとつで元の並び順に戻せます。


ここからは、海外の同種のアプリ 4 本を、実際に開発ストアへインストールして比べた結果です。

Sink | Push Down Out of Stock

Sink | Push Down Out of Stockのアプリ紹介画像

アプリ概要

項目 内容
アプリ名 Sink | Push Down Out of Stock
開発者 Xeon Apps
価格設定 $2.99/月 / $7.99/月 / $19.99/月
対応言語 管理画面は英語のみ(実際に確認)

実際にインストールして触ってみた

Sink | Push Down Out of Stock の管理画面

Sink | Push Down Out of Stock の管理画面

  • 管理画面は英語のみ。管理画面上のアプリ名は Shopify の自動翻訳で「沈む - OOSを押し下げる」と表示された
  • コレクションごとに Push down status(Enabled / Disabled)と、在庫のある商品の並べ方(Applied Sorting Rule。例: Most relevant)を選ぶ一覧になっている
  • メニューに Hide products / Hide variants があり、押し下げだけでなく売り切れ商品・バリエーションの非表示も扱う
  • 以前この開発ストアで試したときの設定(1 コレクションが Enabled、最終並べ替え Sep 15)が、入れ直した直後から残っていた

ワンポイント解説

押し下げ・非表示・在庫のある商品の並べ方まで、1 つのアプリでまとめて扱えるのが強みです。コレクションごとの状態が一覧で見え、プレビューもあります。管理画面は英語なので、英語に抵抗がなく、非表示も合わせて使いたいストアに向いています。


PushLast Out of Stock Sold Out

PushLast Out of Stock Sold Outのアプリ紹介画像

アプリ概要

項目 内容
アプリ名 PushLast Out of Stock Sold Out
開発者 Awesome Apps LLC
価格設定 $3.99/月 / $9.99/月 / $19.99/月・14 日間の無料体験
対応言語 管理画面は英語のみ(実際に確認)

実際にインストールして触ってみた

PushLast Out of Stock Sold Out の管理画面

PushLast Out of Stock Sold Out の管理画面

  • 管理画面は英語のみ。開くとコレクションがカードで並び、「Preview this collection」から試せる
  • プレビューでは、売り切れ商品が末尾へ動く様子をその場で見せてくれる(画面の説明では、この時点ではストアは何も変わらない)
  • プレビューの後は「Choose a plan」に進む案内が出た。今回はプラン選択より先(実際の並べ替えの設定画面)は確認していない

ワンポイント解説

入れてすぐ、自分のストアのコレクションで「並べ替えるとどうなるか」を見せてくれる導入のわかりやすさが特徴です。売り切れを末尾へ送ることに絞ったシンプルな作りで、まず効果を確かめてから契約したいストアに向いています。


Hide Out Of Stock & Push Down

Hide Out Of Stock & Push Downのアプリ紹介画像

アプリ概要

項目 内容
アプリ名 Hide Out Of Stock & Push Down
開発者 PH Group Limited
価格設定 $3.95/月 / $8.95/月 / $13.95/月(年払い $42/年 / $90/年 / $138/年)・5 日間の無料体験
対応言語 管理画面は英語のみ(実際に確認)

実際にインストールして触ってみた

Hide Out Of Stock & Push Down の管理画面

Hide Out Of Stock & Push Down の管理画面

  • 管理画面は英語のみ(管理画面上の名前は StockHide App)
  • 最初に機能紹介 → 5 日間の無料体験の案内 → プラン選択の順に進む。BASIC(無料)は 25 商品・50 コレクションまで、STARTER $3.95/月は 500 商品・100 コレクションまで
  • BASIC を選ぶとダッシュボードが開き、最初に商品の同期(Synchronize)を求められた
  • アクションは「在庫数で動くもの」と「商品の属性(タグ・画像など)で動くもの」の 2 つのタブに分かれている。押し下げのほか、非表示・リダイレクト・タグ付け・在庫通知も扱う

ワンポイント解説

在庫数や商品の属性を条件に、押し下げ・非表示・リダイレクトなどを組み合わせられる多機能型です。無料プランは 25 商品までなので、商品数の多いストアは有料プランが前提になります。在庫切れの扱いをルールで細かく決めたいストアに向いています。


Pushy | Push Down Out Of Stock

Pushy | Push Down Out Of Stockのアプリ紹介画像

アプリ概要

項目 内容
アプリ名 Pushy | Push Down Out Of Stock
開発者 Bortor Studio
価格設定 $3.99/月 / $7.99/月 / $14.99/月(年払い $39/年 / $79/年 / $149/年)・7 日間の無料体験
対応言語 管理画面は英語のみ(実際に確認)

実際にインストールして触ってみた

Pushy | Push Down Out Of Stock の管理画面

Pushy | Push Down Out Of Stock の管理画面

  • 管理画面は英語のみ。管理画面上のアプリ名は Shopify の自動翻訳で「押し売り | 在庫切れ」と表示された
  • 最初に Before / After の図で、売り切れ商品が末尾へ移ることを説明する 4 ステップの案内が出る
  • Settings に Excluded product tags(押し下げないタグ)、新しいコレクションで自動的に有効にするスイッチ(初期値オフ)、新しいコレクションの既定の並び順がある

ワンポイント解説

大規模なカタログ向けをうたう、押し下げ専用のアプリです。除外タグや、新しく作ったコレクションを自動で対象にする設定があり、コレクションの多いストアで手間を減らせます。管理画面は英語です。


売り切れ商品を末尾へ送るアプリ 5 つを比較

アプリ 日本語 除外タグ 在庫数のしきい値 元の並び順に戻す 売り切れ商品の非表示 月額
シンプル在庫切れ並び替え ✅ ✅ ✅ ✅ ❌ $1.99
Sink | Push Down Out of Stock ❌ — — — ✅ $2.99/月
PushLast Out of Stock Sold Out ❌ — — — — $3.99/月
Hide Out Of Stock & Push Down ❌ — ✅ — ✅ $3.95/月
Pushy | Push Down Out Of Stock ❌ ✅ — — — $3.99/月

※ 「日本語」は管理画面を実際に開いて確認した結果です。機能の ✅ は、実機で確認できた範囲とアプリストアの説明に基づきます。「—」は今回確認できなかった項目で、その機能が無いという意味ではありません。

まとめ|売り切れ商品を末尾へ送るアプリはどれを選ぶべきか

どのアプリも「売り切れ商品をコレクションの最後へ送る」点は共通しています。違いが出るのは、管理画面の言語、非表示やリダイレクトまで扱うか、料金体系です。

  • 押し下げと非表示をまとめて扱いたい … Sink。在庫のある商品の並べ方もコレクションごとに選べます。
  • まず自分のコレクションで効果を見てから決めたい … PushLast。入れてすぐプレビューで動きを見せてくれます。
  • 在庫数や商品の属性でルールを細かく組みたい … Hide Out Of Stock & Push Down(StockHide)。無料プランは 25 商品までです。
  • コレクションが多く、新しいコレクションも自動で対象にしたい … Pushy。除外タグと自動有効化の設定があります。

日本のストアで、売り切れ商品を末尾へ送ることだけをシンプルに続けたいなら、シンプル在庫切れ並び替えがいちばん手軽です。管理画面が日本語で、判定の条件・除外タグ・元の並び順への戻し方まで迷わず設定でき、月額 $1.99 で使えます。

シンプル在庫切れ並び替え(Shopify App Store)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?