ปรับแต่งหน้าแสดงสถานะคำสั่งซื้อ

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

ภาพรวม

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

  • การยืนยันคำสั่งซื้อ
  • การยืนยันการจัดส่ง
  • อัปเดตสถานะการจัดส่ง

คุณสามารถดูสถานะคำสั่งซื้อของลูกค้าได้จากหน้าคำสั่งซื้อในส่วน Shopify admin ของคุณ

ขั้นตอน:

  1. ไปที่ส่วนคำสั่งซื้อ แล้วเปิดคำสั่งซื้อที่คุณต้องการติดตาม
  2. คลิกปุ่ม การดำเนินการ จากนั้นคลิก ดูสถานะคำสั่งซื้อ

หน้าแสดงสถานะคำสั่งซื้อจะอัปเดตแบบเรียลไทม์ตามสถานะของการจัดส่งที่เปลี่ยนแปลงไป สถานะที่เป็นไปได้มีดังนี้:

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

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

  1. ตั้งค่าเทมเพลตอีเมลของคุณ

  2. เพิ่มหมายเลขติดตามพัสดุให้คำสั่งซื้อของคุณ

  3. ทดสอบฟังก์ชันการใช้งาน

ตั้งค่าเทมเพลตอีเมลของคุณ

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

เลือกตัวเลือกที่ตรงกับคุณมากที่สุด:

  • ฉันยังไม่ได้ปรับแต่งเทมเพลตอีเมลของฉัน
  • ฉันปรับแต่งเทมเพลตอีเมลของฉันแล้ว
  • ฉันไม่แน่ใจว่าเทมเพลตอีเมลของฉันได้รับการปรับแต่งหรือไม่

ฉันยังไม่ได้ปรับแต่งการยืนยันคำสั่งซื้อหรือเทมเพลตอีเมลสำหรับการจัดส่ง

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

ขั้นตอนที่คุณต้องทำตามมีดังนี้:

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

ฉันปรับแต่งการยืนยันคำสั่งซื้อหรือเทมเพลตอีเมลสำหรับการจัดส่งแล้ว

เนื่องจากคุณได้ปรับแต่งการยืนยันคำสั่งซื้อหรือเทมเพลตการแจ้งเตือนการจัดส่งอย่างน้อยหนึ่งรายการ Shopify จึงไม่สามารถอัปเดตเทมเพลตอัตโนมัติได้โดยไม่เขียนทับการปรับแต่งทั้งหมดของคุณ

เพื่อให้แน่ใจว่าเทมเพลตอีเมลของคุณมี order status URL ซึ่งทำให้ลูกค้าของคุณได้รับลิงก์ที่ต้องการ คุณสามารถ:

  • คลิก เปลี่ยนกลับเป็นค่าเริ่มต้น (ซึ่งเป็นการลบการปรับแต่งอื่นๆ ด้วยตัวคุณเอง) หรือ
  • เพิ่ม URL สถานะคำสั่งด้วยตนเองในเทมเพลตของคุณ

ฉันไม่แน่ใจว่าเทมเพลตอีเมลของฉันได้รับการปรับแต่งหรือไม่

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

  1. ในส่วนเทมเพลตอีเมล ให้ค้นหาเทมเพลตอีเมลการยืนยันคำสั่งซื้อและการยืนยันการจัดส่ง

  2. หากคุณได้ปรับแต่งเทมเพลตอีเมลแล้ว ปุ่มเปลี่ยนกลับเป็นค่าเริ่มต้นจะปรากฏที่ด้านล่างของหน้าเทมเพลต:

ปุ่มเปลี่ยนกลับเป็นค่าเริ่มต้น

หากคุณเห็นปุ่มเปลี่ยนกลับเป็นค่าเริ่มต้นในหน้าเทมเพลตการยืนยันคำสั่งซื้อหรือการยืนยันการจัดส่ง ให้ทำตามขั้นตอนข้างต้น

เพิ่ม URL สถานะคำสั่งด้วยตนเองในเทมเพลตอีเมลของคุณ

เพื่อตรวจสอบให้แน่ใจว่าอีเมลการสั่งซื้อและการจัดส่งมีลิงก์ URL สถานะคำสั่งซื้อสำหรับลูกค้า คุณสามารถเพิ่มรหัส Liquid ไปยังการยืนยันการจัดส่งอัปเดตสถานะการจัดส่งและการยืนยันคำสั่งซื้อได้

ขั้นตอน:

  1. คลิกเทมเพลตที่ต้องการแก้ไขเพื่อเปิดในเครื่องมือแก้ไขออนไลน์

  2. ค้นหาส่วนต่อไปนี้หากมีอยู่:

For shipping status on these items:
{% for tracking_url in fulfillment.tracking_urls %}
  {{ tracking_url }}
{% endfor %}

หากไม่มีโค้ดนั้น ให้เพิ่มโค้ดในขั้นตอนที่ 4 ตรงตำแหน่งในอีเมลของคุณที่คุณต้องการให้ลิงก์ปรากฏ

  1. แทนที่ด้วยโค้ดต่อไปนี้:
Track the status of your order: {{ order_status_url }}.

คุณสามารถเปลี่ยนข้อความนี้ให้เหมาะกับแบรนด์ของคุณได้ สิ่งที่ต้องทำเพียงอย่างเดียวคือต้องคัดลอก (ctrl + C บนคอมพิวเตอร์หรือ command + C บน Mac) แล้ววาง (ctrl + V บนคอมพิวเตอร์หรือ command + V บน Mac) {{ order_status_url }} โค้ดให้ตรงตามที่ปรากฏที่นี่

เพิ่มหมายเลขติดตามพัสดุให้คำสั่งซื้อ

หลังจากที่เทมเพลตอีเมลของคุณได้รับการตั้งค่าให้ส่ง order_status_url คุณต้องเพิ่มหมายเลขติดตามพัสดุให้คำสั่งซื้อของคุณ จากนั้นอีเมลของคุณจะส่ง URL สถานะคำสั่งซื้อให้แก่ลูกค้าของคุณโดยอัตโนมัติ

ทำตามคำแนะนำเหล่านี้หากคุณไม่แน่ใจว่าจะเพิ่มหมายเลขติดตามพัสดุได้อย่างไร:

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

เพิ่มการเลือกดำเนินการสำหรับการอัปเดตคำสั่งซื้อ

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

ขั้นตอน:

การเลือกใช้การอัปเดตคำสั่งซื้อ

  1. จากส่วน Shopify admin คลิกที่ การตั้งค่า แล้วจากนั้นคลิกที่ การชำระเงิน
  2. ค้นหาส่วนติดต่อลูกค้า แล้วทำเครื่องหมายในช่องตัวเลือกใต้ส่วนวิธีการติดต่อเพิ่มเติม:
    การตั้งค่าการเลือกใช้การอัปเดตคำสั่งซื้อ
  3. คลิกที่บันทึก

ทดสอบฟังก์ชันการใช้งาน

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

ขั้นตอน:

  1. ใช้อีเมลของคุณเองเมื่อทำการชำระเงิน แล้วเลือกผู้ให้บริการจัดส่งที่รองรับ จากนั้นทำตามคำแนะนำในการสั่งซื้อสำหรับทดสอบ
  2. ไปที่ส่วน Shopify admin ของคุณ จากนั้นจัดการคำสั่งซื้อและเพิ่มหมายเลขติดตามพัสดุในคำสั่งซื้อนั้น

หากคุณสังเกตเห็นว่ามีอะไรผิดปกติไป นั่นอาจเพราะมีความขัดแย้งระหว่างโค้ดที่กำหนดเองจากแอปจากภายนอก ติดต่อผู้พัฒนาแอปเพื่อแก้ไขปัญหา คุณสามารถค้นหาข้อมูลได้โดยค้นหาชื่อแอปได้ใน Shopify App Store

สคริปต์เพิ่มเติม

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

  • HTML - คุณสามารถใช้รหัส HTML5 ที่ถูกต้อง ตัวอย่างเช่น สคริปต์ สไตล์ iframe และองค์ประกอบวัตถุ

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

  • สคริปต์การติดตาม - คุณสามารถเพิ่มสคริปต์การติดตามเพื่อติดตามการอ้างอิงผลตอบแทนจากการลงทุนหรือคอนเวอร์ชันได้

การปรับแต่งตัวอย่างโดยใช้สคริปต์เพิ่มเติม

นี่คือการปรับแต่งตัวอย่างบางส่วนที่ใช้ช่องข้อมูลสคริปต์เพิ่มเติม:

เข้าถึงสคริปต์เพิ่มเติม

  1. ค้นหาส่วนการประมวลผลคำสั่งซื้อ เมื่อเลื่อนลงก่อนถึงด้านล่างของส่วนนี้ คุณจะเห็นสคริปต์เพิ่มเติม

ข้อมูลเพิ่มเติม

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

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

ผู้ให้บริการจัดส่งที่รองรับ

ขณะนี้ USPS, UPS, FedEx และ Canada Post เป็นผู้ให้บริการจัดส่งกลุ่มเดียวที่รองรับหน้าแสดงสถานะคำสั่งซื้อใหม่อย่างเต็มรูปแบบ

หน้าแสดงสถานะคำสั่งซื้อสำหรับการจัดส่งผ่านผู้ให้บริการที่รองรับจะประกอบด้วยแผนที่การจัดส่งที่อัปเดตแบบเรียลไทม์

ผู้ให้บริการจัดส่งที่ไม่รองรับ

หน้าแสดงสถานะคำสั่งซื้อยังไม่รองรับผู้ให้บริการจัดส่งรายอื่นอย่างเต็มรูปแบบ โดยขณะนี้มีเพียง USPS, UPS, FedEx, DHL Express และ Canada Post ทั้งนี้แล้ว คุณก็ยังควรอัปเดตเทมเพลตอีเมลของคุณและเพิ่มหมายเลขติดตามพัสดุในการจัดส่งสินค้าแบบครบวงจรสำหรับคำสั่งซื้อต่อไป เพื่อให้ลูกค้าของคุณได้รับ order status URL

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

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

คำสั่งซื้อที่มีการจัดส่งหรือผู้ให้บริการจัดส่งหลายรายการ (การจัดการสินค้าแบบครบวงจรบางส่วน)

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

เรารองรับการจัดส่งสินค้าแบบครบวงจรบางส่วน แม้ว่าจะทำผ่านผู้ให้บริการจัดส่งที่แตกต่างกันก็ตาม

เพิ่มหมายเหตุหรือข้อความ

คุณสามารถเพิ่มกล่องเนื้อหาลงในหน้าสถานะคำสั่งซื้อของขั้นตอนการชำระเงินของคุณได้โดยอ็อบเจ็กต์ JavaScript

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

ความเป็นส่วนตัวของลูกค้า

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

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

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

แปลหน้าแสดงสถานะคำสั่งซื้อของคุณ

คุณสามารถตั้งค่าภาษาที่ใช้ในหน้าแสดงสถานะการสั่งซื้อของคุณได้หลากหลายเท่ากับที่คุณตั้งค่าส่วนอื่นๆ ในร้านค้า Shopify ของคุณ หากคุณแปลภาษาของธีมทั้งหมดแล้ว หน้าแสดงสถานะคำสั่งซื้อของคุณจะเป็นภาษาที่คุณเลือกแล้ว

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

หมายเหตุ: มีเนื้อหาพื้นฐานอยู่ด้วยกันสามประเภทที่คุณควรแปล ได้แก่ ข้อความธรรมดา, HTML และ Liquid

ขั้นตอน:

  1. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขภาษา

  2. เลื่อนลงไปที่หัวเรื่อง ขั้นตอนการชำระเงิน ขอขอบคุณ:

ส่วนหัวขั้นตอนการชำระเงิน ขอขอบคุณ

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

  1. ป้อนข้อความที่แปลแล้วของคุณลงในช่อง

  2. คลิกที่บันทึก

หมายเหตุ: ช่องข้อมูลต่างๆ จะปรากฏในหน้าแสดงสถานะคำสั่งซื้อ โดยขึ้นอยู่กับว่าสถานะนั้นเป็นยืนยันแล้ว อยู่ระหว่างการขนย้าย เตรียมจัดส่งแล้ว หรือจัดส่งแล้ว

การปรับแต่งขั้นสูง

หากคุณเป็นสมาชิกของ Shopify Plus คุณจะสามารถเข้าถึงเลย์เอาต์ checkout.liquid และไฟล์ชิ้นงาน checkout.scss.liquid ซึ่งจะช่วยให้คุณสามารถกำหนดค่าขั้นสูงให้กับประสบการณ์ชำระเงินของคุณได้อย่างเต็มรูปแบบ

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี