เมื่อทำการเพิ่มหรือแก้ไชหน้าเพจแบบขั้นสูงด้วยเครื่องมือสร้างร้านค้า คุณสามารถใช้วิดเจ็ตย่อส่วนข้อความเพื่อใส่ข้อมูลเกี่ยวกับร้านค้าและนำเสนอหน้าเพจอย่างเป็นระเบียบมากยิ่งขึ้น นี่เป็นวิดเจ็ตที่เหมาะสำหรับการถามตอบเกี่ยวกับสินค้าและบริการ, กระบวนการจัดส่งและส่งคืนสินค้า, ส่วนลดกิจกรรมต่างๆ, และอื่นๆ คุณยังสามารถอัปโหลดรูปภาพเพื่อให้การถามตอบของคุณมีความชัดเจนมากยิ่งขึ้น
⚠️ ก่อนเริ่มต้น:
- ปัจจุบันเครื่องมือสร้างร้านค้าใหม่นี้รองรับเฉพาะธีม Ultra Chic, Kingsman, Varm และ Phillia
- หลังจากสร้างหน้าเพจโดยใช้ตัวสร้างร้านค้าใหม่นี้แล้ว หน้าเพจจะยังคงแสดงผลได้อยู่แม้ว่าคุณจะเปลี่ยนไปใช่เทมเพลตอื่น แต่จะไม่สามารถแก้ไขและการจัดวางหน้าอาจไม่สวยงามตามที่ควรเป็นได้ โปรดระวังข้อจำกัดนี้ก่อนกดเผยแพร่หน้าเพจ
1. เพิ่มวิดเจ็ตย่อส่วนข้อความ
ขั้นตอนที่ 1
ไปที่หน้าแอดมิน SHOPLINE > [การออกแบบร้านค้าออนไลน์] > [หน้า] แล้วคลิก หน้าเพจขั้นสูง/แก้ไข เพื่อเปิดหน้าการตั้งค่าหน้าเพจขั้นสูง
ขั้นตอนที่ 2
คลิกที่ปุ่มวิดเจ็ต
ขั้นตอนที่ 3
คลิกย่อส่วนข้อความที่บริเวณใต้วิดเจ็ต “เนื้อหา”
เนื้อหาและการตั้งค่าข้อความที่ย่อส่วนสามารถแก้ไขได้ในแถบทางด้านซ้าย คลิก + ย่อส่วนข้อความเพื่อเพิ่มข้อความ ดูตัวอย่างหน้าเพจที่ด้านขวาเพื่อตรวจสอบเอฟเฟคของวิดเจ็ต คลิกที่ปุ่ม + ที่ด้านข้างแถบเพื่อขยาย/ย่อส่วนเนื้อหา
*Note:
- วิดเจ็ตย่อส่วนข้อความรองรับการย่อส่วนข้อความถึง 16 ย่อหน้า
- ธีมที่ต่างกันจะส่งผลให้รูปแบบปุ่มต่างกันด้วย ในขณะนี้มีเพียงสีปุ่มของเทมเพลตธีม Varm เท่านั้น ที่จะเปลี่ยนตามชุดสีใน [การตั้งค่าร้านค้า] > [สี] > [ปุ่มแรก] สีของพื้นหลังคือสีของปุ่มย่อข้อความ และสีตัวอักษรจะเป็นสีของเครื่องหมาย “+”
ขั้นตอนที่ 4
คลิกที่ปุ่มย่อส่วนข้อความที่ด้านซ้ายเพื่อแก้ไขชื่อหัวข้อและขยายความเนื้อหาในแต่ละย่อหน้า
*หมายเหตุ: เนื้อหาจำกัดอยู่ที่ 5,000 ตัวอักษร
นอกจากการตั้งค่ารูปแบบตัวอักษรทั่วไป เช่น ตัวหนา, ตัวเอียง และขีดเส้นใต้แล้ว คุณยังสามารถใส่ลิงก์, รูปภาพ, ลำดับย่อย (bulleted lists), ลำดับตัวเลข, และการแก้ไขข้อความแบบเต็มหน้าจอ
A. ลิงก์ไปที่
คุณสามารถใส่ลิงก์ในเนื้อหาและเลือกวิธีการเปิดลิงก์ได้
B. ใส่รูปภาพ
คุณสามารถใส่รูปภาพในเนื้อหา อีกทั้งยังสามารรถใส่ แหล่งที่มาของ URL หรืออัปโหลดรูปภาพจากคอมพิวเตอร์ของคุณได้เช่นกัน (ระบบจะสร้าง URL ของรูปภาพโดยอัตโนมัติ) คุณยังสามารถแก้ไข ALT ของรูปภาพและกำหนดขนาดของรูปภาพด้วยตัวเองได้
C. ลำดับย่อย (bulleted list)
คุณสามารถเพิ่มเนื้อหาแต่ละรายการได้
D. ลำดับตัวเลข
คุณสามารถเพิ่มลำดับตัวเลขในย่อหน้าได้
E. การแก้ไขข้อความแบบเต็มหน้าจอ
คลิกที่ปุ่ม “แก้ไขข้อความแบบเต็มหน้าจอ” เพื่อขยายพื้นที่แก้ไขเนื้อหาให้ใหญ่ขึ้น หลังจากแก้ไขเสร็จเรียบร้อยแล้ว คลิกที่ปุ่มเดิมอีกครั้งเพื่อกลับสู่หน้าการตั้งค่า
ขั้นตอนที่ 5
เลื่อนแถบการแก้ไขทางด้านซ้ายลงมา จากนั้นคุณจะสามารถแก้ไขหัวข้อของวิดเจ็ตได้ (เช่น หัวข้อหลักของย่อหน้า)
ขั้นตอนที่ 6
คุณสามารถแก้ไขรูปแบบของหัวข้อวิดเจ็ต, หัวข้อย่อหน้า, และเนื้อหาได้
- การจัดตำแหน่งชื่อ: เลือกตำแหน่งเพื่อจัดวางชื่อหัวข้อ (ซ้าย/กลาง/ขวา)
- การจัดตำแหน่งข้อความ: เลือกตำแหน่ง(ซ้าย/กลาง/ขวา) สำหรับจัดวางหัวข้อและเนื้อหาข้อความ
- ช่องว่างด้านในของวิดเจ็ต: ปรับช่องว่าง (0 ถึง 80 px) ระหว่างวิดเจ็ตย่อส่วนข้อความและวิดเจ็ตอื่นๆ
- ปรับแต่งสีวิดเจ็ต: ปุ่มเปิด/ปิดสามารถกำหนดได้ด้วยตัวเองหากคุณต้องการปรับแต่งสีวิดเจ็ต หากเปิดปุ่มแล้วคุณจะสามารถปรับแต่งสีวิดเจ็ตด้วยตัวเองในส่วนต่างๆดังต่อไปนี้: พื้นหลัง, ข้อความ, ลิงก์ข้อความ, พื้นหลังปุ่ม และข้อความปุ่ม
ขั้นตอนที่ 7
ในระหว่างขั้นตอนการตั้งค่า คุณสามารถคลิกที่ปุ่มบันทึกด้านล่างเพื่อดูข้อความที่พึ่งเพิ่มเข้าไปได้ที่บริเวณด้านขวาเพื่อดูตัวอย่าง
*หมายเหตุ: คุณสามารถดูตัวอย่างหน้าเพจทั้งในรูปแบบเดสก์ท็อปและมือถือได้
หรือคลิกที่ดูตัวอย่างหน้าเพจเพื่อดูตัวอย่างหน้าร้าน
ขั้นตอนที่ 8
หลังจากยืนยันการตั้งค่าดังกล่าวเรียบร้อยแล้ว กรุณาคลิกปุ่มเผยแพร่ที่ด้านบนขวาเพื่อให้ลูกค้ามองเห็นเนื้อหาในหน้าเพจใหม่ทั้งหมดในหน้าร้านค้า
อ่านเพิ่มเติม
- วิดเจ็ตคลังรูปภาพ | เครื่องมือสร้างร้านค้า
- วิดเจ็ตรูปภาพพร้อมข้อความ | เครื่องมือสร้างร้านค้า
- นับถอยหลัง | เครื่องมือสร้างร้านค้า
ข้อคิดเห็น