ส่วนหน้าแรกสำหรับ Brooklyn

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

สไลด์โชว์

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

หน้าแรกของร้านค้าออนไลน์ชื่อ John's Apparel ที่แสดงรูปภาพสไลด์โชว์แบบเต็มหน้าจอ การนำทางส่วนหัวจะแสดงที่ด้านบนของรูปภาพ

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

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

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

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

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

ปรับแต่งสไลด์โชว์ของคุณ

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

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

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

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

โพสต์บล็อก

คุณสามารถเพิ่มโพสต์บล็อกได้สูงสุดสามโพสต์บล็อกในหน้าแรกของคุณ

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

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

เพิ่มโพสต์บล็อกลงในหน้าแรกของคุณ

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

  2. คลิกที่เพิ่มส่วน > โพสต์บล็อก > เพิ่ม

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

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

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

คุณสามารถเพิ่มคอลเลกชันได้สูงสุดเก้าคอลเลกชันในหน้าแรกของคุณ

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

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

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

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

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

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

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

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

คุณสามารถแนะนำสินค้าจากคอลเลกชันหนึ่งของคุณได้ในหน้าแรก

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

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

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

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

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

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

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

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

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

ส่วนรูปภาพและข้อความในร้านค้าออนไลน์ ครึ่งซ้ายของส่วนนั้นจะแสดงรูปภาพ และครึ่งขวาของส่วนนั้นจะแสดงข้อความและปุ่ม

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

จดหมายข่าว

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

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

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

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

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

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

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

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

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

แผนที่

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

เคล็ดลับเพื่อให้มีการแสดงแผนที่ของคุณ คุณจะต้องลงทะเบียนรหัส API ของ Google Maps

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

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

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

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

  2. คลิกที่เพิ่มส่วน > แผนที่ > เพิ่ม

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

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

Rich Text

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

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

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

เพิ่มข้อความแบบกำหนดเองไปยังหน้าหลักของคุณ

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

  2. คลิกที่ Rich text

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

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

วิดีโอ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

เพิ่ม HTML แบบกำหนดเองไปยังหน้าหลักของคุณ

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

  2. คลิกที่เพิ่มส่วน > HTML แบบกำหนดเอง > เพิ่ม

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

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

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

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