Narrative

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

ตัวอย่างร้านค้าออนไลน์ที่ใช้ Narrative

Narrative เป็นธีมที่เหมาะกับคุณ หากต้องการ:

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

เครื่องมือแก้ไขธีม

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

แถบเครื่องมือแก้ไขธีมที่แสดงส่วนและการตั้งค่าธีม

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

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

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

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

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

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

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

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

  • ส่วนหัว

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

ส่วนไดนามิก

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

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

  • โพสต์บล็อก

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

ส่วนหัว

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

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

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

  1. คลิกแท็บส่วน

  2. คลิกส่วนส่วนหัว

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

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

  1. ในช่องส่วนสูงโลโก้แบบกำหนดเอง (เป็นพิกเซล) ให้กรอกความสูงโลโก้ของคุณเป็นพิกเซล

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

  3. หากคุณต้องการให้ส่วนหัวร้านค้าของคุณโปร่งใส ให้ทำตามขั้นตอนต่อไปนี้:

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

  5. จากรายการการนำทางรอง ให้เลือกเมนูรอง:

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

สไลด์โชว์

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

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

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

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

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

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

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

  1. หา Narrative จากนั้นคลิกปรับแต่ง

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

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

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

ส่วนท้าย

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

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

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

  1. หา Narrative จากนั้นคลิกปรับแต่ง

  2. คลิกส่วน

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

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

  5. เพิ่มไอคอนการชำระเงิน เช่น Mastercard หรือ PayPal ไปยังส่วนท้ายโดยทำเครื่องหมายที่แสดงไอคอนการชำระเงิน

  6. วิธีเพิ่มการสมัครรับจดหมายข่าวไปยังส่วนท้าย ให้ทำตามขั้นตอนต่อไปนี้:

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

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

หน้าสินค้า

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

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

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

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

  2. คลิกส่วน

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

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

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

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

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

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

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

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

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

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

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

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

  2. คลิกแท็บส่วน

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

  4. เลือกจำนวนสินค้าต่อแถว และจำนวนแถวต่อหน้าจากรายการ

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

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

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

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

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

หน้าตะกร้า

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

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

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

วิธีเพิ่มช่องหมายเหตุไปยังหน้าตะกร้าสินค้า:

  1. หา Narrative จากนั้นคลิกปรับแต่ง

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

  3. คลิกส่วน

  4. คลิกหน้าตะกร้าสินค้า

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

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

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

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

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

วิธีเพิ่มคอลเลกชันแนะนำ:

  1. คลิกแท็บส่วน

  2. คลิกคอลเลกชันแนะนำ

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

  4. ทำเครื่องหมายที่เปิดใช้การวางตำแหน่งรูปภาพ เพื่อเพิ่มพื้นที่ระหว่างรูปภาพ

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

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

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

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

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

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

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

แกลเลอรี

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

ส่วนแกลเลอรีที่มีรูปแมวสามตัวอยู่เคียงกัน

  1. คลิกแท็บส่วน

  2. คลิกแกลเลอรี

  3. ในพื้นที่ของเนื้อหา ให้คลิกที่รูปภาพ

  4. วิธีเพิ่มรูปภาพ ในบริเวณรูปภาพ ให้คลิกเลือกรูปภาพ แล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

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

  1. เลือกวิธีการจัดวางรูปภาพของคุณจากรายการการจัดวางรูปภาพ เช่น การเลือกตำแหน่ง "ซ้ายบน" จะวางตำแหน่งรูปภาพที่ด้านซ้ายบนของพื้นที่ของส่วนนี้

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

  3. ในบริเวณข้อความ ให้ใส่ข้อความที่คุณต้องการให้ปรากฏบนรูปภาพแต่ละรูปในช่องคำบรรยาย

  4. หากต้องการเชื่อมโยงข้อความคำบรรยายเข้ากับหน้า ให้เลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้::

    1. หากต้องการเชื่อมโยงข้อความเข้ากับหน้าในร้านค้าของคุณ ให้คลิกในช่องลิงก์ แล้วเลือกหน้าในร้านค้าของคุณ
    2. หากต้องการเชื่อมโยงข้อความเข้ากับเว็บไซต์ ให้ใส่ URL ของเว็บไซต์ในช่องลิงก์
  5. คลิกบันทึก

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

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

คุณสามารถครอบตัดรูปภาพของคุณเป็นวงกลม:

หรือเป็นสี่เหลี่ยมจัตุรัสได้:

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

  1. คลิกแท็บส่วน

  2. คลิกรูปภาพพร้อมข้อความ

  3. จากรายการการเว้นระยะห่างส่วน ให้เลือกระยะห่างที่ต้องการในส่วนนี้ ได้แก่ น้อย ปานกลาง มาก หรือมากพิเศษ

  4. หากคุณต้องการเพิ่มสีพื้นหลัง ให้คลิกที่ตัวอย่างสีพื้นหลัง แล้วเลือกสีจากแถบสี

  5. วิธีเพิ่มรูปภาพ ในบริเวณรูปภาพ ให้คลิกเลือกรูปภาพ แล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

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

  1. หากต้องการครอบตัดรูปภาพเป็นรูปทรงต่างๆ ให้เลือกวงกลมหรือสี่เหลี่ยมจตุรัสจากรายการครอบตัดรูปภาพ

  2. หากไม่ต้องการครอบตัดรูปภาพเป็นรูปทรง ให้ดำเนินการตามขั้นตอนต่อไปนี้:

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

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

วิธีปรับแต่งเลย์เอาต์:

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

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

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

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

วิธีปรับแต่งส่วนรูปภาพที่มีการวางซ้อนข้อความ:

  1. คลิกแท็บส่วน

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

  3. จากรายการการเว้นระยะห่างส่วน ให้เลือกระยะห่างที่ต้องการในส่วนนี้ ได้แก่ น้อย ปานกลาง มาก หรือมากพิเศษ

วิธีเพิ่มรูปภาพพื้นหลัง:

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

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

  1. เลือกวิธีการจัดวางรูปภาพของคุณจากรายการการจัดวางรูปภาพ เช่น การเลือกตำแหน่ง "ซ้ายบน" จะวางตำแหน่งรูปภาพที่ด้านซ้ายบนของพื้นที่ของส่วนนี้

วิธีเพิ่มข้อความ:

  1. ในบริเวณข้อความ ให้ใส่ชื่อสำหรับส่วนนี้ในช่องหัวเรื่อง

  2. ในช่องข้อความ ให้ใส่ข้อความที่ต้องการให้ปรากฏในส่วนนี้

  3. จากรายการขนาดข้อความ ให้เลือกขนาดสำหรับข้อความ ได้แก่ กลางหรือใหญ่

วิธีเพิ่มปุ่ม:

  1. หากต้องการแสดงปุ่มแบบโปร่งใสและมีกรอบทึบ ให้ทำเครื่องหมายที่ใช้สไตล์ปุ่มรอง

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

  3. ในช่องลิงก์ปุ่ม ให้วางลิงก์ไปยัง URL หรือคลิกที่ช่องเพื่อเลือกหน้าจากร้านค้าของคุณ

วิธีใช้การวางซ้อน:

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

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

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

เคล็ดลับ หากรูปภาพพื้นหลังมีสีเข้ม ให้เลือกใช้ข้อความสีอ่อนเพื่อให้อ่านได้ง่ายขึ้น

  1. จากรายการความทึบ ให้เลือกระดับความโปร่งใสของการวางซ้อนรูปภาพ

จดหมายข่าว

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

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

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

  1. หา Narrative จากนั้นคลิกปรับแต่ง

  2. คลิกส่วน

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

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

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

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

  7. กำหนดสีข้อความสำหรับช่องการสมัครรับจดหมายข่าวได้โดยคลิกที่ตัวอย่างสีข้อความ แล้วเลือกสีตามต้องการ

  8. กำหนดสีพื้นหลังสำหรับส่วนการสมัครรับจดหมายข่าวได้โดยคลิกที่ตัวอย่างสีพื้นหลัง แล้วเลือกสีตามต้องการ

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

แผนที่

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

วิธีเพิ่มแผนที่:

  1. คลิกแท็บส่วน จากนั้นเลือกเพิ่มส่วน

  2. คลิกแผนที่

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

  4. ในช่องข้อความที่อยู่และเวลาทำการ ให้ใส่ข้อมูลธุรกิจของบริษัทคุณ

  5. ในช่องที่อยู่แผนที่ ให้ใส่ที่อยู่ของธุรกิจคุณ

  6. ในช่องคีย์ API ของ Google Maps ให้ใส่คีย์ API ที่ถูกต้อง

  7. ในช่องรูปภาพ ให้อัปโหลดหรือเลือกรูปภาพที่ต้องการให้แสดงหากมีปัญหาในการโหลดส่วนแผนที่เกิดขึ้น

วิดีโอ

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

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

  1. หา Narrative จากนั้นคลิกปรับแต่ง

  2. คลิกส่วน

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

  4. ป้อนหัวเรื่องสำหรับวิดีโอของคุณในช่องหัวเรื่อง ข้อความหัวเรื่องจะแสดงบนวิดีโอของคุณจนกว่าจะคลิกปุ่มเล่น

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

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

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

  6. ไม่บังคับ: เพิ่มรูปภาพหน้าปกให้วิดีโอของคุณ:

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

1. ทำเครื่องหมายที่แสดงการวางซ้อน 2. กำหนดสีของการวางซ้อนโดยคลิกที่ตัวอย่างสีการวางซ้อนและเลือกสี 3. กำหนดสีข้อความโดยคลิกที่ตัวอย่างข้อความ แล้วเลือกสีตามต้องการ 4. กำหนดค่าความทึบของการวางซ้อนโดยเลือกปริมาณเปอร์เซ็นต์จากแถบเลื่อนความทึบ

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

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

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

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

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

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

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

  1. คลิกแท็บส่วน

  2. คลิกสไลด์โชว์แนะนำ

วิธีเพิ่มสไลด์รูปภาพ:

  1. ในบริเวณเนื้อหา ให้คลิกสไลด์

  2. คลิกตัวอย่างสีพื้นหลัง เพื่อเลือกสีพื้นหลังจากแถบสี

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

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

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

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

  3. ในช่องลิงก์ปุ่ม ให้วางลิงก์ไปยัง URL หรือคลิกที่ช่องเพื่อเลือกหน้าจากร้านค้าของคุณ

วิธีปรับแต่งการตั้งค่าสไลด์โชว์แนะนำ:

  1. หากต้องการแสดงปุ่มสไลด์แบบโปร่งใสและมีกรอบทึบ ให้ทำเครื่องหมายที่ใช้สไตล์ปุ่มรอง

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

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

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

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

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

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

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

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

  6. จากรายการความทึบ ให้เลือกระดับความโปร่งใสของการวางซ้อนรูปภาพ

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

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

Narrative ประกอบด้วยการตั้งค่าธีมเหล่านี้:



  • สี
  • ตัวพิมพ์
  • ลิ้นชักตะกร้าสินค้า
  • ทางโซเชียลมีเดีย
  • Favicon
  • การชำระเงิน

สี

คุณสามารถเลือกสีส่วนต่างๆ ในร้านค้าออนไลน์ของคุณได้

วิธีปรับการตั้งค่าสีของคุณ

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

  2. คลิก การตั้งค่าธีม

  3. คลิก สี

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

    ตัวเลือกสีในเครื่องมือแก้ไขธีม

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

หากต้องการเลือกเป็นไม่มีสี ให้คลิก ไม่มี

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

ตัวพิมพ์

คุณสามารถเลือกแบบอักษรและขนาดข้อความบนร้านค้าออนไลน์ของคุณได้

วิธีปรับแต่งการตั้งค่าตัวพิมพ์ของคุณ

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

  2. คลิก การตั้งค่าธีม

  3. คลิก ตัวพิมพ์

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

    ปุ่ม 'เปลี่ยน' ในตัวเลือกแบบอักษร

  5. ค้นหาแบบอักษรโดยใช้ช่องค้นหา หรือคลิก โหลดเพิ่มเติม

    หากต้องการดูแบบอักษรที่พร้อมใช้งานทั้งหมด โปรดไปที่ไลบรารีแบบอักษรของ Shopify

  6. คลิกชื่อแบบอักษรที่คุณต้องการใช้งาน

  7. หากต้องการเปลี่ยนแบบอักษรเป็นลักษณะอื่นๆ เช่น ตัวหนา ตัวเอียง ให้คลิก ทั่วไป จากนั้น คลิกอักษระที่คุณต้องการใช้ แล้วคลิก เลือก:

    แบบอักษรต่างๆ ที่พร้อมใช้งานอยู่ในตัวเลือกแบบอักษร

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

ลิ้นชักตะกร้าสินค้า

คุณสามารถปรับแต่งการตั้งค่าลิ้นชักตะกร้าสินค้าสำหรับร้านค้าออนไลน์ของคุณได้:

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

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

วิธีปรับแต่งการตั้งค่าลิ้นชักตะกร้าสินค้า:

  1. หา Narrative จากนั้นคลิกปรับแต่ง

  2. คลิกการตั้งค่าธีม

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

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

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

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

ทางโซเชียลมีเดีย

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

วิธีปรับแต่งการตั้งค่าโซเชียลมีเดีย:

  1. หา Narrative จากนั้นคลิกปรับแต่ง

  2. คลิกการตั้งค่าธีม

  3. คลิกโซเชียล

  4. วิธีอัปโหลดรูปภาพสำหรับแชร์ลงโซเชียล ในบริเวณของรูปภาพสำหรับแชร์ลงโซเชียล ให้คลิกเลือกรูปภาพ หรือสำรวจรูปภาพฟรี

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

    คุณสามารถเพิ่มปุ่มสำหรับการแชร์ต่อไปนี้ได้:

- แชร์บน Facebook - ทวีตบน Twitter - พินบน Pinterest (ยังไม่พร้อมให้ใช้งานสำหรับการแชร์โพสต์บล็อก)

  1. หากต้องการเพิ่มลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณ ในบริเวณของบัญชีผู้ใช้ ให้ป้อนลิงก์ที่เชื่อมโยงไปยังบัญชีผู้ใช้ของคุณในช่องที่กำหนด ใส่ลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://twitter.com/shopify

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

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

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

Favicon

คุณสามารถอัปโหลดไอคอนรายการโปรดหรือ "Favicon" ได้ ซึ่งช่วยสร้างแบรนด์ให้แก่ร้านค้าออนไลน์ของคุณโดยจะแสดงโลโก้ของคุณในตำแหน่งต่อไปนี้:

  • แท็บเว็บเบราว์เซอร์ของคุณ
  • ประวัติเว็บเบราว์เซอร์ของคุณ
  • ไอคอนบนเดสก์ท็อปของคุณ
  • ถัดจากชื่อร้านค้าออนไลน์ของคุณเมื่อมีการบุ๊กมาร์ก

ขนาดรูปภาพ Favicon ที่ดีที่สุดสำหรับ Narrative คือ 32 x 32 พิกเซล

วิธีอัปโหลด Favicon:

  1. คลิกปรับแต่ง

  2. คลิกแท็บการตั้งค่าธีม

  3. คลิก Favicon

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

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

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

การชำระเงิน

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

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

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

วิธีเข้าถึงการตั้งค่าหน้าการชำระเงิน

  1. คลิกปรับแต่ง

  2. คลิกแท็บการตั้งค่าธีม

  3. คลิกการชำระเงิน

วิธีเพิ่มรูปภาพแบนเนอร์:

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

วิธีเพิ่มโลโก้:

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

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

  1. จากรายการตำแหน่ง ให้เลือกตำแหน่งที่คุณต้องการแสดงรูปภาพ เช่น ด้านขวา ด้านซ้าย หรือตรงกลาง

  2. จากรายการขนาดโลโก้ ให้เลือกขนาดโลโก้

วิธีเปลี่ยนพื้นหลังของหน้าการชำระเงิน:

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

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

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

  1. จากรายการช่องแบบฟอร์ม ให้เลือกรูปแบบช่องว่าจะเป็นสีขาวหรือแบบโปร่งใส

วิธีเปลี่ยนพื้นหลังของหน้าสรุปคำสั่งซื้อ:

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

วิธีตั้งค่าตัวเลือกแบบอักษร:

  • ในบริเวณตัวพิมพ์ ให้เลือกแบบอักษรที่ใช้สำหรับหัวเรื่องและข้อความเนื้อหาจากรายการ

วิธีตั้งค่าตัวเลือกสี:

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

เปลี่ยนสไตล์ของธีม

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

  1. คลิกแท็บ การตั้งค่าทั่วไป

  2. คลิก เปลี่ยนสไตล์ธีม

  3. คลิกที่ปุ่มด้านล่าง เปลี่ยนสไตล์ธีม โดยทั่วไป ชื่อของปุ่มนี้จะเป็นชื่อธีม

  4. คลิก เปลี่ยนสไตล์

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

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