แสดงเนื้อหาตามตำแหน่งของลูกค้า

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

ขั้นตอน:

  1. เลื่อนลงไปที่กล่องข้อความสคริปต์เพิ่มเติมในส่วนการประมวลผลคำสั่งซื้อ:

    กล่องข้อความสคริปต์เพิ่มเติมในส่วนการประมวลผลคำสั่งซื้อ

  2. ในกล่องข้อความสคริปต์เพิ่มเติม ให้วางโค้ดตัวอย่างต่อไปนี้ลงไป:

{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
<script type="text/javascript">
  var customMessage = document.createElement("div");
  customMessage.innerHTML = '<div class="section" style="padding-top: 3em"><div class="content-box"><div class="content-box__row"><p class="os-step__description">TYPE YOUR CUSTOM MESSAGE HERE.</p></div></div></div>';
  console.log(document.querySelector("[data-order-summary-section=payment-lines]"));
  document.querySelector("[data-order-summary-section=payment-lines]").before(customMessage);
</script>
{% endif %}
  1. แก้ไขโค้ดเพื่อระบุตำแหน่งของลูกค้าที่ต้องการแสดงข้อความแบบกำหนดเอง ในการดำเนินการนี้ คุณต้องแก้ไขอักษรย่อของประเทศและรัฐในข้อความ {% if %} ของ Liquid ที่ด้านบนของบล็อกโค้ด ขณะนี้ ได้ตั้งค่าให้แสดงข้อความเฉพาะลูกค้าที่อาศัยอยู่ในนิวยอร์ก สหรัฐอเมริกาเท่านั้น

- วิธีแสดงข้อความให้ลูกค้าจากหลายรัฐเห็น ให้แทนที่ NY ด้วยอักษรย่อของรัฐที่ต้องการใช้ วิธีหาอักษรย่อทางไปรษณียากรของรัฐในอเมริกา คุณสามารถตรวจสอบได้ที่รายการอักษรย่อของรัฐจาก USPS - วิธีแสดงข้อความให้ลูกค้าในนิวยอร์กและในรัฐอื่นๆ เห็น ให้เพิ่ม and checkout.shipping_address.province_code == 'XX' โดยที่ XX คืออักษรย่อของรัฐที่คุณต้องการใช้ หากต้องการเพิ่มรัฐอื่นๆ อีก ให้ทำซ้ำขั้นตอนนี้ - วิธีแสดงข้อความให้ลูกค้าจากหลายประเทศเห็น ให้แทนที่ US ด้วยอักษรย่อของประเทศที่ต้องการใช้ คุณจะต้องแทนที่ NY ด้วยอักษรย่อของรัฐหรือจังหวัดในประเทศใหม่ หรือหากไม่ต้องการระบุรัฐ ให้ลบข้อความนี้: and checkout.shipping_address.province_code == 'NY'

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

  1. สั่งคำสั่งซื้อสำหรับทดสอบเพื่อตรวจสอบผลัพธ์บนหน้าแสดงสถานะคำสั่งซื้อ

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

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