ฟีเจอร์ของร้านค้าออนไลน์
ฟีเจอร์ส่วนทำให้คุณสามารถเพิ่มฟีเจอร์ลงในร้านค้าออนไลน์หน้าใดก็ได้ คุณสามารถเลือก เพิ่ม และกําหนดค่าส่วนต่างๆ ด้วยรูปภาพ ข้อความ สีประจำแบรนด์ และอื่นๆ อีกมากมาย
หน้าบางหน้าจะมีส่วนที่มากับค่าเริ่มต้น เช่น แถบประกาศ ส่วนหั ว และส่วนท้าย ส่วนเหล่านี้จะปรากฏในทุกหน้า
ธีมโดย Shopify ทั้งหมดมีฟีเจอร์ร้านค้าออนไลน์ที่มีรายละเอียดในหน้านี้ นอกจากนี้ ธีมแบบมีค่าใช้จ่ายอาจมีฟีเจอร์เหล่านี้บางส่วนด้วย หากต้องการรายละเอียดเพิ่มเติม โปรดดูคู่มือช่วยเหลือเกี่ยวกับธีมเฉพาะของคุณ
ในหน้านี้
แถบประกาศ
แถบประกาศช่วยให้คุณสามารถสื่อสารข้อมูลสําคัญให้แก่ลูกค้าของคุณจากหน้าใดก็ได้ และปรับแต่งบล็อกประกาศที่แตกต่างกันได้ถึง 12 บล็อก นอกจากนี้คุณยังสามารถเพิ่มตัวเลือกภาษา ตัวเลือกประเทศหรือภูมิภาค และไอคอนโซเชียลมีเดียไปยังแถบประกาศของคุณ
หากคุณมีหลายประกาศ คุณสามารถเลือกได้ว่าจะหมุนประกาศของคุณโดยอัตโนมัติหรือให้ลูกค้าของคุณผ่านการประกาศของคุณโดยใช้ปุ่มเครื่องหมายบั้งด้วยตนเอง
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
แสดงเส้นของตัวแบ่ง | แสดงเส้นเพื่อแยกแถบประกาศออกจากเนื้อหาของหน้าอย่างชัดเจน |
ไอคอนโซเชียลมีเดีย | แสดงไอคอนโซเชียลมีเดียที่ลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณ |
เปลี่ยนประกาศอัตโนมัติ | เปิดใช้งานเพื่อหมุนประกาศของคุณโดยอัตโนมัติ |
เปลี่ยนสไลด์ทุก | เลือกความถี่ของการหมุนของประกาศ |
เปิดใช้ตัวเลือกประเทศ/ภูมิภาค | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ เพื่อให้ลูกค้าสามารถดูราคาสินค้าของคุณในสกุลเงินที่ลูกค้าเลือกได้ |
เปิดใช้ตัวเลือกภาษา | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณ ได้เปิดใช้ในการตั้งค่าภาษาของคุณ เพื่อให้ลูกค้าสามารถเรียกดูร้านค้าของคุณในภาษาที่ลูกค้าเลือกได้ |
บล็อกประกาศ
คุณสามารถเพิ่มข้อความและลิงก์ไปยังบล็อกประกาศเพื่อให้สามารถคลิกได้และพาลูกค้าไปยังหน้าที่ระบุ
การตั้งค่า | คำอธิบาย |
---|---|
ข้อความ | ประกาศที่คุณต้องการแสดงให้แก่ลูกค้าเห็น |
ลิงก์ | ลิงก์ที่คุณต้องการให้ลูกค้าเข้าไปหากพวกเขาคลิกที่แถบประกาศ |
ส่วนหัว
ส่วนหัวจะแสดงในทุกหน้าในร้านค้าออนไลน์ของคุณ
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
ตำแหน่งโลโก้บนเดสก์ท็อป |
ที่ซึ่งโลโก้ จะแสดงในส่วนหัวเมื่อลูกค้าเข้าชมเว็บไซต์บนหน้าจอขนาดใหญ่ โดยตําแหน่งของโลโก้จะปรับให้เหมาะกับมือถือโดยอัตโนมัติ
|
เมนู | เมนูเพื่อใช้เป็นเมนูหลักของคุณ คลิก “เปลี่ยน” เพื่อเลือกเมนูอื่น |
ประเภทเมนูสำหรับเดสก์ท็อป | ใช้เมนูดรอปดาวน์เพื่อเลือกประเภทเมนูเดสก์ท็อป:
|
ส่วนหัวแบบยึดตำแหน่ง |
เลือกว่าจะใช้ส่วนหัวแบบยึดตำแหน่งหรือไม่และต้องการให้ส่วนหัวแสดงให้เห็นอย่างไร
|
แสดงเส้นของตัวแบ่ง | แสดงเส้นเพื่อแยกส่วนหัวออกจากเนื้อหาของหน้าอย่างชัดเจน |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
เปิดใช้ตัวเลือกประเทศ/ภูมิภาค | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ เพื่อให้ลูกค้าสามารถดูราคาสินค้าของคุณในสกุลเงินที่ลูกค้าเลือกได้ |
เปิดใช้ตัวเลือกภาษา | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าภาษาขอ งคุณ เพื่อให้ลูกค้าสามารถเรียกดูร้านค้าของคุณในภาษาที่ลูกค้าเลือกได้ |
ตำแหน่งโลโก้บนมือถือ |
เลือกว่าโลโก้จะแสดงให้เห็นที่ใดบนมือถือ
|
การเว้นระยะห่าง | เพิ่มพื้นที่ว่างด้านล่างส่วนหัวของคุณ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังย่อหน้าล่าง |
พื้นที่ว่างของส่วน | เพิ่มช่องว่างที่ด้านบนหรือด้านล่างของส่วนหัว ใช้แถบเลื่อนเพื่อเพิ่มพื้นที่ระหว่าง 0px ถึง 100px ที่ด้านบนหรือด้านล่างของส่วนหัวของคุณ |
บล็อกส่วนหัว
คุณสามารถเพิ่มบล็อกต่อไปนี้ได้ในส่วนหัว
การตั้งค่า | คำอธิบาย |
---|---|
แอป | เพิ่มแอปที่เข้ากันได้กับ Online Store 2.0 เพิ่มแอปได้สูงสุดถึง 3 แอป โดยจะอยู่ที่ด้านซ้ายของไอคอนตะกร้าสินค้าและจํากัดขนาดที่ 44px x 44px |
ส่วนท้าย
ส่วนท้ายจะแสดงบนหน้าทั้งหมดในธีมของคุณ
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
แสดงการลงทะเบียนอีเมล | มีแบบฟอร์มการลงทะเบียนอีเมลที่ลูกค้าสามารถสมัครรับจดหมายข่าวและข้อมูลการตลาดของคุณได้ |
หัวเรื่อง | ชื่อแบบฟอร์มแสดงการลงทะเบียนอีเมลหากไม่ได้เปิดใช้แสดงการลงทะเบียนอีเมล ระบบจะไม่แสดงชื่อ ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ติดตามบน Shop | แสดงปุ่มติดตามหน้าร้านของคุณบนแอป Shop ดูข้อมูลเพิ่มเติมเกี่ยวกับการติดตามบน Shop |
ไอคอนโซเชียลมีเดีย | แสดงไอคอนของแพลตฟอร์มโซเชียลมีเดียที่คุณได้ป้อนลิงก์โปรไฟล์ไว้ในการตั้งค่าธีมของคุณ |
เปิดใช้ตัวเลือกประเทศ/ภูมิภาค | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ เพื่อให้ลูกค้าสามารถดูราคาสินค้าของคุณในสกุลเงินที่ลูกค้าเลือกได้ |
เปิดใช้ตัวเลือกภาษา | เพิ่มตัวเลือกที ่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าภาษาของคุณ เพื่อให้ลูกค้าสามารถเรียกดูร้านค้าของคุณในภาษาที่ลูกค้าเลือกได้ |
แสดงไอคอนการชำระเงิน | แสดงไอคอนสำหรับวิธีการชำระเงินที่มีการใช้งานในร้านค้าของคุณ ไอคอนสำหรับวิธีการชำระเงินอาจไม่พร้อมให้ใช้งาน หากผู้ให้บริการการชำระเงินไม่ได้ลงทะเบียนไอคอนไว้ เมื่อลูกค้าเข้าชมร้านค้าของคุณ ระบบจะกรองไอคอนเหล่านี้เพื่อให้แสดงเฉพาะวิธีการชำระเงินที่มีการรองรับในภูมิภาคและสกุลเงินปัจจุบันของลูกค้าเท่านั้น |
แสดงลิงก์นโยบาย | แสดงไอคอนลิงก์นโยบายถัดจากข้อมูลลิขสิทธิ์ของคุณ ลิงก์นโยบายจะถูกสร้างขึ้นจากการตั้งค่า > นโยบายของคุณในส่วนผู้ดูแล Shopify ของคุณ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มนโยบายร้านค้า |
การเว้นระยะห่าง | เพิ่มพื้นที่ว่างด้านบนส่วนท้ายของคุณ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังย่อหน้าบน |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนท้าย ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนท้ายของคุณ |
บล็อกเมนู
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อบล็อก ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
เมนู | เมนูที่จะแสดงในบล็อก ระบบจะแสดงเฉพาะรายการเมนูระดับสูงสุดในส่วนท้าย ดังนั้นประเภทเมนูดรอปดาวน์จะไม ่แสดงตามที่คาดไว้ |
บล็อกข้อมูลแบรนด์
ระบบจะจัดการข้อมูลแบรนด์ของคุณในการตั้งค่าธีมของคุณ ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อมูลแบรนด์
การตั้งค่า | คำอธิบาย |
---|---|
แสดงไอคอนโซเชียลมีเดีย | แสดงไอคอนของแพลตฟอร์มโซเชียลมีเดียที่คุณได้ป้อนลิงก์โปรไฟล์ไว้ในการตั้งค่าธีมของคุณ |
บล็อกข้อความ
สามารถใช้บล็อกข้อความเพื่อเน้นข้อมูลสําคัญๆ เช่น รายละเอียดร้านค้า โปรโมชัน หรือข้อมูลติดต่อได้
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อบล็อก ใช้ปุ่มต่างๆ เพื ่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ข้อความรอง | ข้อความที่จะแสดงในบล็อก |
บล็อกรูปภาพ
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพ | รูปภาพที่จะแสดงในบล็อก |
ความกว้างของรูปภาพ | ตั้งความกว้างของรูปภาพ สามารถเป็นพหุคูณของ 5 ตั้งแต่ 50 พิกเซล ถึง 200 พิกเซล โดยค่าเริ่มต้นจะอยู่ที่ 100 พิกเซล |
การจัดวางรูปภาพบนหน้าจอใหญ่ |
จัดวางรูปภาพภายในบล็อก:
|
บล็อกโพสต์
หากคุณมีบล็อกบนร้านค้า Shopify คุณจะสามารถใช้ส่วนบล็อกโพสต์เพื่อเน้นโพสต์จากบล็อกนั้นได้ โดยบล็อกโพสต์แต่ละรายการในส่วนบล็อกโพสต์จะแสดงเนื้อหาบางส่วนของโพสต์จำนวน 55 คำแรก หากบล็อกโพสต์ไม่มีเนื้อหาบางส่วน ระบบจะแสดงข้อความจำนวน 30 คำแรกของโพสต์แทน
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อของส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความหัวเรื่อง โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
บล็อก | บล็อกโพสต์ที่คุณต้องการแสดงบล็อก โดยมีค่าเริ่มต้นคือบล็อกแรกตามตัวอักษรในหน้าบล็อกของคุณ |
โพสต์บล็อก | จำนวนบล็อกโพสต์ที่คุณต้องการให้แสดงในส่วนนั้น สูงสุด: 4 โพสต์ |
จำนวนของคอลัมน์บนเดสก์ท็อป | จำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 4 |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
แสดงรูปภาพที่แสดง | แสดงรูปภาพที่แสดงสำหรับบล็อกโพสต์ อัตราส่วนภาพที่แนะนำ: 3:2 |
แสดงวันที่ | แสดงวันที่สร้างบล็อกโพสต์ |
แสดงผู้เขียน | แสดงผู้เขียนบล็อกโพสต์ |
เปิดใช้ปุ่ม “ดูทั้งหมด” หากบล็อกมีบล็อกโพสต์มากกว่าที่แสดงไว้ | หากบล็อกมีบล็อกโพสต์มากกว่าที่กำหนดไว้ในช่องบล็อกโพสต์ ระบบจะแสดงปุ่ม “ดูทั้งห มด” ที่จะพาลูกค้าไปยังหน้าของบล็อกนั้นๆ |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนบล็อกโพสต์ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนบล็อกโพสต์ |
เลือกบล็อก
- ในตัวแก้ไขธีมของคุณ ให้คลิกที่ชื่อของส่วนบล็อกโพสต์
- ในส่วนบล็อก ให้คลิก “เปลี่ยน”
- เลือกบล็อก
- คลิก “เลือก” จากนั้นคลิก “บันทึก”
ภาพตัดแปะ
คุณสามารถสร้างคอลลาจของรูปภาพ สินค้า คอลเลกชัน และวิดีโอได้ โดยส่วนคอลลาจแต่ละส่วนจะมีบล็อกสามบล็อก แต่ละส่วนจะประกอบด้วยบล็อกรูปภาพ บล็อกสินค้า และบล็อกคอลเลกชันตามค่าเริ่มต้น เมื่อลบหนึ่งในบล็อกดังกล่าวออก คุณจะสามารถเพิ่มบล็อกวิดีโอได้
หากต้องการสร้างคอลลาจที่มีบล็อกมากกว่า 3 บล็อก ให้เพิ่มส่วนคอลลาจเพิ่มเติมที่ด้านล่างส่วนแรกและห้ามใส่ค่าหัวเรื่องลงในส่วนคอลลาจด้านล่าง ซึ่งทำให้ส่วนคอลลาจจะปรากฏพร้อมกันเป็นส่วนเดียว
อัตราส่วนภาพที่แนะนำสำหรับรูปภาพทั้งหมดในส่วนนี้คือ 2:3 หรือ 1:1
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อของส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความหัวเรื่อง โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
เลย์เอาต์ของเดสก์ท็อป |
รูปแบบที่สื่อแบบคอลลาจจะปรากฏบนเดสก์ท็อป
|
เลย์เอาต์สำหรับอุปกรณ์มือถือ |
รูปแบบที่บล็อกจะปรากฏบนมือถือ คอลลาจ - แสดงรูปภาพในเลย์เอาต์รูปแบบคอลลาจ:
|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ได้ ดูข้อมูลเพิ่มเติมเกี่ยวก ับรูปแบบสี |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนภาพคอลลาจ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนดังกล่าว |
บล็อกวิดีโอ
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพหน้าปก | รูปภาพที่จะแสดงให้เห็นก่อนที่ลูกค้าเล่นวิดีโอ คุณสามารถอัปโหลดรูปภาพหน้าปกแบบกำหนดเองได้จากส่วนผู้ดูแล Shopify ของคุณ |
URL | ลิงก์ YouTube หรือ Vimeo ที่ไปยังวิดีโอ โดยวิดีโอจะต้องพร้อมให้ชมแบบสาธารณะ โดยวิดีโอดังกล่าวจะเล่นในหน้าต่างป๊อปอัป |
ข้อความแสดงแทนวิดีโอ | ข้อความแสดงแทนสำหรับวิ ดีโอ อธิบายบริบทและวัตถุประสงค์ของวิดีโอแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
บล็อกสินค้า
การตั้งค่า | คำอธิบาย |
---|---|
สินค้า | สินค้าที่คุณต้องการแสดง |
แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวาง | เมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพสินค้า ระบบจะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป |
บล็อกคอลเลกชัน
การตั้งค่า | คำอธิบาย |
---|---|
คอลเลกชัน | คอลเลกชันที่คุณต้องการแสดง |
บล็อกรูปภาพ
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพ | รูปภาพที่ใช้กับส่วนนั้นๆ คลิก “เลือกรูปภาพ” เพื่อเลือกรูปภาพ หรือคลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพ |
แก้ไขข้อความแสดงแทน | เพิ่มข้อความอธิบายรูปภาพโดยสรุปเพื่อช่วยทำ SEO และเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
เนื้อหาที่ย่อได้
ส่วนเนื้อหาแบบพับได้จะมีเนื้อหาเป็นแถวๆ ซึ่งคุณสามารถย่อหรือขยายเพื่อดูเนื้อหาภายในได้ และสามารถวางรูปภาพไว้ที่ด้านซ้ายหรือด้านขวาของเนื้อหาที่สามารถพับได้
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
คำอธิบาย | คำบรรยายสำหรับส่วนเนื้อหาแบบพับได้ซึ่งจะมีหรือไม่มีก็ได้ แสดงอยู่เหนือส่วนหัวของส่วนดังกล่าว |