ส่วนต่างๆ สำหรับ Debut

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

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

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

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

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

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

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

  • ส่วนหัว
  • ส่วนท้าย
  • หน้าสินค้า
  • หน้าคอลเลกชัน
  • หน้ารายการคอลเลกชัน
  • หน้าบล็อก
  • โพสต์
  • หน้าตะกร้า

ส่วนไดนามิก

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

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

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

ส่วนหัว

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

แถบส่วนหัวในเว็บไซต์ชื่อ John's Apparel แสดงรายการเมนูหลัก ไอคอนการค้นหา และไอคอนตะกร้าสินค้า

วิธีปรับแต่งส่วนหัวเรื่อง:

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

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

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

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

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

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

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

  8. หากต้องการแสดงข้อความประกาศที่ด้านบนของหน้า ให้ทำตามวิธีการต่อไปนี้:

  9. ในพื้นที่ของ แถบประกาศ ให้ทำเครื่องหมายที่ แสดงประกาศ

  10. หากต้องการแสดงประกาศในหน้าแรกเท่านั้น ให้ทำเครื่องหมายที่หน้าแรกเท่านั้น มิฉะนั้น การประกาศจะแสดงในทุกหน้าในร้านค้าของคุณ

  11. ป้อนข้อความสำหรับประกาศของคุณในช่อง ข้อความ

  12. หากต้องการเพิ่มลิงก์ลงในประกาศของคุณ ให้ป้อน URL ในช่องลิงก์

  13. หากต้องการเปลี่ยนสีของพื้นหลังแถบประกาศ ให้คลิกที่ตัวอย่างสีของ แถบ แล้วเลือกสีที่ต้องการ

  14. หากต้องการเปลี่ยนสีของข้อความประกาศ ให้คลิกที่ตัวอย่างสีของ ข้อความ แล้วเลือกสีที่ต้องการ

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

ส่วนท้าย

ส่วนท้ายของธีมคือส่วนที่ปรากฏด้านล่างของทุกหน้าในร้านค้าของคุณ คุณสามารถเพิ่มฟีเจอร์ต่อไปนี้ในส่วนท้ายได้:

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

ส่วนท้ายของเว็บไซต์ที่แสดงเมนู การสมัครรับจดหมายข่าว และข้อความแสดงลิขสิทธิ์

เพิ่มไอคอนการชำระเงิน

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

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">เดสก์ท็อป</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>ในส่วน Shopify admin ให้ไปที่<strong>ร้านค้าออนไลน์</strong> &gt; <strong>ธีม</strong>
</li></ol></div><div class="iphone changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div><div class="android changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div>
</div>



1. ถัดจาก **Debut** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วน

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

  3. ทำเครื่องหมายที่ แสดงไอคอนการชำระเงิน

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

เพิ่มเมนู การสมัครรับจดหมายข่าว หรือข้อความ

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">เดสก์ท็อป</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>ในส่วน Shopify admin ให้ไปที่<strong>ร้านค้าออนไลน์</strong> &gt; <strong>ธีม</strong>
</li></ol></div><div class="iphone changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div><div class="android changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div>
</div>



1. ถัดจาก **Debut** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วน

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

  3. หากต้องการเพิ่มชุดเนื้อหา ให้คลิกที่ เพิ่มเนื้อหา ในพื้นที่ของเนื้อหา เลือกประเภทชุดเนื้อหาจากตัวเลือกต่อไปนี้:

- เมนู - จดหมายข่าว - ข้อความ

คุณสามารถเพิ่มชุดเนื้อหาได้สูงสุด 4 ชุด

หากต้องการย้ายบล็อกเนื้อหา ให้คลิกที่ไอคอน ⋮⋮ แล้วลากบล็อกไปยังตำแหน่งอื่น

หากต้องการลบบล็อกเนื้อหา ให้คลิกที่บล็อก จากนั้นคลิกที่ ลบเนื้อหาออก

หากต้องการปรับแต่งบล็อกเนื้อหา ให้คลิกที่บล็อกแล้วแก้ไขการตั้งค่า

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

เพิ่มไอคอนโซเชียลมีเดีย

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

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

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

  4. คลิกที่ส่วน การตั้งค่าธีม

  5. ในช่องโซเชียลมีเดียที่เกี่ยวข้องให้ป้อน URL ไปยังโปรไฟล์ของคุณ

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

เพิ่มตัวเลือกภาษา

คุณควรเพิ่มตัวเลือกภาษาเท่านั้นหากคุณได้เปิดใช้ ภาษาของร้านค้าหลายภาษา

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

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

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

  4. ในส่วน ตัวเลือกภาษา ให้เลือก แสดงตัวเลือกภาษา

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

เพิ่มเครื่องมือเลือกสกุลเงิน

คุณควรเพิ่มเครื่องมือเลือกสกุลเงินเท่านั้นหากคุณได้เปิดใช้ หลายสกุลเงิน

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

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

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

  4. ในส่วน เครื่องมือเลือกสกุลเงิน ให้เลือก แสดงเครื่องมือเลือกสกุลเงิน

หน้าสินค้า

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

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

นอกจากนี้คุณยังสามารถกำหนดขนาดของรูปภาพของคุณได้

แก้ไขการตั้งค่าหน้าสินค้า

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

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

  3. คลิกที่ หน้าสินค้า

  4. หากต้องการกำหนดขนาดรูปภาพของคุณ ให้เลือกขนาดรูปภาพจากเมนูดรอปดาวน์ที่ให้เลือกขนาดรูปภาพ

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

  6. หากต้องการแสดงป้ายตัวเลือกสินค้า เช่น "ขนาด" และ "สี" ให้ทำเครื่องหมายที่แสดงป้ายตัวเลือกสินค้า ป้ายตัวเลือกสินค้าที่แสดงจะอิงตามชื่อตัวเลือกของตัวเลือกสินค้าสำหรับสินค้านั้น

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

  8. หากต้องการให้ลูกค้าสามารถซูมเข้ารูปภาพสินค้าได้โดยใช้เม้าส์เลื่อนเหนือรูปภาพสินค้า ให้ทำเครื่องหมายที่เปิดใช้การซูมรูปภาพ

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

  10. วิธีแสดงปุ่มสำหรับแชร์ลงโซเชียล ให้ทำเครื่องหมายที่แสดงปุ่มสำหรับแชร์ลงโซเชียล

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

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

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

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

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

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

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

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

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

หน้าคอลเลกชัน

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

วิธีตั้งค่าเลย์เอาต์ของหน้าคอลเลกชัน:

  1. ไปยังหน้าคอลเลกชันในเครื่องมือแก้ไขธีม

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

  3. คลิกที่หน้าคอลเลกชัน

  4. จากรายการเลย์เอาต์ ให้เลือกกริดหรือรายการ

  5. เลือกจำนวนสินค้าต่อแถว และจำนวนแถวต่อหน้า (หากคุณเลือกรูปแบบกริด) จากรายการ

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

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

  8. ทำเครื่องหมายที่เปิดใช้การจัดเรียง เพื่อแสดงเมนูการจัดเรียง

  9. ทำเครื่องหมายที่เปิดใช้การกรองแท็ก เพื่อให้ลูกค้าสามารถกรองคอลเลกชันตามแท็กสินค้าได้

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

หน้ารายการคอลเลกชัน

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

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

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

วิธีตั้งค่าเลย์เอาต์ของหน้ารายการคอลเลกชัน:

  1. นำทางไปยังหน้ารายการคอลเลกชันของคุณโดยคลิกที่รายการเมนูคอลเลกชันระดับบนสุด

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

  3. คลิกที่หน้ารายการคอลเลกชัน

  4. ดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

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

    1. เลือกตัวเลือกการจัดเรียงจากรายการจัดเรียงคอลเลกชันตาม
    2. เลือกจำนวนคอลเลกชันต่อแถวจากรายการคอลเลกชันต่อแถว
  6. คลิกที่บันทึก

หน้าบล็อก

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

  1. ไปยังหน้าบล็อกของคุณในพื้นที่แสดงตัวอย่างของเครื่องมือแก้ไขธีม

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

  3. คลิก หน้าบล็อก

  4. จากรายการเลย์เอาต์ ให้เลือกว่าจะแสดงโพสต์บล็อกในรูปแบบรายการหรือกริด

  5. ทำเครื่องหมายที่แสดงผู้เขียนเพื่อแสดงชื่อของผู้เขียน

  6. ทำเครื่องหมายที่แสดงวันที่เพื่อแสดงวันที่ที่เผยแพร่โพสต์บล็อกนั้น

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

หน้าตะกร้า

ในส่วนหน้าตะกร้าสินค้า คุณสามารถเปิดใช้การตั้งค่าได้ดังต่อไปนี้:

  • หมายเหตุสำหรับตะกร้าสินค้า
  • การอัปเดตตะกร้าสินค้าอัตโนมัติ

เพิ่มหมายเหตุสำหรับตะกร้าสินค้า

คุณสามารถให้ลูกค้าเพิ่มหมายเหตุไปยังคำสั่งซื้อของพวกเขาได้ในหน้าตะกร้าสินค้า

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

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

  3. คลิกที่หน้าตะกร้าสินค้า

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

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

เปิดใช้การอัปเดตตะกร้าสินค้าอัตโนมัติ

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

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

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

  3. คลิกที่หน้าตะกร้าสินค้า

  4. ทำเครื่องหมายเปิดใช้การอัปเดตตะกร้าสินค้าอัตโนมัติ

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

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

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

ด้วย Debut คุณสามารถเพิ่มปุ่ม "ดูทั้งหมด" เพื่อให้ลูกค้าสามารถมองเห็นคอลเลกชันทั้งหมดได้ และคุณสามารถแสดงชื่อผู้ขายใต้รูปภาพสินค้าแต่ละรูปได้

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

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

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

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

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

  5. จากรายการสินค้าต่อแถว ให้เลือกจำนวนสินค้าที่ต้องการแสดงในแต่ละแถว

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

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

  8. หากคุณต้องการให้ลูกค้าเห็นสินค้าในคอลเลชันทุกรายการ ให้ทำเครื่องหมายที่แสดงปุ่ม "ดูทั้งหมด"

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

รูปภาพพร้อมข้อความ

ด้วย Debut คุณสามารถเพิ่มรูปภาพพร้อมแสดงข้อความที่ด้านซ้ายหรือขวาของรูปได้ นอกจากนี้คุณยังสามารถเพิ่มปุ่มที่เชื่อมโยงไปยังหน้าในร้านค้าของคุณได้เช่นกัน:

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

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

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

  2. คลิกที่ส่วนรูปภาพพร้อมข้อความ

  3. ในพื้นที่ของ รูปภาพ ให้คลิกที่ เลือกรูปภาพ แล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

- To select an image you have already uploaded to your Shopify admin, click the **Library** tab.
- To select a stock image from [Shopify's Burst stock image collection](https://burst.shopify.com/), click the **Free images** tab. From here you can enter a search term, or browse the image categories.
- To select an image from your local computer, click the **Library** tab, and then click the plus button.
  1. จากรายการเลย์เอาต์ ให้เลือกว่าคุณต้องการให้รูปภาพปรากฏที่ด้านขวาหรือซ้ายของข้อความ

  2. ป้อนชื่อใหม่สำหรับส่วนนี้ในช่องหัวเรื่อง

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

  4. ในช่องข้อความกำกับปุ่ม ให้ป้อนข้อความที่คุณต้องการให้แสดงบนปุ่ม

  5. ในช่องลิงก์ปุ่ม เลือกหน้าในร้านค้าของคุณที่ต้องการให้เชื่อมต่อกับปุ่ม

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

การวางซ้อนรูปภาพพร้อมข้อความ

คุณสามารถเพิ่มรูปภาพขนาดใหญ่พร้อมข้อความซ้อนทับแบบกำหนดเองได้บนหน้าแรกของคุณ

ส่วนรูปภาพพร้อมข้อความประกอบด้วยการตั้งค่าต่อไปนี้:

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

เพิ่มรูปภาพพร้อมข้อความลงในหน้าแรกของคุณ

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

  2. คลิกที่เพิ่มส่วน > รูปภาพพร้อมข้อความ > เพิ่ม

  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนรูปภาพที่มีการวางซ้อนของข้อความของคุณ

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

จดหมายข่าว

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

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

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

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

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

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

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

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

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

วิดีโอ

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

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

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

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

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

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

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

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

สไลด์โชว์

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

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

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

วิธีสร้างสไลด์โชว์:

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

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

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

  4. กำหนดความสูงของสไลด์ของคุณจากเมนูดรอปดาวน์ความสูงของสไลด์

    ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีการที่ความสูงของสไลด์มีผลต่อสไลด์โชว์ของคุณ

  5. กำหนดขนาดของส่วนหัวและหัวเรื่องย่อยของคุณได้จากเมนูดรอปดาวน์ขนาดข้อความ

  6. กำหนดตำแหน่งของข้อความในสไลด์ของคุณได้จากเมนูดรอปดาวน์การจัดวางข้อความ

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

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

  9. หากต้องการเพิ่มสไลด์รูปภาพ ให้ทำตามวิธีการต่อไปนี้:

    1. ในพื้นที่ของเนื้อหา ให้คลิกที่เพิ่มสไลด์รูปภาพ
    2. ด้านล่างรูปภาพ ให้คลิกที่เลือกรูปภาพ หากต้องการอัปโหลดรูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกที่อัปโหลด หากต้องการใช้สต็อกรูปภาพฟรีจาก Burst ให้คลิกที่รูปภาพฟรี
    3. หากต้องการเลือกวิธีที่คุณต้องการจัดเรียงรูปภาพในสไลด์โชว์นั้น ให้เลือกตำแหน่งจากเมนูดรอปดาวน์ตำแหน่งรูปภาพ คุณสามารถดูข้อมูลเพิ่มเติมเกี่ยวกับตำแหน่งรูปภาพได้ในแนวทางด้านล่าง
    4. หากต้องการเพิ่มข้อความลงในสไลด์รูปภาพ ให้ป้อนข้อความในช่องส่วนหัว ช่องหัวเรื่องย่อย หรือทั้งสองช่อง
    5. เพิ่มปุ่มลงในสไลด์รูปภาพของคุณได้โดยป้อนข้อความในช่องป้ายกำกับปุ่มข้อความ เลือกส่วนหนึ่งของร้านค้าออนไลน์ของคุณที่ต้องการให้ปุ่มลิงก์นำไปได้ในช่องลิงก์ปุ่ม
  10. คลิกที่บันทึก

แนวทางสไลด์โชว์

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

  • ขนาดของรูปภาพของคุณ
  • การตั้งค่าตำแหน่งรูปภาพของคุณ
  • การตั้งค่าความสูงของสไลด์ของคุณ
  • อัตราส่วนความกว้างต่อความสูงของรูปภาพของคุณ

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

ข้อเสนอแนะเรื่องขนาดของรูปภาพ

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

ข้อเสนอแนะเรื่องขนาดของรูปภาพโดยการตั้งค่า
การตั้งค่าความสูงของสไลด์ ความกว้างที่แนะนำ ความสูงที่แนะนำ
ปรับให้เข้ากับรูปภาพแรก 1200 พิกเซล 600 พิกเซล
เล็ก 1200 พิกเซล 475 พิกเซล
ปานกลาง 1200 พิกเซล 489 พิกเซล
ใหญ่ 1200 พิกเซล 775 พิกเซล

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

การครอบตัดรูปภาพ

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

ควบคุมวิธีการครอบตัดรูปภาพของคุณ

คุณอาจพบการครอบตัดรูปภาพบนหน้าจอบางขนาดเนื่องด้วยปัจจัยต่อไปนี้:

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

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

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

ตัวอย่างสไลด์ที่ครอบตัดแล้วแตกต่างกันไปตามการตั้งค่าตำแหน่งรูปภาพ

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

หลีกเลี่ยงการครอบตัดรูปภาพ

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

  • กำหนดความสูงของสไลด์ของคุณเป็นปรับให้เข้ากับรูปภาพแรก
  • ใช้รูปภาพที่ความกว้างมีระยะเป็นสองเท่าของความสูง รูปภาพดังกล่าวมีอัตราส่วนความกว้างต่อความสูง 2:1 ขนาดที่แนะนำคือ 1200 x 600 พิกเซล
  • ตรวจสอบให้แน่ใจว่าสไลด์ทั้งหมดของคุณมีอัตราส่วนความกว้างต่อความสูงที่เท่ากัน อัตราส่วนของสไลด์ของคุณสำคัญกว่าขนาดในหน่วยพิกเซล

ในตัวอย่างต่อไปนี้ คุณจะพบรูปภาพสไลด์โชว์ที่มีอัตราส่วน 2:1 ที่ปรากฏบนเดสก์ท็อปและอุปกรณ์มือถือ:

สไลด์จะปรากฏบนเดสก์ท็อปและอุปกรณ์มือถือโดยไม่มีการครอบตัด

ความสูงของสไลด์

ความกว้างของส่วนสไลด์โชว์เป็น 100% ของหน้าต่างเบราว์เซอร์เสมอ ความสูงของสไลด์ของคุณสัมพันธ์กับความกว้าง เนื่องจากความแตกต่างของขนาดหน้าจอ ความกว้างและความสูงของสไลด์ของคุณจะแตกต่างกันไปตามอุปกรณ์ต่างๆ ความสูงของสไลด์ของคุณยังขึ้นอยู่กับการตั้งค่าความสูงของสไลด์ของคุณด้วย

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

ในตัวอย่างต่อไปนี้ ระบบจะวางตำแหน่งสไลด์ที่สั้นที่สุดก่อน:

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

ในตัวอย่างถัดไป ระบบจะวางตำแหน่งสไลด์ที่สูงขึ้นก่อน:

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

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

อัตราส่วนรูปภาพ

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

หากคุณไม่กังวลเกี่ยวกับการครอบตัดบนหน้าจอเดสก์ท็อปและต้องการสร้างผลลัพธ์ที่ดีบนอุปกรณ์มือถือ ให้ใช้รูปภาพรูปสี่เหลี่ยมจัตุรัส หรือรูปภาพที่มีความสูงมากกว่าความกว้าง สไลด์ตัวอย่างต่อไปนี้แสดงรูปภาพสี่เหลี่ยมจัตุรัส ซึ่งมีอัตราส่วนความกว้างต่อความสูง 1:1

สไลด์รูปสี่เหลี่ยมจัตุรัสจะปรากฏบนเดสก์ท็อปและอุปกรณ์มือถือ ระบบจะครอบตัดรูปภาพบนอุปกรณ์เดสก์ท็อป แต่จะไม่ครอบตัดบนอุปกรณ์มือถือ

สไลด์ตัวอย่างถัดไปแสดงรูปภาพแนวตั้งที่มีอัตราส่วนความกว้างต่อความสูง 2:3

สไลด์ที่สูงจะปรากฏขึ้นบนเดสก์ท็อปและอุปกรณ์มือถือ จะครอบตัดรูปภาพบนอุปกรณ์เดสก์ท็อป แต่จะไม่ครอบตัดบนอุปกรณ์มือถือ

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

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