Boundless

Boundless เป็นธีมที่เน้นไปที่ภาพถ่ายเป็นหลัก โดยมี UI ที่เรียบง่ายและแสดงภาพถ่ายแบบขอบชนขอบ Boundless เป็นธีมที่เน้นการแสดงผลบนมือถือเป็นหลักและเหมาะกับร้านค้าที่มีคลังสินค้าขนาดกลางไปถึงใหญ่

ตัวอย่างของร้านค้าออนไลน์ที่ใช้งานธีม Boundless

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

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

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

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

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

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

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

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

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

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

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

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

ส่วนไดนามิก

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

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

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

ส่วนหัว

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

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

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

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

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

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

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

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

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

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

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

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

  1. คลิกส่วน

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

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

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

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

สไลด์โชว์

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ส่วนท้าย

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

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

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

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

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

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

สินค้า

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

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

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

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

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

  2. คลิกส่วน

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

คอลเลกชัน

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

จดหมายข่าว

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

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

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

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

  2. คลิกส่วน

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

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

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

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

Rich Text

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

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

  2. คลิกRich text

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

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

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

วิดีโอ

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

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

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

  2. คลิกส่วน

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Boundless มีการตั้งค่าธีมดังต่อไปนี้:

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

สี

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

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

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

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

  3. คลิก สี

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

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

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

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

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

ตัวพิมพ์

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

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

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

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

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

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

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

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

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

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

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

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

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

ตะกร้าสินค้า

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

ธีม Boundless รองรับตะกร้าสินค้า 2 ประเภทดังนี้:

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

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

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

วิธีกำหนดการตั้งค่าตะกร้าสินค้าใน Brooklyn:

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

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

  3. เลือกประเภทของตะกร้าสินค้าจากรายการประเภทตะกร้าสินค้า

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

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

โซเชียลมีเดีย

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

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

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

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

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

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

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

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

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

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

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

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

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

Favicon

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

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

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

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

  2. คลิกFavicon

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

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

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

การชำระเงิน

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

การตั้งค่าเมนูย่อยในแถบการดำเนินการ

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

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

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

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