ส่วนและบล็อกของตัวสร้างหน้าร้าน
38 บทความ
- ส่วนและบล็อก: จะเพิ่มและจัดลำดับได้อย่างไร และแต่ละหน้ามีส่วนใดได้บ้าง ความแตกต่างระหว่างส่วนและบล็อกในตัวสร้างร้านค้า วิธีเพิ่มและจัดลำดับ แต่ละหน้ามีส่วนใดให้เลือก ส่วนใดเป็นส่วนที่จำเป็น และแต่ละประเภทมีได้กี่อันต่อหน้า
- จะตั้งค่าส่วนหัว ส่วนท้าย และแถบประกาศ (ส่วนที่ใช้ทุกหน้า) ได้อย่างไร ภาพรวมของส่วนที่มักแสดงในทุกหน้า: ส่วนหัว ส่วนท้าย และแถบประกาศ รวมถึงไอคอนโซเชียลมีเดีย จดหมายข่าว และปุ่มกลับขึ้นด้านบน แต่ละหน้ามีสำเนาของตัวเองอย่างไร และจะคัดลอกไปใช้กับทุกหน้าได้อย่างไร
- จะตั้งค่าส่วนหัวของร้านค้าได้อย่างไร (โลโก้ เมนู ค้นหา ตะกร้าสินค้า ส่วนหัวติดด้านบนและโปร่งใส) ตั้งค่าส่วนหัว: ขนาดและตำแหน่งโลโก้ ประเภทเมนู (เมกะ ดรอปดาวน์ ลิ้นชัก) และแถบนำทางบนมือถือ ไอคอนค้นหา ตะกร้าสินค้าแบบลิ้นชักหรือดรอปดาวน์ ตัวเลือกประเทศพร้อมธง ส่วนหัวติดด้านบนเมื่อเลื่อน และส่วนหัวโปร่งใสทับส่วนเปิดหน้า
- จะเพิ่มแถบประกาศที่มีข้อความหมุนเวียนหรือเลื่อนวิ่งได้อย่างไร เพิ่มแถบประกาศสำหรับโปรโมชัน จัดส่งฟรี หรือข่าวสาร: เพิ่มข้อความได้สูงสุด 7 ข้อความ เลือกสไลเดอร์ (ทีละข้อความ) หรือตัววิ่ง (บรรทัดที่เลื่อนต่อเนื่อง) และตั้งเวลาระหว่างข้อความ ตัวคั่น ทิศทาง ขนาดฟอนต์ ความกว้าง สี และระยะขอบใน
- จะตั้งค่าส่วนท้ายของร้านค้าได้อย่างไร (เกี่ยวกับเรา เมนู ไอคอนโซเชียล ไอคอนการชำระเงิน ลิงก์นโยบาย ลิขสิทธิ์) ตั้งค่าส่วนท้ายและบล็อกต่าง ๆ: เกี่ยวกับเราพร้อมโลโก้และข้อมูลติดต่อ เมนูส่วนท้าย ไอคอนโซเชียลมีเดีย ไอคอนการชำระเงิน ลิงก์ความเป็นส่วนตัวและนโยบาย ลิขสิทธิ์พร้อม "ขับเคลื่อนโดย" ข้อความ เส้นคั่น และกลุ่มสำหรับสร้างคอลัมน์
- หน้าแรกเพิ่มส่วนอะไรได้บ้าง (ส่วนเปิดหน้า สินค้าแนะนำ สไลด์โชว์ ตัวบ่งชี้ คอลเลกชัน) ภาพรวมของส่วนสำหรับหน้าแรกในตัวสร้างร้านค้า: ส่วนเปิดหน้า สไลด์โชว์ สินค้าแนะนำ คอลเลกชัน ตัวบ่งชี้ (ตัวเลขเคลื่อนไหว) และจุดเด่น รวมถึงการ์ดสินค้าและการ์ดคอลเลกชัน พร้อมลิงก์ไปยังคู่มือฉบับเต็มของแต่ละส่วน
- จะตั้งค่าแบนเนอร์ส่วนเปิดหน้าบนหน้าแรกได้อย่างไร ตั้งค่าแบนเนอร์ส่วนเปิดหน้าบนหน้าแรก: รูปภาพหรือวิดีโอหนึ่งหรือสองรายการ ความสูง (เล็ก เต็มหน้าจอ ตามรูปภาพ กำหนดเอง) ข้อความและปุ่มที่วางทับ ตำแหน่งและการจัดแนว ชั้นสีทับเพื่อให้อ่านข้อความง่าย และสาเหตุที่วิดีโออาจไม่เล่น
- จะเพิ่มสไลด์โชว์ที่มีหลายสไลด์บนหน้าแรกได้อย่างไร เพิ่มสไลด์โชว์ (ภาพหมุนเวียน ตัวเลื่อนรูปภาพ) บนหน้าแรก: เพิ่มได้สูงสุด 7 สไลด์พร้อมรูปภาพหรือวิดีโอ ข้อความและปุ่มในแต่ละสไลด์ โหมดกรอบ เว้นขอบ หรือเลเยอร์ ความสูงของสื่อ ความเร็วการหมุนอัตโนมัติ ลูกศร จุด ตัวนับ และปุ่มหยุดชั่วคราว
- จะแสดงสินค้าแนะนำ (ขายดี ใหม่ล่าสุด ลดราคา) บนหน้าแรกได้อย่างไร แสดงสินค้าเป็นกริดหรือภาพหมุนบนหน้าแรกด้วยส่วนสินค้าแนะนำ: สินค้าใหม่ที่สุด เก่าที่สุด ขายดีที่สุด มีส่วนลด (ลดราคา) หรือคะแนนสูงสุด จำกัดเฉพาะคอลเลกชันเดียว กำหนดจำนวนสินค้า คอลัมน์ ปุ่มแสดงเพิ่มเติม และภาพหมุนบนมือถือ
- จะแสดงคอลเลกชันบนหน้าแรกหรือหน้ารวมคอลเลกชันได้อย่างไร แสดงคอลเลกชัน (หมวดหมู่) เป็นการ์ดด้วยส่วนคอลเลกชันบนหน้าแรกหรือหน้ารวมคอลเลกชัน: ลำดับที่กำหนดเอง ใหม่ที่สุด ขายดีที่สุด คะแนนสูงสุด หรือตามตัวอักษร เลย์เอาต์กริด ภาพหมุน หรือเบนโตะ จำนวนคอลเลกชัน และลิงก์คอลเลกชันย่อย
- จะแสดงคอลเลกชันย่อยในหน้าคอลเลกชันได้อย่างไร แสดงคอลเลกชันลูก (คอลเลกชันย่อย หมวดหมู่ย่อย) ของคอลเลกชันที่กำลังดูอยู่ด้วยส่วนคอลเลกชันย่อยในหน้าคอลเลกชัน: ลำดับ จำนวนคอลเลกชัน เลย์เอาต์กริด ภาพหมุน หรือเบนโตะ การ์ด และเหตุผลที่ส่วนนี้ไม่แสดงในบางคอลเลกชัน
- จะเพิ่มการ์ดจุดเด่น เช่น จัดส่งฟรี หรือชำระเงินปลอดภัย ได้อย่างไร เพิ่มส่วนจุดเด่นในหน้าแรก: การ์ดสร้างความเชื่อมั่นที่มีไอคอนหรือรูปภาพของคุณเอง หัวข้อ และข้อความสั้น ๆ สำหรับคำสัญญา เช่น จัดส่งฟรี เก็บเงินปลายทาง ชำระเงินปลอดภัย หรือคืนสินค้าง่าย พร้อมคอลัมน์ สไตล์การ์ด เรียบ ๆ หรือเส้นคั่น ขนาดไอคอน เส้นเน้น และเอฟเฟกต์เมื่อชี้
- จะแสดงตัวเลขและสถิติแบบเคลื่อนไหว (ส่วนตัวบ่งชี้) ได้อย่างไร แสดงตัวเลขสำคัญ เช่น ลูกค้าที่พึงพอใจ คำสั่งซื้อที่จัดส่งแล้ว หรือจำนวนปีที่ทำธุรกิจ ด้วยส่วนตัวบ่งชี้: ตัวเลขที่นับขึ้นเมื่อผู้ซื้อเลื่อนมาถึง คำนำหน้าและคำต่อท้าย (+, %, K) ป้ายกำกับด้านบนหรือด้านล่าง จำนวนต่อแถว ขนาดฟอนต์ ตัวหนา และเส้นคั่น
- จะเพิ่มส่วนคำถามที่พบบ่อยพร้อมคำถามและคำตอบได้อย่างไร เพิ่มส่วนคำถามที่พบบ่อย (FAQ) ในหน้าต่าง ๆ ของคุณ: คำถามที่เปิดเมื่อคลิก โหมดแอคคอร์เดียนหรือแยกอิสระ เปิดไว้ตั้งแต่แรก สไตล์เส้นคั่น การ์ด หรือเรียบ ๆ หัวข้ออยู่ข้างหรือเหนือคำถาม และข้อมูล FAQ สำหรับเครื่องมือค้นหา
- จะเพิ่มตัวเลื่อนเปรียบเทียบรูปก่อนและหลังได้อย่างไร เพิ่มส่วนก่อนและหลัง (ตัวเลื่อนเปรียบเทียบรูปภาพ) ในหน้าต่าง ๆ ของคุณ: เลือกรูปก่อนและรูปหลัง ป้ายกำกับ วางซ้ายขวาหรือบนล่าง อัตราส่วน ตำแหน่งเส้นแบ่ง คำแนะนำเมื่อเลื่อนมาถึง ตามเมาส์บนเดสก์ท็อป และหัวข้อข้าง ๆ หรือด้านบน
- หน้าสินค้าและแลนดิ้งเพจมีส่วนอะไรบ้าง (ข้อมูลสินค้า รีวิว สินค้าที่เกี่ยวข้อง) ภาพรวมของส่วนต่าง ๆ ในหน้าสินค้าและแลนดิ้งเพจ: ข้อมูลสินค้า (แกลเลอรี ชื่อ คำอธิบาย ฟอร์มสั่งซื้อ ปุ่มติดหน้าจอ) ข้อมูลแลนดิ้งเพจ ฟอร์มสั่งซื้อ รีวิว สินค้าที่เกี่ยวข้อง และบล็อกเสริมของหน้าสินค้า พร้อมลิงก์ไปยังคู่มือแบบละเอียดของแต่ละส่วน
- จะตั้งค่าส่วนข้อมูลสินค้าในหน้าสินค้าได้อย่างไร (รูปภาพ ชื่อ คำอธิบาย ปุ่มติดหน้าจอ) ตั้งค่าส่วนข้อมูลสินค้าในหน้าสินค้า: แกลเลอรีรูปภาพและวิดีโอ (กริดหรือภาพหมุน ภาพย่อ การซูม แกลเลอรีติดหน้าจอ) บล็อกชื่อสินค้าและคำอธิบาย เส้นคั่น คอลัมน์เท่ากัน และปุ่มหรือแถบซื้อที่ติดหน้าจอ
- จะตั้งค่าส่วนข้อมูลแลนดิ้งเพจและฟอร์มสั่งซื้อได้อย่างไร (ปุ่ม นับถอยหลัง WhatsApp) ตั้งค่าส่วนข้อมูลแลนดิ้งเพจและฟอร์มสั่งซื้อที่ใช้ในหน้าสินค้าและแลนดิ้งเพจ: ฟอร์มในหน้าหรือป๊อปอัป ตัวแทนตำแหน่ง {{form}} ป้ายส่วนที่ประหยัดได้ นับถอยหลัง ข้อความของขวัญ สรุปคำสั่งซื้อ ปุ่มเพิ่มลงตะกร้าและซื้อเลย และปุ่มสั่งซื้อทาง WhatsApp
- จะเพิ่มแถบย่อ/ขยาย วันที่จัดส่ง ตารางไซซ์ ป้าย หรือรูปก่อนและหลังในหน้าสินค้าได้อย่างไร บล็อกของหน้าสินค้าในตัวสร้างร้านค้า: แถบย่อ/ขยาย (แอคคอร์เดียน) สำหรับข้อมูลการจัดส่งและการคืนสินค้า ไทม์ไลน์วันที่คาดว่าจะได้รับสินค้าพร้อมเวลาปิดรับคำสั่งซื้อ ป๊อปอัปตารางไซซ์ ป้ายสร้างความมั่นใจ และสไลเดอร์รูปก่อนและหลัง
- จะแสดงรีวิวจากลูกค้าในหน้าสินค้าได้อย่างไร (ส่วนรีวิว) ตั้งค่าส่วนรีวิวในหน้าสินค้าและแลนดิ้งเพจ: สรุปคะแนนและการกระจายดาว ปุ่มและฟอร์มเขียนรีวิว การ์ดรีวิวพร้อมการซูมรูปภาพ กริดหรือภาพหมุน จำนวนรีวิวต่อหน้า การเรียงลำดับ และสิ่งที่แสดงเมื่อยังไม่มีรีวิว
- จะแสดงสินค้าที่เกี่ยวข้องในหน้าสินค้าได้อย่างไร เพิ่มส่วนสินค้าที่เกี่ยวข้องในหน้าสินค้าและแลนดิ้งเพจ: เลือกแหล่งที่มา (ใหม่ที่สุด ขายดีที่สุด มีส่วนลด คะแนนสูงสุด คอลเลกชันเดียวกัน หรือสินค้าที่คุณเลือกให้แต่ละสินค้า) ตั้งจำนวน กริดหรือภาพหมุน คอลัมน์ และการ์ดสินค้า
- จะเปลี่ยนหน้าตาของการ์ดสินค้าและการ์ดคอลเลกชันได้อย่างไร เปลี่ยนการ์ดสินค้า (อัตราส่วนรูปภาพ ชื่อ ราคาและป้ายส่วนลด คะแนนดาว ปุ่มซื้อ: เพิ่มลงตะกร้า ซื้อเลย หรือดูสินค้า ตัวเลือกสินค้า) และการ์ดคอลเลกชัน (สไตล์มาตรฐานหรือซ้อนทับ รูปภาพ ชื่อ จำนวนสินค้า ปุ่ม) ที่ใช้ในกริดสินค้าและกริดคอลเลกชัน
- เพิ่มส่วนใดได้บ้างในทุกหน้า และหน้าตะกร้าสินค้า หน้าชำระเงิน และหน้าติดต่อมีอะไรบ้าง ภาพรวมของส่วนที่เพิ่มได้ในทุกหน้า (ข้อความ รูปภาพ เส้นคั่น ไอคอนโซเชียลมีเดีย จดหมายข่าว โค้ดที่กำหนดเอง) และส่วนหลักของหน้าคอลเลกชัน ค้นหา ตะกร้าสินค้า ชำระเงิน ขอบคุณ ติดต่อ นโยบาย และ 404 พร้อมลิงก์ไปยังคู่มือแบบละเอียดของแต่ละส่วน
- จะปรับแต่งหน้าตะกร้าสินค้าและหน้าชำระเงินได้อย่างไร ปรับแต่งส่วนตะกร้าสินค้าในหน้าตะกร้าสินค้า (อัตราส่วนรูปภาพ ขนาดรูปภาพ ความหนาแน่น แถบจัดส่งฟรี ตะกร้าว่าง) และส่วนชำระเงินในหน้าชำระเงิน (ฟอร์มสั่งซื้อ ตัวเลือกการจัดส่งและการชำระเงิน สรุปคำสั่งซื้อ) และดูว่าผู้ซื้อจะเห็นแต่ละหน้าเมื่อไร
- จะปรับแต่งหน้าขอบคุณ (การยืนยันคำสั่งซื้อ) หลังลูกค้าสั่งซื้อได้อย่างไร ปรับแต่งหน้าขอบคุณที่ลูกค้าเห็นหลังสั่งซื้อ: ส่วนการยืนยันคำสั่งซื้อ สรุปคำสั่งซื้อ ข้อมูลคำสั่งซื้อ (ID หรือหมายเลขคำสั่งซื้อ วันที่ วิธีชำระเงินและวิธีจัดส่ง) ข้อมูลลูกค้า ข้อความขอบคุณของคุณเองพร้อม {{first_name}} และตัวแปรอื่น ปุ่ม และรูปภาพ
- จะตั้งค่าหน้าติดต่อและฟอร์มติดต่อได้อย่างไร ตั้งค่าส่วนติดต่อในหน้าติดต่อ: อีเมลที่รับข้อความ ช่องกรอกในฟอร์มติดต่อ (ชื่อ อีเมล หัวข้อ ข้อความ) ข้อความเมื่อสำเร็จ Captcha กันสแปม ข้อความและสไตล์ปุ่ม เลย์เอาต์ และสาเหตุที่ข้อความอาจไม่มาถึง
- จะปรับแต่งหน้าผลการค้นหาได้อย่างไร ปรับแต่งหน้าค้นหาที่แสดงผลลัพธ์เมื่อผู้ซื้อค้นหาในร้านค้า: ส่วนค้นหาสินค้า จำนวนคอลัมน์ คอลัมน์บนมือถือ การ์ดสินค้า ข้อความเหนือผลลัพธ์ วิธีจับคู่สินค้า และปุ่มแสดงเพิ่มเติม
- จะปรับแต่งตารางสินค้าในหน้าคอลเลกชัน (สินค้าในคอลเลกชัน) ได้อย่างไร ปรับแต่งหน้าคอลเลกชัน: ตารางสินค้าในคอลเลกชัน จำนวนคอลัมน์ คอลัมน์บนมือถือ ระยะห่าง การ์ดสินค้า หัวข้อที่ใช้ {{collection_name}} {{collection_description}} และ {{products_count}} คอลเลกชันย่อย ลำดับสินค้า และปุ่มแสดงเพิ่มเติม
- จะเปลี่ยนหน้าตาของหน้านโยบายได้อย่างไร (ส่วนนโยบาย) ปรับสไตล์หน้านโยบายที่แสดงนโยบายความเป็นส่วนตัว ข้อกำหนดการให้บริการ นโยบายการคืนเงิน การจัดส่ง และคุกกี้: ส่วนนโยบาย เวลาในการอ่าน ความกว้าง สี ระยะขอบใน CSS ที่กำหนดเอง และที่สำหรับแก้ไขข้อความนโยบาย
- จะปรับแต่งหน้า 404 (ไม่พบหน้า) ได้อย่างไร ปรับแต่งหน้า 404 ที่ผู้ซื้อเห็นเมื่อเปิดลิงก์ที่ไม่มีอยู่: ส่วน 404 ข้อความ ปุ่ม เส้นคั่นและกลุ่ม ปุ่มกลับสู่หน้าแรกที่มีมาให้ ความกว้าง สี และระยะขอบใน
- จะเพิ่มไอคอนโซเชียลมีเดียในร้านค้าได้อย่างไร (Instagram, TikTok, Facebook, WhatsApp) เพิ่มส่วนไอคอนโซเชียลมีเดีย: ลิงก์ Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp และ Telegram เลือกหน้าตาแบบไอคอนหรือแอป แสดงในบรรทัดหรือติดขอบจอ รูปทรง ขนาด สี และเอฟเฟกต์เมื่อชี้
- จะเพิ่มฟอร์มสมัครรับจดหมายข่าวในร้านค้าได้อย่างไร เพิ่มส่วนจดหมายข่าวเพื่อเก็บอีเมลผู้สมัคร: ฟอร์มในบรรทัดหรือป๊อปอัปติดมุมจอ หัวข้อ ข้อความเมื่อสำเร็จ ช่องอีเมลพร้อมป้ายกำกับ ข้อความตัวอย่าง และข้อความความเป็นส่วนตัว ปุ่มลูกศรหรือข้อความ ปุ่มในตัว กลุ่ม สี และผู้สมัครจะไปอยู่ที่ไหน
- จะใช้ส่วนและบล็อกข้อความ รูปภาพ และเส้นคั่นได้อย่างไร การตั้งค่าส่วนและบล็อกข้อความ รูปภาพ และเส้นคั่น: ตัวแก้ไขข้อความ หัวข้อสำเร็จรูป ขนาด ระยะห่างบรรทัด ระยะห่างตัวอักษร ความกว้างและการจัดแนว ความกว้างรูปภาพ อัตราส่วน การจัดพอดี ความโค้งมุมและลิงก์ ความหนา ความยาวและการจัดแนวของเส้นคั่น สี และระยะขอบใน
- บล็อกกลุ่ม ข้อความ ปุ่ม และเส้นคั่น: การตั้งค่าคอมโพเนนต์เลย์เอาต์ทำงานอย่างไร ภาพรวมของบล็อกกลุ่ม ข้อความ ปุ่ม และเส้นคั่นที่ใช้ทั่วทั้งตัวสร้างร้านค้า พร้อมการตั้งค่าปุ่มแบบครบถ้วน: ป้ายกำกับ ประเภทลิงก์ (URL อีเมล เบอร์โทรศัพท์ จุดยึด) สไตล์ และความกว้างบนเดสก์ท็อปและมือถือ มีลิงก์ไปยังคู่มือกลุ่ม และคู่มือข้อความ รูปภาพ เส้นคั่น
- จะใช้บล็อกกลุ่มเพื่อวางเนื้อหาเคียงข้างกันหรือเป็นคอลัมน์ได้อย่างไร บล็อกกลุ่มทำงานอย่างไร: วางบล็อกเคียงข้างกันหรือซ้อนกัน ซ้อนกลุ่มในกลุ่ม ทิศทาง เรียงแนวตั้งบนมือถือ ตำแหน่งและการจัดแนว เว้นระยะเท่ากัน ความกว้างแบบเต็มพื้นที่ พอดี หรือกำหนดเอง ระยะห่าง ชุดสี เส้นขอบ ความโค้งมุม ชั้นสีทับพื้นหลัง และระยะขอบใน
- จะเพิ่มรูปก่อนและหลัง คลื่นเคลื่อนไหว อนุภาค หรือปุ่มกลับขึ้นด้านบนได้อย่างไร ภาพรวมของส่วนเสริมสำหรับหน้าต่าง ๆ ของคุณ: ตัวเลื่อนเปรียบเทียบรูปก่อนและหลัง แถบคลื่นเคลื่อนไหว อนุภาคลอยไปมา (หิมะ ฟอง ดาว) และปุ่มกลับขึ้นด้านบน พร้อมลิงก์ไปยังคู่มือฉบับเต็มของแต่ละส่วน
- จะเพิ่มคลื่นเคลื่อนไหวหรืออนุภาคลอยไปมา (หิมะ ฟอง ดาว) ในร้านค้าได้อย่างไร เพิ่มส่วนคลื่นเคลื่อนไหวและอนุภาคเคลื่อนไหว: สไตล์คลื่น ความสูง เลเยอร์ ความเร็ว ทิศทาง การพลิก การซ้อนทับ และการรวมกับส่วนหัว รวมถึงรูปทรงอนุภาค (จุด ฟอง ดาว หิมะ) จำนวน ขนาด ความเร็ว ทิศทาง ความทึบ และสี
- จะเพิ่มปุ่มกลับขึ้นด้านบนในร้านค้าได้อย่างไร เพิ่มส่วนกลับขึ้นด้านบน: ปุ่มลูกศรทรงกลมที่มุมล่างของจอ ซึ่งจะปรากฏหลังเลื่อนหน้า และพาผู้ซื้อกลับขึ้นไปด้านบน ตั้งค่ามุม ขนาด วงแหวนความคืบหน้าการเลื่อน และชุดสี แล้วแสดงในทุกหน้า