วิธีตั้งค่าการรับสินค้าที่หน้าร้านใน AI Search

หากคุณขายสินค้าผ่านหน้าร้านจริง In-Store Pickup จะช่วยให้ผู้ซื้อเลือกสาขาของตนบนหน้าค้นหาของคุณ และดูได้บนสินค้าทุกรายการว่าสาขานั้นมีสินค้าอยู่ในสต็อกหรือไม่ คุณสามารถเปิดใช้งานได้โดยระบุรายการสาขาของคุณใน Advanced Settings

ผู้ซื้อจะเห็นอะไรบ้าง?

• สวิตช์ “In-store pickup” ที่ด้านบนของตัวกรองการค้นหา
• รายการสาขา ที่จะเปิดขึ้นเมื่อผู้ซื้อเปิดสวิตช์ แต่ละสาขาจะมีปุ่ม Select store และลิงก์ See store address
• บรรทัดสถานะสต็อกบนการ์ดสินค้าทุกรายการ สำหรับสาขาที่เลือก เช่น “In Stock at Downtown Store” โดยจะแสดง In Stock เมื่อสาขานั้นมีสินค้า 3 ชิ้นขึ้นไป, Low Stock เมื่อมี 1 หรือ 2 ชิ้น และ Out of Stock เมื่อไม่มีสินค้าเลย

In-Store Pickup เป็นการติดป้ายกำกับสินค้า ไม่ได้ซ่อนสินค้า ผู้ซื้อจะยังคงเห็นผลลัพธ์ทั้งหมด ดังนั้นพวกเขายังสามารถสั่งซื้อสินค้าที่หมดสต็อกที่สาขาของตนได้ การเลือกสาขาจะถูกจดจำไว้บนอุปกรณ์ของพวกเขาสำหรับการเข้าชมครั้งถัดไป

ก่อนเริ่มต้น

• แพ็กเกจแบบชำระเงิน Advanced Settings ซึ่งเป็นที่ที่คุณใช้ระบุรายการสาขา มีให้ใช้งานในแพ็กเกจแบบชำระเงิน
• ร้านค้า Shopify ที่ติดตามสต็อกแยกตามแต่ละสาขา บรรทัดสถานะสต็อกดึงมาจากสินค้าคงคลังของ Shopify แยกตาม location
• ตัวกรองการค้นหาที่อยู่ด้านซ้ายหรือในแผงลอย สวิตช์นี้จะแสดงในเลย์เอาต์ตัวกรองสองแบบนี้ หากตัวกรองของคุณอยู่เหนือผลลัพธ์ ให้เปลี่ยน Filter position ภายใต้ Customize AI Search

ขั้นตอนที่ 1: หา Shopify location ID ของแต่ละสาขา

1. ใน Shopify admin ของคุณ ไปที่ Settings > Locations
2. คลิกสาขาหนึ่งสาขา
3. คัดลอกตัวเลขที่ท้ายที่อยู่ของหน้า ตัวอย่างเช่น ใน admin.shopify.com/store/your-shop/settings/locations/64924319816 location ID คือ 64924319816

ทำซ้ำขั้นตอนนี้สำหรับทุกสาขาที่คุณต้องการเปิดให้บริการ

ขั้นตอนที่ 2: ระบุรายการสาขาใน Advanced Settings

ใน Shoply admin ให้ไปที่ Settings แล้วเลื่อนลงไปที่ Advanced Settings หากต้องการดูว่าตัวแก้ไขนี้อยู่ตรงไหนและใช้งานอย่างไร โปรดดู How to Configure Advanced Settings

เพิ่มรายการ pickup_stores โดยให้มีหนึ่งรายการต่อหนึ่งสาขา:

{
  "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 หรือ name จะถูกข้าม

มี Advanced Settings อยู่แล้วใช่ไหม? ให้เพิ่ม pickup_stores เป็นอีกหนึ่งคีย์ภายใน JSON object เดียวกัน โดยคั่นจากคีย์ก่อนหน้าด้วยเครื่องหมายจุลภาค อย่าสร้างบล็อก { } ชุดที่สอง

หากต้องการลบสาขา ให้ลบรายการของสาขานั้น หากต้องการปิด In-Store Pickup ให้ลบคีย์ pickup_stores ทั้งหมด

ขั้นตอนที่ 3: ตรวจสอบหน้าค้นหาของคุณ

การเปลี่ยนแปลงจะไปถึงหน้าร้านของคุณภายในประมาณ 10 นาที หลังจากนั้นผู้ซื้อจะสามารถใช้ In-Store Pickup บนร้านค้าจริงของคุณได้ ลองทดสอบด้วยตัวเองในแบบเดียวกับที่พวกเขาจะใช้งาน:

1. ค้นหาสินค้าบนร้านค้าของคุณ
2. เปิด In-store pickup ในตัวกรอง
3. คลิก Select store ข้างสาขาใดสาขาหนึ่งของคุณ
4. ตรวจสอบว่าการ์ดสินค้าทุกรายการแสดงบรรทัดสถานะสต็อกสำหรับสาขานั้น เช่น “In Stock at Downtown Store”

ข้อมูลสต็อกมาจากไหน?

ข้อมูลสต็อกมาจากสินค้าคงคลังใน Shopify ของคุณ Shoply จะอ่านข้อมูลนี้ระหว่างการซิงก์แคตตาล็อกตามรอบปกติ

• Shoply อ่านสินค้าคงคลังของแต่ละสาขาจาก Shopify สำหรับแต่ละตัวเลือกย่อยของสินค้า Shoply จะอ่านจำนวน “available” ของแต่ละ Shopify location ผ่าน Shopify Admin API
• บรรทัดสถานะสต็อกไม่ใช่ข้อมูลสดแบบเรียลไทม์ ข้อมูลจะรีเฟรชเมื่อมีการซิงก์แคตตาล็อก ความถี่ขึ้นอยู่กับตารางการซิงก์ของคุณ ตัวอย่างเช่น แคตตาล็อกของร้านที่มีการเคลื่อนไหวมากอาจซิงก์ประมาณวันละครั้ง
• Shopify ไม่ได้แจ้ง Shoply ทุกครั้งที่มีการเปลี่ยนแปลงสต็อก การขายหรือการเติมสต็อกจะปรากฏหลังจากการซิงก์ครั้งถัดไปเท่านั้น
• ผลการค้นหาอาจถูกนำกลับมาใช้ซ้ำได้นานสูงสุด 24 ชั่วโมง ซึ่งอาจเพิ่มความล่าช้าได้

ให้มองบรรทัดสถานะสต็อกเป็นข้อมูลอ้างอิง หน้าสินค้าและขั้นตอนชำระเงินของคุณจะแสดงจำนวนสินค้าที่พร้อมขายจริงแบบสดและแม่นยำ

สต็อกถูกนับอย่างไร?

• จำนวนหน่วยจะถูกรวมจากทุกตัวเลือกย่อยของสินค้า เช่น ทุกไซซ์และทุกสี ที่สาขาที่เลือก
• สินค้าที่ไม่มีข้อมูลสินค้าคงคลังในสาขาใดเลยที่คุณระบุไว้ จะไม่แสดงบรรทัดสถานะสต็อก ซึ่งเป็นเรื่องปกติสำหรับสินค้าดิจิทัล บัตรของขวัญ และสินค้าที่ไม่ได้ติดตามสต็อก

ฉันสามารถปรับให้เข้ากับสีของแบรนด์ได้ไหม?

ได้ เพิ่มกฎลงใน search 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; }

คลาสอื่น ๆ ที่คุณสามารถกำหนดสไตล์ได้:

การแก้ไขปัญหา

สวิตช์ไม่แสดง

• ตรวจสอบว่า Advanced Settings ไม่แสดง JSON Error ใต้ตัวแก้ไข และคุณได้บันทึกแล้ว
• ตรวจสอบว่าแต่ละสาขามีทั้ง location_id และ name
• ตรวจสอบว่าตัวกรองการค้นหาของคุณอยู่ด้านซ้ายหรือในแผงลอย
• รอประมาณ 10 นาทีหลังจากบันทึก แล้วรีโหลดหน้าค้นหาของคุณ

สินค้าทุกรายการแสดงว่า Out of Stock

• ตรวจสอบว่า location_id แต่ละรายการตรงกับ Shopify location ของสาขานั้น ตามที่อธิบายไว้ในขั้นตอนที่ 1
• ตรวจสอบใน Shopify ว่ามีการติดตามสต็อกที่ location นั้น

สินค้าบางรายการไม่มีบรรทัดสถานะสต็อก สินค้าเหล่านั้นไม่มีข้อมูลสินค้าคงคลังในสาขาที่คุณระบุไว้ ดู สต็อกถูกนับอย่างไร?

สำหรับตัวเลือกการค้นหาอื่น ๆ โปรดดู Advanced Settings for AI Search.