AI Searchで店頭受け取りを設定する方法
実店舗で販売している場合、店頭受け取りを使うと、購入者は検索ページで店舗を選び、その店舗に各商品が在庫ありかどうかを確認できます。有効にするには、Advanced Settingsに店舗を登録します。
購入者には何が表示されますか?
- 検索フィルター上部にある**「In-store pickup」スイッチ**。
- スイッチをオンにすると開く店舗リスト。各店舗にはSelect storeボタンとSee store addressリンクがあります。
- 選択した店舗について、各商品カードに在庫表示が出ます。たとえば「In Stock at Downtown Store」のように表示されます。その店舗に3点以上あればIn Stock、1点または2点ならLow Stock、在庫がなければOut of Stockと表示されます。
店頭受け取りは商品にラベルを付ける機能であり、商品を非表示にはしません。購入者には引き続きすべての検索結果が表示されるため、選択した店舗で在庫切れの商品も注文できます。選んだ店舗は、次回の訪問時のためにその端末に記憶されます。
始める前に
- 有料プラン。 店舗を登録するAdvanced Settingsは有料プランで利用できます。
- 各店舗ロケーションごとに在庫を追跡しているShopifyストア。 在庫表示は、Shopifyのロケーションごとの在庫情報をもとにしています。
- 左側またはフローティングパネルにある検索フィルター。 スイッチはこの2つのフィルターレイアウトで表示されます。フィルターが検索結果の上にある場合は、Customize AI SearchでFilter positionを変更してください。
手順1: 各店舗のShopify location IDを確認する
- Shopify管理画面で、Settings > Locationsに移動します。
- 店舗をクリックします。
- ページURLの末尾にある数字をコピーします。たとえば、
admin.shopify.com/store/your-shop/settings/locations/64924319816の場合、location IDは64924319816です。
提供したいすべての店舗について、この手順を繰り返します。
手順2: Advanced Settingsに店舗を登録する
Shoply管理画面でSettingsに移動し、Advanced Settingsまでスクロールします。このエディタの場所や使い方については、How to Configure Advanced Settings を参照してください。
pickup_stores リストを追加し、各店舗ごとに1つのエントリを入れます。
{
"pickup_stores": [
{
"location_id": "64924319816",
"name": "Downtown",
"label": "Downtown Store",
"address_lines": ["123 Main St", "San Jose, CA 95118"]
},
{
"location_id": "27214544968",
"name": "Berkeley",
"address_lines": ["2727 Milvia St", "Berkeley, CA 94703"]
}
]
}| 項目 | 必須 | 内容 |
|---|---|---|
location_id | はい | 手順1で確認したShopify location IDです。このロケーションの在庫が読み取られます。 |
name | はい | 店舗名です。label を設定しない場合に購入者へ表示されます。 |
label | いいえ | name と異なる場合に、購入者に表示する名称です。 |
address_lines | いいえ | See store addressの下に表示される住所です。1エントリにつき1行です。 |
店舗は、登録した順番で表示されます。location_id または name がないエントリはスキップされます。
すでにAdvanced Settingsがありますか? pickup_stores を、同じJSONオブジェクト内の追加キーとして入れてください。前のキーとはカンマで区切ります。2つ目の { } ブロックは作成しないでください。
店舗を削除するには、そのエントリを削除します。店頭受け取りをオフにするには、pickup_stores キー全体を削除します。
手順3: 検索ページを確認する
変更がストアフロントに反映されるまで約10分かかります。その後、購入者は本番ストアで店頭受け取りを使えるようになります。購入者と同じ手順で、自分でも確認してみてください。
- ストアで商品を検索します。
- フィルターでIn-store pickupをオンにします。
- 店舗の1つの横にあるSelect storeをクリックします。
- 各商品カードに、その店舗の在庫表示が出ることを確認します。たとえば「In Stock at Downtown Store」のように表示されます。
在庫情報はどこから来ますか?
在庫情報はShopifyの在庫から取得されます。Shoplyは通常のカタログ同期中にこれを読み取ります。
- Shoplyは各店舗の在庫をShopifyから読み取ります。 商品バリエーションごとに、ShoplyはShopify Admin APIを通じて各Shopifyロケーションの「available」数量を読み取ります。
- 在庫表示はリアルタイムではありません。 カタログが同期されるたびに更新されます。同期頻度は同期スケジュールによって異なります。たとえば、動きの多いストアのカタログは1日1回程度同期される場合があります。
- Shopifyは在庫変更のたびにShoplyへ通知しません。 販売や再入荷が反映されるのは、次回の同期後です。
- 検索結果自体も最大24時間再利用されることがあります。 このため、さらに遅延が加わる場合があります。
在庫表示は目安として扱ってください。正確でリアルタイムの在庫状況は、商品ページとチェックアウトに表示されます。
在庫はどのように数えられますか?
- 在庫数は商品のすべてのバリエーションを合算して計算されます。たとえば、選択した店舗にある全サイズ・全カラーの合計です。
- 登録した店舗のどこにも在庫レコードがない商品には、在庫表示は出ません。 これは、デジタル商品、ギフトカード、在庫追跡されていない商品でよくあるケースです。
ブランドカラーに合わせられますか?
はい。検索CSSにルールを追加してください。追加場所については、how to customize AI Search with CSS を参照してください。
/* The switch, Select store buttons, and links */
.shoply-pickup-filter { --shoply-pickup-accent: #00823d; }
/* Stock line colors on product cards */
.shoply-product-pickup-stock-in .shoply-product-pickup-stock-status { color: #00823d; }
.shoply-product-pickup-stock-low .shoply-product-pickup-stock-status { color: #d13a00; }
.shoply-product-pickup-stock-out .shoply-product-pickup-stock-status { color: #b21109; }スタイル設定できるその他のクラス:
| Class | 要素 |
|---|---|
.shoply-pickup-filter | フィルター内の店頭受け取りセクション全体 |
.shoply-pickup-store-name | リスト内の店舗名 |
.shoply-pickup-select-store | Select storeボタン |
.shoply-product-pickup-stock | 商品カード上の在庫表示 |
トラブルシューティング
スイッチが表示されません。
- Advanced Settingsで、エディタの下にJSON Errorが表示されていないこと、および保存済みであることを確認してください。
- 各店舗に
location_idとnameの両方があることを確認してください。 - 検索フィルターが左側またはフローティングパネルにあることを確認してください。
- 保存後、約10分待ってから検索ページを再読み込みしてください。
すべての商品がOut of Stockと表示されます。
- 各
location_idが、手順1のとおりその店舗のShopify locationと一致していることを確認してください。 - Shopifyで、そのロケーションで在庫追跡が有効になっていることを確認してください。
一部の商品に在庫表示がありません。 それらの商品には、登録した店舗で在庫レコードがありません。How is stock counted? を参照してください。
その他の検索オプションについては、Advanced Settings for AI Search を参照してください。
