ส่วนสำหรับ Boundless

ส่วนคือชุดเนื้อหาที่สามารถปรับแต่งได้ซึ่งกำหนดเลย์เอาต์ของหน้าต่างๆ ในร้านค้าออนไลน์ของคุณ

  • ส่วนหน้าแรกมีฟีเจอร์ต่างๆ เช่น สไลด์โชว์หรือการสมัครรับจดหมายข่าว ซึ่งคุณสามารถเพิ่ม จัดเรียงใหม่ หรือลบออกได้ คุณสามารถมีส่วนได้สูงสุดถึง 25 ส่วนในหน้าแรกของคุณ

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

  • ส่วนที่เป็นหน้าต่างๆ จะอยู่ในตำแหน่งใดตำแหน่งหนึ่งบนร้านค้าออนไลน์ของคุณ คุณสามารถปรับแต่งส่วนของหน้าต่างๆ ได้ แต่จะไม่สามารถจัดเรียงหน้าต่างๆ ใหม่หรือลบหน้าต่างๆ ออกได้

  • แต่ละธีมจะมีส่วนบังคับ เช่น ส่วนหัว และส่วนท้าย ซึ่งแสดงอยู่ในทุกๆ หน้าบนร้านค้าออนไลน์ของคุณ

คุณสามารถดูข้อมูลเกี่ยวกับตัวเลือกส่วนและวิธีการปรับแต่งส่วนที่แตกต่างของBoundlessเพื่อให้เหมาะกับธุรกิจของคุณ

Boundless ประกอบด้วยส่วนคงที่ต่อไปนี้:

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

ส่วนไดนามิก

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

Boundless ประกอบด้วยส่วนไดนามิกต่อไปนี้:

  • โพสต์บล็อก
  • รายการคอลเลกชัน
  • คอลเลกชันแนะนำ
  • รูปภาพพร้อมข้อความ
  • สินค้าที่แนะนำ
  • จดหมายข่าว
  • แผนที่
  • Rich Text
  • วิดีโอ
  • HTML แบบกำหนดเอง

ส่วนหัว

ส่วนหัวของธีมคือส่วนที่ปรากฏด้านบนของทุกหน้าในร้านค้าของคุณ

ส่วนหัวประกอบด้วยการตั้งค่าต่อไปนี้:

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

ปรับแต่งส่วนหัวของคุณ

  1. ถัดจาก Boundless ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ หัวเรื่อง

  3. ใช้การตั้งค่าดังกล่าวเพื่อปรับแต่งส่วนหัวของคุณ

  4. คลิกที่บันทึก

เมนูแถบด้านข้าง

เมนูแถบด้านข้างเป็นเหมือนตารางแสดงเนื้อหาให้กับร้านค้าของคุณ ไม่ว่าลูกค้าจะอยู่ที่หน้าใด ปุ่มเมนูจะแสดงเมนูหลักและเมนูส่วนท้ายของร้านค้าของคุณ:

เมนูแถบด้านข้างจะแสดงเมนูสองประเภท: เมนูหลักจะแสดงที่ด้านบนด้วยขนาดใหญ่ และเมนูเพิ่มเติมจะแสดงที่ด้านล่างเมนูหลักด้วยขนาดเล็กกว่า

วิธีปรับแต่งเมนูแถบด้านข้าง:

  1. คลิกที่ ส่วน

  2. คลิกเมนูแถบด้านข้าง

  3. ในรายการเมนูหลัก ให้เลือกเมนูที่คุณต้องการให้แสดงเป็นเมนูหลัก โดยทั่วไปแล้ว ส่วนนี้จะเป็นเมนูหลักของร้านค้าของคุณ

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

  5. คลิกที่บันทึก

สไลด์โชว์

คุณสามารถสร้างสไลด์โชว์ของหน้าแรกที่เปลี่ยนรูปภาพได้สูงสุดถึงห้าภาพ

เป็นการดีที่สุดที่จะใช้รูปภาพที่มีความละเอียดสูงสำหรับสไลด์ของคุณ ใช้รูปภาพที่มีขนาด 3840 x 2160 px หรือใหญ่กว่า แต่ไม่เกินขีดจำกัดการอัปโหลดของ Shopify

เนื่องจากขนาดและรูปร่างของสไลด์โชว์ขึ้นอยู่กับขนาดและรูปร่างของอุปกรณ์ของลูกค้า จะมีการครอบตัดรูปภาพสไลด์โชว์ของคุณในบางหน้าจอ พยายามใช้รูปภาพที่มีจุดโฟกัสอยู่ตรงกลางเพื่อให้มองเห็นส่วนสำคัญของรูปภาพแต่ละรูปได้เสมอ

หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับหลักปฏิบัติที่ดีที่สุดสำหรับรูปภาพสไลด์โชว์ ให้ดูที่การอัปโหลดรูปภาพ

ส่วนสไลด์โชว์ประกอบด้วยการตั้งค่าต่อไปนี้:

  • ความสูงของสไลด์ - ตั้งค่าความสูงของสไลด์โชว์ เลือกปรับให้เข้ากับความสูงรูปภาพแรกเพื่อตั้งฐานความสูงของสไลด์โชว์และความสูงรูปภาพแรกของคุณ
  • หมุนสไลด์อัตโนมัติ - ตั้งค่าให้สไลด์โชว์เล่นอัตโนมัติ
  • เปลี่ยนสไลด์ทุก - เลือกความถี่ในการเปลี่ยนสไลด์
  • ข้อความและไอ - เลือกสีให้แก่ข้อความและไอคอนที่ปรากฏเหนือสไลด์โชว์
  • การวางซ้อนรูปภาพ - เพิ่มชั้นสีบนสไลด์รูปภาพของคุณ การวางซ้อนสามารถทำให้ข้อความสไลด์โชว์อ่านได้ง่ายขึ้น
  • ความทึบ - กำหนดความทึบของการวางซ้อน
  • รูปภาพ - เพิ่มสไลด์รูปภาพลงในสไลด์โชว์ของคุณ
  • ตำแหน่งรูปภาพ - เลือกบริเวณที่สำคัญที่สุดในการโฟกัสรูปภาพในสไลด์โชว์
  • หัวเรื่อง - เพิ่มหัวเรื่องลงในสไลด์ของคุณ
  • ข้อความปุ่ม - เพิ่มปุ่มที่มีป้ายข้อความลงในสไลด์ของคุณ
  • ลิงก์ปุ่ม - เชื่อมโยงปุ่มของคุณไปยังอีกส่วนหนึ่งของร้านค้าออนไลน์ของคุณ

เพิ่มสไลด์โชว์ไปยังหน้าแรกของคุณ

  1. ถัดจาก Boundless ให้คลิกที่ ปรับแต่ง

  2. คลิก สไลด์โชว์

  3. ใช้การตั้งค่านั้นเพื่อปรับแต่งสไลด์โชว์ของคุณ

  4. คลิกที่บันทึก

แถบการดำเนินการ

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

ตัวอย่างเช่น หากร้านค้าของคุณขายเครื่องแต่งกาย แถบการดำเนินการของคุณอาจแสดงเมนูผู้ชาย ผู้หญิง และอุปกรณ์เสริมบนหน้าแรกของคุณ หากลูกค้าคลิกที่ผู้หญิง แถบการดำเนินการอาจแสดงเมนูเสื้อ กางเกง และรองเท้าบนหน้าคอลเลกชัน

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

วิธีปรับแต่งแถบการดำเนินการของคุณ:

  1. คลิกที่แท็บ ส่วนต่างๆ

  2. คลิกแถบการดำเนินการ

  3. ในรายการเมนู ให้เลือกเมนูที่คุณต้องการให้แสดงในแถบการดำเนินการ

  4. คลิกที่บันทึก

ส่วนท้าย

คุณสามารถแสดงเมนูในเนื้อหาส่วนท้ายของคุณได้โดยใช้งานธีม Boundless

วิธีปรับแต่งส่วนท้ายของร้านค้าของคุณ:

  1. คลิกที่แท็บ ส่วนต่างๆ

  2. คลิกที่ ส่วนท้าย

  3. ในรายการเมนู ให้เลือกเมนูที่คุณต้องการให้แสดงในส่วนท้าย

  4. คลิกที่บันทึก

สินค้า

ในส่วนสินค้า คุณสามารถเพิ่มหรือลบองค์ประกอบต่อไปนี้ได้:

  • แบรนด์หรือผู้ขายสินค้า
  • ตัวเลือกจำนวน
  • ไอคอนสำหรับแชร์ลงโซเชียล
  • ปุ่มชำระเงินแบบไดนามิก
  • คำแนะนำสินค้า

คุณสามารถข้ามรูปภาพสินค้ารูปแรก กำหนดรูปแบบของรูปภาพของคุณ และเลือกความกว้างของแบบฟอร์มสินค้าได้เช่นกัน

วิธีแก้ไขการตั้งค่าสำหรับหน้าสินค้า:

  1. จากเมนูดรอปดาวน์ในแถบด้านบน ให้เลือกหน้าสินค้า

  2. คลิกที่ ส่วน

  3. คลิกสินค้า

  4. หากต้องการข้ามรูปภาพสินค้ารูปแรก ให้ทำเครื่องหมายข้ามรูปภาพสินค้ารูปแรก

    รูปภาพสินค้าดังกล่าวหมายถึงรูปภาพสินค้ารูปแรกที่แสดงบนหน้าคอลเลกเลกชันเท่านั้น ไม่ใช่บนหน้าสินค้า การใช้งานตัวเลือกนี้ ทำให้คุณสามารถออกแบบรูปภาพสินค้ารูปแรกของคุณเพื่อให้ดูดีที่สุดบนหน้าคอลเลกชัน และปรับแต่งรูปภาพสินค้าอื่นๆ ของคุณให้ดูดีขึ้นในพื้นที่ที่กว้างกว่าในหน้าสินค้าได้:

    จากตัวอย่างแสดงให้เห็นถึงหน้าคอลเลกชันพร้อมกับรูปภาพสินค้ารูปแรก และหน้าสินค้าพร้อมรูปภาพรูปที่สองและสาม

  5. หากต้องการกำหนดรูปแบบของรูปภาพของคุณ ในเมนูดรอปดาวน์รูปแบบรูปภาพ ให้เลือกสูง/สี่เหลี่ยมจัตุรัส หรือกว้าง

  6. หากต้องการแสดงแบรนด์ของสินค้าหรือผู้ขาย ให้ทำเครื่องหมายที่แสดงผู้ขาย หากต้องการแสดงแบรนด์หรือผู้ขาย คุณต้องเพิ่มผู้ขายลงในสินค้าก่อน

  7. หากต้องการแสดงตัวเลือกจำนวน ให้ทำเครื่องหมายที่แสดงตัวเลือกจำนวน

  8. หากต้องการแสดงไอคอนสำหรับแชร์ลงโซเชียล ให้ทำเครื่องหมายที่เปิดใช้การแชร์สินค้า

  9. หากต้องการให้แสดงปุ่มชำระเงินแบบไดนามิก ให้ทำเครื่องหมายที่แสดงปุ่มชำระเงินแบบไดนามิก

  10. หากต้องการกำหนดความกว้างของแบบฟอร์มสินค้าของคุณ ในเมนูดรอปดาวน์ความกว้างของแบบฟอร์มสินค้า ให้เลือกเล็ก หรือใหญ่

  11. คลิกที่บันทึก

เพิ่มหรือลบคำแนะนำสินค้า

คุณสามารถแสดงสินค้าที่แนะนำในหน้าสินค้าเพื่อให้ลูกค้าสามารถค้นหาสินค้าอื่นๆ ที่อาจสนใจได้ง่ายขึ้น

  1. จากเมนูดรอปดาวน์ในแถบด้านบน ให้เลือกหน้าสินค้า

  2. คลิกคำแนะนำสินค้า

  3. ใช้ช่องทำเครื่องหมายแสดงคำแนะนำแบบไดนามิกเพื่อแสดงหรือซ่อนคำแนะนำสินค้าในหน้าสินค้าของคุณ

  4. ตัวเลือกเสริม: หากต้องการเปลี่ยนชื่อที่ปรากฏเหนือสินค้าที่แนะนำ ให้ใส่ชื่อใหม่ในช่องหัวเรื่อง

  5. ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนผู้ขายในคำอธิบายสินค้า ให้ใช้ช่องทำเครื่องหมายแสดงผู้ขาย

  6. คลิกที่บันทึก

คอลเลกชัน

Boundless มีการจัดเรียงและการกรองหลายแบบ รูปลักษณ์ และตัวเลือกการแบ่งหน้าสำหรับหน้าคอลเลกชันของคุณ

  1. ในการดูตัวอย่างธีม ให้เปิดหน้าคอลเลกชันขึ้นมา

  2. คลิกที่แท็บ ส่วนต่างๆ

  3. คลิกคอลเลกชัน

  4. ในบริเวณของรูปลักษณ์ ให้กำหนดค่าตัวเลือกดังต่อไปนี้:

- ในรายการรูปแบบรูปภาพ ให้เลือกการวางแนวของรูปภาพสินค้า ไม่ว่าจะเป็นสูง/สี่เหลี่ยมจัตุรัส หรือ กว้าง

  • ในรายการขนาดรูปภาพ ให้เลือกขนาดของรูปภาพสินค้า

  • หากคุณต้องการเพิ่มช่องว่างระหว่างรูปภาพ ให้ทำเครื่องหมายที่เพิ่มช่องว่างระหว่างรูปภาพ

  • หากคุณต้องการแสดงผู้ขายหรือชื่อแบรนด์ด้านล่างของสินค้า ให้ทำเครื่องหมายที่แสดงผู้ขายสินค้า

  1. ในบริเวณของการจัดเรียงและการกรอง ให้กำหนดค่าตัวเลือกดังต่อไปนี้:
  • หากคุณต้องการแสดงรายการของตัวเลือกการจัดเรียง ให้ทำเครื่องหมายที่แสดงตัวเลือกการจัดเรียง

  • หากคุณต้องการให้แสดงรายการที่ทำให้ลูกค้ากรองด้วยแท็กได้ ให้ทำเครื่องหมายที่แสดงการกรองด้วยแท็ก

  1. ในบริเวณของการแบ่งหน้า ในรายการประเภทการแบ่งหน้า ให้เลือกว่าคุณอยากจะแสดงหน้าพร้อมเลขหน้าหรือแสดงเป็นปุ่ม "ดูเพิ่มเติม"

  2. คลิกที่บันทึก

คอลเลกชันแนะนำ

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

  • สูง/สี่เหลี่ยมจัตุรัสเป็นตัวเลือกที่ดีที่สุดหากรูปภาพสินค้าของคุณเป็นสี่เหลี่ยมจัตุรัสหรือเป็นรูปแนวตั้ง
  • กว้างเป็นตัวเลือกที่ดีที่สุดหากรูปภาพสินค้าของคุณเป็นสี่เหลี่ยมผืนผ้าหรือเป็นรูปแนวนอน

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

จำนวนของรูปภาพที่แสดงต่อแถวขึ้นอยู่กับอุปกรณ์ของลูกค้า (ตั้งโต๊ะ หรือมือถือ) และขนาดของวินโดว์

  1. คลิกที่แท็บ ส่วนต่างๆ

  2. คลิกที่ส่วนคอลเลกชันแนะนำ

  3. เลือกคอลเลกชันจากรายการคอลเลกชัน ระบบจะแสดงสินค้าสูงสุด 50 รายการจากคอลเลกชันที่คุณเลือก

  4. ในรายการรูปแบบรูปภาพ ให้เลือกรูปแบบของรูปภาพสินค้าที่คุณต้องการ ไม่ว่าจะเป็นสูง/สี่เหลี่ยมจัตุรัส หรือกว้าง

  5. ในรายการขนาดรูปภาพ ให้เลือกขนาดของรูปภาพสินค้า

  6. หากต้องการเพิ่มระยะห่างรอบๆ รูปภาพสินค้า ให้ทำเครื่องหมายที่เพิ่มระยะห่างของรูปภาพ

  7. หากต้องการแสดงชื่อแบรนด์หรือผู้ขายของสินค้า ให้ทำเครื่องหมายที่แสดงผู้ขายสินค้า

  8. คลิกที่บันทึก

จดหมายข่าว

คุณสามารถเพิ่มการสมัครรับจดหมายข่าวลงในหน้าแรกของคุณได้ ซึ่งช่วยให้คุณสามารถรวบรวมอีเมลลูกค้าเพื่อใช้ในแคมเปญการตลาดผ่านอีเมลได้ คุณสามารถดูข้อมูลเพิ่มเติมเกี่ยวกับการตลาดผ่านอีเมลได้ในบล็อกของ Shopify

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

วิธีเพิ่มการสมัครรับจดหมายข่าวลงในหน้าแรกของคุณ:

  1. ถัดจาก Boundless ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิกที่เพิ่มส่วน > จดหมายข่าว

  4. ป้อนหัวเรื่องสำหรับการสมัครรับจดหมายข่าวของคุณในช่องหัวเรื่อง หัวเรื่องเริ่มต้นคือ "สมัครรับข้อมูลจดหมายข่าวของเรา"

  5. ป้อนหัวเรื่องย่อยสำหรับการสมัครรับจดหมายข่าวในช่องหัวเรื่องย่อย

  6. คลิกที่บันทึก

Rich Text

ใช้ส่วน Rich Text เพื่อใส่เนื้อหาการเขียนที่ต้องการให้แสดงบนหน้าแรกของคุณ หรือฝังในหน้าที่สร้างไว้แล้วใน Shopify admin ของคุณ ตัวอย่างเช่น คุณสามารถใส่กิจกรรมที่กำลังจะมาถึงได้โดยฝังไว้ในหน้าบล็อกของคุณ หรือแสดงหน้าที่มีสิ่งต่อไปนี้:

  1. คลิกที่แท็บ ส่วนต่างๆ

  2. คลิกRich text

  3. ป้อนและจัดรูปแบบข้อความของคุณ

  4. หากคุณต้องการแสดงหน้าจากร้านค้าของคุณ ให้คลิกเพิ่มเนื้อหา จากนั้นคลิกหน้า เลือกหน้าที่ต้องการใช้เป็นหน้าแรกของคุณจากเมนูดรอปดาวน์

  5. คลิกที่บันทึก

วิดีโอ

คุณสามารถเพิ่มวิดีโอที่มีโฮสต์บน YouTube หรือ Vimeo ลงในหน้าแรกของคุณได้ วิดีโอจะช่วยดึงดูดลูกค้าและสร้างความน่าสนใจให้แก่ธุรกิจของคุณ

วิธีเพิ่มวิดีโอลงในหน้าแรกของคุณ:

  1. ถัดจาก Boundless ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิกเพิ่มส่วน > วิดีโอ

  4. ป้อนหัวเรื่องสำหรับวิดีโอของคุณในช่องหัวเรื่อง

  5. ป้อนลิงก์สำหรับแชร์วิดีโอของคุณในช่องลิงก์วิดีโอ

    ลิงก์สำหรับแชร์วิดีโอของ YouTube จะมีลักษณะดังนี้: https://youtu.be/OTJXAUZY9t0 คุณสามารถดูวิธีคัดลอกลิงก์สำหรับแชร์วิดีโอของ YouTube ได้ในบทความของ YouTube ความช่วยเหลือ

    ลิงก์สำหรับวิดีโอของ Vimeo จะมีลักษณะดังนี้: https://vimeo.com/281332510 คุณสามารถดูวิธีคัดลอกลิงก์สำหรับแชร์วิดีโอของ Vimeo ได้ในบทความจาก Vimeo Help Center นี้

  6. คลิกที่บันทึก

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

ในส่วน HTML ที่กำหนดเอง คุณสามารถใช้โค้ด HTML เพื่อสร้างเนื้อหาที่กำหนดเองสำหรับหน้าแรกของคุณ เช่น คุณสามารถใช้ HTML เพื่อจัดรูปแบบบล็อกข้อความ สร้างตาราง หรือเนื้อหาแบบฝังจากเว็บไซต์ภายนอกได้

วิธีเพิ่ม HTML ที่กำหนดเองไปยังหน้าแรกของคุณ:

  1. ถัดจาก Boundless ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิก เพิ่มส่วน

  4. ในส่วนเลย์เอาต์ขั้นสูง ให้คลิก HTML ที่กำหนดเอง > เพิ่ม

  5. คลิก HTML ที่กำหนดเอง แล้วป้อนโค้ด HTML ที่คุณต้องการเพิ่มไปยังหน้าแรกของคุณ

  6. คลิกบันทึก

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี