ส่วนสำหรับ Narrative

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

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

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

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

ส่วนคงที่

Narrative ประกอบด้วยส่วนคงที่เหล่านี้:

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

ส่วนไดนามิก

Narrative ประกอบด้วยส่วนไดนามิกเหล่านี้:

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

ส่วนหัว

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

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

ปรับแต่งส่วนหัว

  1. คลิกส่วน "ส่วนหัว"

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

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

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

  1. คลิกที่ส่วนหัว 5. ในพื้นที่ประกาศ ให้ทำเครื่องหมายที่แสดงประกาศ 6. ป้อนข้อความสำหรับประกาศของคุณ 7. ไม่บังคับ: ป้อน URL เพื่อเพิ่มลิงก์ไปยังประกาศของคุณ 8. ไม่บังคับ: จากเมนูไอคอน ให้เลือกไอคอนที่จะแสดงในแถบประกาศ โดยไอคอนจะใช้สีเดียวกับข้อความประกาศของคุณ 9. หากต้องการเปลี่ยนสีของพื้นหลังแถบประกาศ ให้คลิกตัวอย่างสีของแถบ แล้วเลือกสี 10. หากต้องการเปลี่ยนสีของข้อความประกาศให้คลิกตัวอย่างสีของข้อความ แล้วเลือกสี 11. คลิกที่บันทึก

สไลด์โชว์

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

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

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

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

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

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

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

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

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

ส่วนท้าย

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

ปรับแต่งส่วนท้าย

  1. คลิกที่ "ส่วนท้าย" 2. เพิ่มไอคอนโซเชียลมีเดียในส่วนท้ายของคุณโดยทำเครื่องหมายที่ "แสดงไอคอนโซเชียลมีเดีย" คุณสามารถเชื่อมโยงไอคอนเข้ากับบัญชีผู้ใช้โซเชียลมีเดียของคุณได้จากการตั้งค่าโซเชียลมีเดีย 3. เพิ่มไอคอนการชำระเงิน เช่น Mastercard หรือ PayPal ไปยังส่วนท้ายโดยทำเครื่องหมายที่ "แสดงไอคอนการชำระเงิน" บริเวณนี้จะแสดงไอคอนที่เชื่อมโยงกับผู้ให้บริการการชำระเงินที่คุณได้เปิดใช้ในส่วนการตั้งค่าการชำระเงินของผู้ดูแลของคุณ 4. หากต้องการเพิ่มการสมัครรับจดหมายข่าวลงไปที่ส่วนท้ายของคุณ ให้ทำตามวิธีการต่อไปนี้:
1. Check **Show newsletter signup**.

2. Enter a heading for your newsletter signup in the **Heading** field. The default heading is "Sign up for updates".

3. Enter a subheading for your newsletter signup in the **Subheading** field. The default subheading is "Promotions, new products and sales. Directly to your inbox.".
  1. วิธีเพิ่มเมนูไปยังส่วนท้าย ให้ทำตามขั้นตอนต่อไปนี้:

    1. ใต้เนื้อหา ให้คลิกเพิ่มเมนู
    2. วิธีแก้ไขเมนูเริ่มต้น ให้คลิกแก้ไขเมนู วิธีเปลี่ยนไปใช้เมนูอื่น ให้คลิกเปลี่ยน จากนั้นเลือกเมนูที่มีอยู่หรือคลิกสร้างเมนู
  2. คลิกที่บันทึก

หน้าสินค้า

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

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

สื่อ

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

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

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

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

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

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

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

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

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

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

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

คอลเลกชัน

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

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

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

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

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

หน้าตะกร้า

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

เปิดใช้หมายเหตุของคำสั่งซื้อ

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

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

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

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

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

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

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

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

แกลเลอรี

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

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

เนื้อหา

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

การตั้งค่า

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

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

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

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

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

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

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

การตั้งค่า

  • ความสูงของส่วน - เลือกวิธีที่คุณต้องการให้ส่วนนี้
  • สีพื้นหลัง - กำหนดสีพื้นหลังสำหรับส่วน

รูปภาพ

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

ข้อความ

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

การจัดวางรูปภาพ

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

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

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

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

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

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

การตั้งค่า

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

ข้อความ

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

การวางซ้อน

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

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

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

จดหมายข่าว

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

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

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

แผนที่

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

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

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

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

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

วิดีโอ

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

หากต้องการเพิ่มวิดีโอ คุณจะต้องค้นหาลิงก์การแชร์ของวิดีโอนั้น:

  • YouTube - ลิงก์การแชร์ของ Youtube มีลักษณะดังนี้: https://youtu.be/Oc5v_ToKP7c คุณสามารถดูวิธีการคัดลอกลิงก์การแชร์วิดีโอของ YouTube ได้ในบทความช่วยเหลือนี้ของ YouTube
  • Vimeo - ลิงก์การแชร์ของ Vimeo มีลักษณะดังนี้: https://vimeo.com/123456789. คุณสามารถดูวิธีการคัดลอกลิงก์การแชร์วิดีโอของ Vimeo ได้ในบทความนี้ของ Vimeo Help Center

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

การตั้งค่า

  • หัวเรื่อง - เพิ่มข้อความที่ปรากฏเหนือปุ่มเล่น
  • ลิงก์วิดีโอ - เพิ่มลิงก์การแชร์สำหรับวิดีโอของคุณ

หน้าปก

  • รูปภาพ - เพิ่มรูปภาพที่ปรากฏในส่วนวิดีโอเมื่อไม่มีการเล่นวิดีโอ
  • ตำแหน่งรูปภาพ - เลือกการจัดวางรูปภาพในส่วนวิดีโอ

การวางซ้อน

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

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

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

สไลด์โชว์แนะนำ

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

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

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

คุณสามารถเพิ่มสไลด์ได้สูงสุด 5 รายการในสไลด์โชว์แนะนำ

ปรับแต่งสไลด์โชว์แนะนำ

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

เพิ่มสไลด์รูปภาพ

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

  6. ในช่องหัวเรื่อง ให้พิมพ์ข้อความที่คุณต้องการให้แสดงบนสไลด์ดังกล่าว

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

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

ปรับแต่งการตั้งค่าสไลด์แนะนำ

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

  6. จากรายการส่วนหัว ให้พิมพ์ข้อความที่คุณต้องการให้แสดงบนรูปภาพหน้าปก

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

  8. ในบริเวณการวางซ้อน ให้ทำเครื่องหมายที่แสดงการวางซ้อน

  9. คลิกตัวอย่างสีการวางซ้อน เพื่อเลือกสีสำหรับการวางซ้อนรูปภาพ

  10. คลิกตัวอย่างสีข้อความ เพื่อเลือกสีสำหรับข้อความ

<aside class="note note-information">
<h4>เคล็ดลับ</h4>
<p>If the background image is dark, picking a light text color makes the text easier to read.</p>
</aside>
  1. จากรายการความทึบ ให้เลือกระดับความโปร่งใสของการวางซ้อนรูปภาพ

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

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

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