Link Tree Mode YAML

🖼️
ฟีเจอร์นี้เป็นฟีเจอร์สำหรับรวมลิงก์ของช่องทางการติดต่อทั้งหมดของร้านค้า ทั้งออฟไลน์ (ที่ตั้งร้าน, เบอร์ติดต่อ) และออนไลน์ต่างๆ (เช่น โซเชียลมีเดีย, แพลตฟอร์ม, อีเมล)

ส่วนประกอบ

Link Tree ประกอบได้ 3 ส่วนคือ

• label: Instagram
• icon: brand-instagram
• url: https://instagram.com/mystore

โดย

• Label คือ ข้อความที่ต้องการให้ปรากฏใต้รูปไอคอน เมื่อแสดงผลในหน้าเว็บไซต์
• Icon คือ ชื่อไอคอนที่ไปเลือกมาจากเว็บ tabler.io/icons โดยให้ Copy ชื่อของไอคอน (Icon name) มากรอก
• URL คือ Link URL ที่ต้องการเชื่อมไปหา อาจจะเป็นชื่อเว็บของตัวร้านใน IG, Shopee และยังสามารถเป็นเบอร์โทรศัพท์ และอีเมลได้อีกด้วย

[!TIP]

1. รูปไอคอนเปลี่ยนแปลงได้ตามความต้องการ เลือกไอคอน
2. ร้านค้าสามารถใส่ Linktree ได้ไม่จำกัดจำนวน
3. ลำดับของช่องทางการติดต่อที่ปรากฏในหน้าเว็บไซต์ จะแสดงผลตามลำดับของข้อมูลที่กรอกในหน้าตั้งค่า Link Tree Mode YAML แนะนำให้เรียงลำดับช่องทางการติดต่อหลักขึ้นเป็นอันดับแรกเรียงต่อไปเรื่อยๆ

ข้อสังเกต

1. หน้าจอมือถือเล็ก-ใหญ่ อาจจะแเสดงผลไอคอนลิงค์ได้ไม่เท่ากัน หากร้านค้ามีรายการไอคอนลิงค์จำนวนมาก หรือเกินกว่า 6 รายการ ลูกค้าสามารถเลื่อนดูรายการทั้งหมดจากซ้ายไปขวาได้อย่างอิสระ

2. ไฟล์ข้อความที่จัดเก็บข้อมูลติดต่อร้านค้าสำหรับแสดงในหน้าแรก จำเป็นต้องเขียนในรูปแบบ yaml เท่านั้น มิฉะนั้นระบบจะไม่สามารถประมวลผลได้

3. เมื่อแก้ไขข้อมูล แอดมินต้องทำการอัปเดตระบบด้วยตนเอง 2 ครั้ง คือ

   1. อัปเดตเพื่อบันทึกข้อมูลในระบบหลังบ้าน
   2. อัปเดตหน้าเว็บไซต์ (คือ การคลิกปุ่มรีเฟสหน้าร้าน)

วิธีการตั้งค่า

1. ไปที่หน้าตั้งค่า Wordpress เลือกเมนู โปรไฟล์ร้านค้า ไปที่กล่อง Link Tree YAML

• ลำดับช่องทางการติดต่อ
• จุดหมายของลิงค์
  • เลือกช่องทางการติดต่อที่ต้องการ
  • ที่บรรทัด URL วางลิงค์เป้าหมายใหม่

[!NOTE] ลิงค์เป้าหมาย ได้จากการคัดลอกที่อยู่เว็บไซต์ (URL) ของช่องทางนั้นๆ เช่น

• URL ของหน้า IG คือ https://www.instagram.com/ชื่อเพจIGร้านค้า
• URL ของแผนที่ Google Map

• รูปไอคอน

  • เลือกช่องทางการติดต่อที่ต้องการ
  • ที่บรรทัด icon นำชื่อไอคอนใหม่ที่ไปคัดลอกจากเว็บ tabler.io/icons มาแทนที่ชื่อเดิม (ทุกไอคอนจะมีชื่อกำกับอยู่)

• ข้อความที่ปรากฎใต้ไอคอน

  • เลือกช่องทางการติดต่อที่ต้องการ
  • ที่บรรทัด Label กรอรชื่อข้อความที่ต้องการ (ไทย/อังกฤษ)

ในการแก้ไขข้อมูล หากแก้ไขไม่ถูกต้องระบบจะปรากฏข้อความแจ้งเตือนปัญหาที่ตรวจพบ

2. ตรวจสอบความสอดคล้องและความถูกต้องของข้อมูล เมื่อแก้ไขเสร็จแล้ว คลิกบันทึก
3. คลิก รีเฟรสหน้าร้าน ที่อยู่มุมขวาบน เพื่ออัปเดตเว็บไซต์
4. คลิก ดูหน้าร้าน และเช็คว่าลิงค์เชื่อมต่อถูกต้องหรือไม่

[!IMPORTANT]
ฟีเจอร์นี้มีรายละเอียดที่ซับซ้อน การแก้ไขหรือการบันทึกข้อมูลที่ไม่ถูกต้องจะทำให้ฟีเจอร์นี้ไม่สามารถถูกประมวลผลได้ จึงแนะนำให้ตรวจสอบความถูกต้องก่อนการแก้ไขและก่อนบันทึกข้อมูลใหม่ หรือปรึกษาทีม Prompt Sell เพื่อขอรับคำแนะนำและความช่วยเหลือ*