ตั้งค่าและใช้งาน ShipCalc

1. ติดตั้ง ShipCalc

ติดตั้ง ShipCalc จาก Shopify App Store การทดลองใช้ฟรี 14 วันจะเริ่มเมื่อคุณติดตั้ง โดยใช้ได้ครบทุกฟีเจอร์

1. เปิดหน้ารายการ ShipCalc บน Shopify App Store
2. คลิก Install (ติดตั้ง) แล้วอนุมัติแอป
3. ShipCalc จะเปิดขึ้นในหน้าผู้ดูแล Shopify พร้อมรายการตรวจสอบเริ่มต้นใช้งาน

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

2. เพิ่มบล็อกหน้าสินค้า

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

1. ในหน้าเริ่มต้นใช้งาน ShipCalc ให้คลิก Add Product Page Block (เพิ่มบล็อกหน้าสินค้า) ตัวแก้ไขธีมจะเปิดที่เทมเพลตสินค้า
2. คลิก Add block (เพิ่มบล็อก) ในส่วนข้อมูลสินค้า แล้วเลือกบล็อก ShipCalc
3. ลากไปยังตำแหน่งที่ต้องการ — ใต้ราคาหรือใต้ปุ่มซื้อเป็นตำแหน่งที่ดี
4. คลิก Save (บันทึก)

3. เพิ่มบล็อกหน้าตะกร้า

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

1. ใน ShipCalc ให้คลิก Add Cart Page Block (เพิ่มบล็อกหน้าตะกร้า) ตัวแก้ไขธีมจะเปิดที่เทมเพลตตะกร้า
2. คลิก Add block (เพิ่มบล็อก) แล้วเลือกบล็อกตะกร้าของ ShipCalc
3. วางไว้ใกล้ยอดรวมย่อยและปุ่มชำระเงิน จากนั้นคลิก Save (บันทึก)

4. เปิดใช้การรองรับแผงตะกร้า

แผงตะกร้า (ตะกร้าแบบเลื่อนออก) ถูกสร้างต่างกันไปในแต่ละธีม ShipCalc จึงรองรับผ่านการฝังแอปที่จะค้นหาแผงที่เปิดอยู่และวางเครื่องคำนวณแบบกะทัดรัดที่ยุบได้ไว้เหนือปุ่มชำระเงิน

1. เปิดตัวแก้ไขธีมแล้วเลือก App embeds (การฝังแอป) ในแถบด้านซ้าย
2. เปิดการฝังแผงตะกร้าของ ShipCalc
3. ธีมส่วนใหญ่ใช้ได้กับการตรวจจับอัตโนมัติ หากธีมของคุณใช้ไม่ได้ ให้กรอกตัวเลือก CSS ของแผงตะกร้าในการตั้งค่าการฝัง
4. คลิก Save (บันทึก) แล้วเปิดแผงตะกร้าบนร้านจริงเพื่อตรวจสอบตำแหน่ง

5. ปรับแต่งวิดเจ็ต

การตั้งค่าด้านภาพและข้อความอยู่ในหน้า Appearance (รูปลักษณ์) ของ ShipCalc พร้อมตัวอย่างแบบสดก่อนที่การเปลี่ยนแปลงจะไปถึงหน้าร้าน

เลย์เอาต์และสไตล์

• เลย์เอาต์แบบการ์ดหรือมินิมอล
• สีเน้น สีพื้นหลัง สีข้อความ และสีเส้นขอบ
• ความโค้งของมุม ระยะห่าง และขนาดตัวอักษร
• ใช้ตัวอักษรและสไตล์ตัวควบคุมพื้นฐานตามธีมของคุณ

ข้อความ

• หัวข้อ ข้อความช่วยเหลือ และข้อความบนปุ่ม
• ป้ายกำกับและข้อความตัวอย่างของประเทศและรหัสไปรษณีย์
• ข้อความขณะกำลังคำนวณ ไม่มีอัตรา ข้อผิดพลาด และตะกร้าว่าง
• ป้ายกำกับสำหรับวิธีจัดส่งฟรี

ทุกข้อความที่ลูกค้าเห็นสามารถเขียนเป็นภาษาของร้านคุณได้

CSS แบบกำหนดเอง

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

6. ประเทศและรหัสไปรษณีย์

เลือกแหล่งที่มาของประเทศปลายทาง:

• Fixed country (ประเทศคงที่) — คำนวณสำหรับประเทศเดียวที่คุณเลือกเสมอ
• Shopper’s Shopify country (ประเทศใน Shopify ของลูกค้า) — ใช้ประเทศตามการแปลภาษาและภูมิภาคจาก Shopify Markets
• Country selector (ตัวเลือกประเทศ) — ให้ลูกค้าเลือกจากประเทศที่คุณอนุญาต

จากนั้นเลือกวิธีทำงานของรหัสไปรษณีย์:

• Required (บังคับ) — ลูกค้าต้องกรอกรหัสไปรษณีย์
• Optional (ไม่บังคับ) — ลูกค้าสามารถกรอกเพื่อให้การคำนวณแม่นยำขึ้น
• Country only (เฉพาะประเทศ) — ซ่อนช่องรหัสไปรษณีย์ ShipCalc จะแสดงค่าประมาณสำหรับประเทศที่เลือกได้

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

7. ตัวเลือกการแสดงอัตรา

• แสดงทุกอัตราที่มี เฉพาะที่ถูกที่สุด หรือเฉพาะที่แพงที่สุด
• แสดงรายละเอียดการจัดส่งใต้อัตราเมื่อ Shopify ส่งข้อมูลกลับมา
• ใช้ป้ายกำกับของคุณเองสำหรับวิธีจัดส่งฟรี (เช่น “จัดส่งฟรี”)

8. การวางตำแหน่งเอง (ขั้นสูง)

หากเลย์เอาต์ธีมของคุณไม่อนุญาตให้วางบล็อกแอปในตำแหน่งที่ต้องการ ให้เพิ่มองค์ประกอบตัวยึดตำแหน่งและตัวโหลด ShipCalc ลงในธีม:

<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>

ใช้ data-shipcalc-m="cart" สำหรับตำแหน่งในตะกร้า เครื่องคำนวณที่วางเองใช้การตั้งค่า สไตล์ และการวิเคราะห์เดียวกับบล็อกแอป

9. การวิเคราะห์

หน้า Analytics (การวิเคราะห์) แสดงวิธีที่ลูกค้าใช้เครื่องคำนวณ:

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

10. อีเวนต์การตลาด

ShipCalc สามารถส่งอีเวนต์ Calculate Shipping ไปยัง Google Analytics 4, Google Tag Manager และ Meta Pixel เมื่อเครื่องมือเหล่านั้นติดตั้งอยู่บนหน้าร้านแล้ว ShipCalc ไม่ได้ติดตั้งสคริปต์ติดตาม

1. เปิด Marketing events (อีเวนต์การตลาด) ใน ShipCalc
2. เลือกแพลตฟอร์มที่จะส่งข้อมูลไป
3. หากต้องการ สามารถแทนที่ชื่อ หมวดหมู่ ป้ายกำกับ หรือค่าของอีเวนต์ หรือเพิ่มพารามิเตอร์แบบกำหนดเองได้
4. บันทึก

อีเวนต์จะมีแหล่งที่มาของวิดเจ็ต (สินค้า ตะกร้า หรือแผงตะกร้า) ประเทศ และข้อมูลว่ามีการกรอกรหัสไปรษณีย์หรือไม่

11. การวินิจฉัย

หน้า Diagnostics (การวินิจฉัย) จะคำนวณจริงโดยไม่ต้องผ่านหน้าร้าน — มีประโยชน์หลังจากเปลี่ยนโซนหรืออัตราค่าจัดส่ง

1. เปิด Diagnostics (การวินิจฉัย) ใน ShipCalc
2. เลือกสินค้า ประเทศ และรหัสไปรษณีย์
3. เรียกใช้การคำนวณเพื่อดูว่า Shopify ส่งอะไรกลับมาอย่างแม่นยำ

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

เครื่องคำนวณไม่แสดงบนหน้าสินค้า

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

ไม่มีอัตราส่งกลับมา

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

สำหรับรายการตรวจสอบที่ละเอียดขึ้น โปรดอ่านอัตราค่าจัดส่ง Shopify ไม่แสดง

ไม่แสดงในแผงตะกร้าของฉัน

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

13. การสนับสนุน

หน้าผู้ดูแลของ ShipCalc มีหน้า Support พร้อมคำตอบด่วนและแบบฟอร์มติดต่อ คุณยังส่งข้อความถึงเราที่นี่ได้ แล้วเราจะตอบกลับทางอีเมล