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

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

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

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

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

ส่วนคงที่

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

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

ส่วนไดนามิก

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

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

ส่วนหัว

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

เพิ่มโลโก้แบบกำหนดเอง

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

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

- ความกว้างของโลโก้แบบปรับแต่งได้: ความกว้างของโลโก้ -การจัดวางโลโก้: การจัดวางโลโก้ในส่วนหัว เลือก "ซ้าย" หรือ "ตรงกลาง""

เพิ่มและกําหนดค่าโลโก้ของคุณ

  1. คลิก "ส่วนหัว" 2. ในพื้นที่ของรูปภาพโลโก้ ให้คลิก "เลือกรูปภาพ" จากนั้นเลือกอย่างใดอย่างหนึ่งต่อไปนี้ : * หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วไปยัง Shopify admin ให้คลิกที่แท็บ "ไลบรารี" * หากต้องการเลือกรูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกที่ "ไลบรารี" > "อัปโหลด" 3. ใช้การตั้งค่าเพื่อปรับแต่งขนาดและการจัดวางโลโก้ของคุณ 4. คลิกที่บันทึก

เพิ่มแถบประกาศ

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

  1. คลิกที่ หัวเรื่อง
  2. ในพื้นที่แถบประกาศ ให้ทำเครื่องหมายที่ "แสดงประกาศ" เลือก "หน้าแรกเท่านั้น" เพื่อแสดงข้อความประกาศในหน้าแรกเท่านั้น
  3. ป้อนข้อความสำหรับประกาศของคุณ
  4. ไม่บังคับ: ป้อน URL เพื่อเพิ่มลิงก์ไปยังประกาศของคุณ
  5. หากต้องการเปลี่ยนสีของพื้นหลังแถบประกาศ ให้คลิกที่ตัวอย่างสีของ แถบ แล้วเลือกสีที่ต้องการ
  6. หากต้องการเปลี่ยนสีของข้อความประกาศ ให้คลิกที่ตัวอย่างสีของ ข้อความ แล้วเลือกสีที่ต้องการ
  7. คลิกที่บันทึก

เพิ่มเมนู

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

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

  2. หากต้องการเลือกเมนู ให้คลิกที่ เปลี่ยนแปลง เลือกเมนูจากรายการหรือคลิกที่ สร้างเมนู เพื่อสร้างใหม่

  3. หากต้องการแก้ไขเมนู ให้คลิกที่ แก้ไขเมนู

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

ส่วนท้าย

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

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

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

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

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

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

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

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

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

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

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

หน้าสินค้า

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

คุณสามารถปรับแต่งส่วนนี้ได้โดยใช้ตัวเลือกต่อไปนี้:

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

สื่อ

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

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

  1. เลือกหน้าสินค้า
  2. คลิกที่ส่วนหน้าสินค้า
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนหน้าสินค้าของคุณ
  4. คลิกที่บันทึก

แสดงความพร้อมในการรับสินค้า

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

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

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

หากต้องการเลือก "สินค้านี้เป็นสินค้าจับต้องได้" ที่ตัวเลือกสินค้า ให้ทำดังนี้

  1. จากส่วน Shopify admin ให้ไปที่สินค้า > สินค้าทั้งหมด

  2. เลือกสินค้า

  3. ใต้ตัวเลือกสินค้า ให้เลือกตัวเลือกสินค้า

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

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

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

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

หากไม่สามารถระบุที่ตั้งของลูกค้าจาก IP ของลูกค้าได้ ส่วนความพร้อมในการรับสินค้าจะแสดงตำแหน่งที่ตั้งและความพร้อมในการรับสินค้าตามลำดับตัวอักษร โดยจะจัดเรียงตามชื่อเมืองก่อนและตามด้วยชื่อของตำแหน่งที่ตั้ง ยกตัวอย่างเช่น หากคุณมีตำแหน่งที่ตั้งสำหรับการรับสินค้าจำนวนสามแห่ง ได้แก่ "Queen Street" ใน Toronto, "Front Street" ใน Toronto, และ "Alberni Street" ใน Vancouver ส่วนความพร้อมในการรับสินค้าจะแสดงรายละเอียดสำหรับ "Front Street" ใน Toronto

คำแนะนำสินค้า

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

เปิดใช้การแนะนำสินค้า

  1. เลือก "หน้าสินค้า"

  2. คลิกที่ส่วนคำแนะนำสินค้า

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

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

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

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

ส่วนหน้าคอลเลกชันเป็นส่วนหลักที่คุณสามารถปรับแต่งหน้าคอลเลกชันได้

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

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

แก้ไขการตั้งค่าหน้าคอลเลกชัน

  1. เลือกหน้าคอลเลกชัน
  2. คลิกที่ส่วนหน้าคอลเลกชัน
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนหน้าคอลเลกชันของคุณ
  4. คลิกที่บันทึก

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

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

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

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

ปรับแต่งส่วนหน้ารายการคอลเลกชันของคุณ

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

หน้าบล็อก

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

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

  • เลย์เอาต์ - เลือกรายการหรือกริด
  • แสดงผู้เขียน - แสดงชื่อผู้เขียนด้านล่างชื่อของบล็อกโพสต์
  • แสดงวันที่ - แสดงวันที่เผยแพร่ด้านล่างชื่อของบล็อกโพสต์

ปรับแต่งส่วนหน้าบล็อกของคุณ

  1. เลือกบล็อก
  2. คลิกที่ส่วนหน้าบล็อก
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนโพสต์ของคุณ
  4. คลิกที่บันทึก

โพสต์

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

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

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

  1. เลือกบล็อกโพสต์
  2. คลิกส่วนโพสต์
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนโพสต์ของคุณ
  4. คลิกที่บันทึก

หน้าตะกร้า

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

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

ปรับแต่งส่วนหน้าตะกร้าสินค้าของคุณ

  1. เลือก ตะกร้าสินค้า
  2. คลิกที่ส่วน หน้าตะกร้าสินค้า
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนหน้าตะกร้าสินค้าของคุณ
  4. คลิกที่บันทึก

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

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

ส่วนคอลเลกชันแนะนำจะประกอบด้วยการตั้งค่าต่อไปนี้:

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

เพิ่มคอลเลกชันแนะนำลงในหน้าแรกของคุณ

  1. คลิกเพิ่มส่วน
  2. คลิกที่ "คอลเลกชันแนะนำ" จากนั้นคลิกที่ "เลือก"
  3. คลิกที่ "เลือกคอลเลกชัน" จากนั้นเลือกคอลเลกชันจากรายการคอลเลกชัน ระบบจะแสดงสินค้าสูงสุด 50 รายการจากคอลเลกชันที่คุณเลือก
  4. ใช้การตั้งค่าเพื่อปรับแต่งส่วนคอลเลกชันแนะนำของคุณ
  5. คลิกที่บันทึก

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

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

คุณอาจใช้ส่วนรูปภาพพร้อมข้อความเพื่อโฆษณาสินค้าหรือคอลเลกชันที่เฉพาะเจาะจง

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

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

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

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

  6. ใช้การตั้งค่าเพื่อปรับแต่งส่วนนั้น

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

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

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

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

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

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

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

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

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

สินค้าที่แนะนำ

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

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

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

สื่อ

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

เพิ่มส่วนสินค้าแนะนำ

<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><li>ถัดจาก <strong>Debut</strong> ให้คลิกที่ <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><li>ถัดจาก<strong>Debut</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><li>ถัดจาก<strong>Debut</strong> ให้แตะ<strong>ปรับแต่ง</strong>
</li><li>แตะที่<strong>แก้ไข</strong>
</li></ol></div>
</div>
  1. คลิกเพิ่มส่วน
  2. คลิกที่ "สินค้าแนะนำ" จากนั้นคลิกที่ "เลือก"
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนสินค้าแนะนำของคุณ
  4. คลิกที่บันทึก

จดหมายข่าว

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

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

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

  2. คลิก "จดหมายข่าว" จากนั้นคลิก "เลือก"

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

  4. ป้อนย่อยสำหรับการสมัครรับจดหมายข่าวของคุณ

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

แผนที่

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

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

  • ส่วนหัว - เพิ่มส่วนหัวลงในส่วนแผนที่ของคุณ
  • ที่อยู่และเวลาทำการ - เพิ่มที่อยู่และเวลาทำการของร้านค้าของคุณลงในส่วนแผนที่
  • ที่อยู่แผนที่ - กำหนดให้แผนที่แสดงตำแหน่งที่ตั้งร้านค้าของคุณ
  • ป้ายกำกับลิงก์แผนที่ - เพิ่มปุ่มที่ลิงก์ไปยังตำแหน่งที่ตั้งของคุณใน Google Maps
  • แสดงหมุด - เพิ่มหมุดที่แสดงตำแหน่งที่ตั้งเฉพาะของร้านค้าของคุณในแผนที่
  • คีย์ Google Maps API - เพิ่มคีย์ API ของแผนที่ของคุณไปยังส่วนแผนที่
  • รูปภาพ - เพิ่มรูปภาพที่จะปรากฏขึ้นหากแผนที่ไม่โหลด
  • ตำแหน่งรูปภาพ - กำหนดตำแหน่งการจัดวางของรูปภาพ

เพิ่มแผนที่ไปยังหน้าแรกของคุณ

  1. คลิกเพิ่มส่วน
  2. คลิกที่ "แผนที่" จากนั้นคลิกที่ "เลือก"
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนแผนที่ของคุณ
  4. คลิกที่บันทึก

Rich Text

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

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

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

เพิ่ม Rich Text ลงในหน้าแรกของคุณ

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

  2. คลิกRich text จากนั้นคลิกเลือก

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

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

วิดีโอ

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

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

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

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

  1. คลิกเพิ่มส่วน
  2. คลิกที่ "วิดีโอ" จากนั้นคลิก "เลือก"
  3. ใช้การตั้งค่าเพื่อปรับแต่งส่วนวิดีโอของคุณ
  4. คลิกที่บันทึก

สไลด์โชว์

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

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

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

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

  • ขนาดข้อความ - กำหนดขนาดของหัวเรื่องบนสไลด์โชว์

  • การจัดวางข้อความ - เลือกตำแหน่งของข้อความบนสไลด์ของคุณ

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

  • หมุนสไลด์อัตโนมัติ - ตั้งค่าให้สไลด์โชว์เล่นอัตโนมัติ

  • เปลี่ยนสไลด์ทุก - เลือกความถี่ในการเปลี่ยนสไลด์

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

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

  1. คลิกเพิ่มส่วน
  2. คลิกที่ "สไลด์โชว์" จากนั้นคลิกที่ "เลือก"
  3. หากต้องการเพิ่มสไลด์รูปภาพ ให้ทำตามวิธีการต่อไปนี้:

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

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

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

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

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

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

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

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

ข้อเสนอแนะเรื่องขนาดของรูปภาพโดยการตั้งค่า
การตั้งค่าความสูงของสไลด์ ความกว้างที่แนะนำ ความสูงที่แนะนำ
ปรับให้เข้ากับรูปภาพแรก 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 แล้วหรือยัง

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