แถบการประกาศ/การตั้งค่าส่วนหัว | เครื่องมือสร้างร้านค้า

e-commerce_social_commerce__1_.png

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

ในบทความนี้จะรวมถึง:

⚠️ ก่อนที่คุณจะเริ่มต้น:

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

 

 1. การตั้งค่าแถบการประกาศ

ขั้นตอนที่ 1

ไปที่หน้าผู้ดูแลระบบ SHOPLINE > [การออกแบบร้านค้าออนไลน์] > [หน้าเพจ] และคลิก [หน้าเพจแบบขั้นสูง] คลิกปุ่มแก้ไขเพื่อเปิดหน้าการตั้งค่าหน้าเพจขึ้นมา

Pages-1.png

 

ขั้นตอนที่ 2

 คลิกปุ่มแถบประกาศ

1.png

 

ขั้นตอนที่ 3

สามารถเลือกได้ว่าจะเพิ่มวิดเจ็ต "ปุ่ม" หรือ "นับถอยหลัง"

Screen_Shot_2023-02-09_at_11.15.59_AM.png

 

1. เพิ่มวิดเจ็ตนับถอยหลัง

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

Screen_Shot_2023-02-09_at_11.04.24_AM.png

Screen_Shot_2023-02-09_at_11.19.30_AM.png

 

2. เพิ่มวิดเจ็ตข้อความ

คลิกปุ่มข้อความ

Screen_Shot_2023-02-09_at_11.21.24_AM.png

 

แก้ไขเนื้อหาของวิดเจ็ตข้อความ

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

3.png

 

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

4.png

 

ขั้นตอนที่ 4

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

5.png

6.png

 

ขั้นตอนที่ 5

หากคุณเพิ่มแถบประกาศหลายๆแถบ คุณสามารถเลือกวิธีการแสดงบนหน้าเว็บไซต์ได้

*หมายเหตุ: ปัจจุบันรองรับการเพิ่มแถบประกาศสูงสุด 3 แถบ

7.png

 

A. ตัวเลื่อน

ezgif.com-gif-maker__1_.gif

 

B. รายการทั้งหมด

8.png

 

ขั้นตอนที่ 6

คุณสามารถกำหนดระยะเวลาของตัวเลื่อนได้

9.png

 

ขั้นตอนที่ 7

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

10.png

 

ขั้นตอนที่ 8

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

11.png

 

2. การตั้งค่าส่วนหัว

ที่หน้าการตั้งค่าเพจแบบขั้นสูง คลิกที่ปุ่มส่วนหัว

12.png

 

A. โลโก้

คลิกโลโก้เพื่อกำหนดขนาดและตำแหน่งของโลโก้ร้านค้าที่หน้าเดสก์ท็อป/อินเทอร์เฟซบนมือถือ

13.png

 

B. เมนู

คลิกเมนูเพื่อกำหนดตำแหน่งของเมนูร้านค้าบนเดสก์ท็อป

14.png

*หมายเหตุ: กรุณาไปที่หน้าผู้ดูแลระบบ SHOPLINE > [การออกแบบร้านค้าออนไลน์] > [ออกแบบ/เมนูร้านค้า] เพื่อตั้งค่าโลโก้ร้านค้าและเมนู

 

C. ระยะขอบ

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

15.png

 

D. แถบค้นหา

คุณสามารถกำหนดการแสดงแถบค้นหาได้

16.png

  • ไม่มี: ไม่มีแถบค้นหา
  • ไอคอน
    17.png
  •  ไอคอนและข้อความ
    18.png
  • แถบค้นหา
    19.png

 

E. ตัวเลือกภาษา, ซ่อนเฉพาะภาษา

a. ตัวเลือกภาษา

คุณสามารถกำหนดตัวเลือกภาษาที่จะแสดงได้

20.png

  • ไม่มี: ไม่มีปุ่มตัวเลือกภาษา
  • ไอคอน
    21.png
  • ไอคอนและข้อความ
    22.png

 

b. ซ่อนภาษาเฉพาะ

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

23.png

 

F. ตัวเลือกสกุลเงิน

คุณสามารถกำหนดเพื่อแสดงปุ่มตัวเลือกสกุลเงินได้

24.png

  • ไม่มี: ไม่แสดงไอคอนตัวเลือกสกุลเงิน
  •  ไอคอน
    25.png
  • ไอคอนและข้อความ
    26.png

 

G. ติดต่อเรา

คุณสามารถกำหนดเพื่อแสดงปุ่มติดต่อเราได้

27.png

  • ไม่มี: ไม่แสดงไอคอนตัวเลือกติดต่อเรา
  • ไอคอน
    28.png
  • ไอคอนและข้อความ
    29.png

 

H. ศูนย์สมาชิก

คุณสามารถกำหนดเพื่อแสดงปุ่มศูนย์สมาชิกได้

30.png

  • ไอคอน
    31.png
  • ไอคอนและข้อความ (ข้อความจะแสดงตามสถานะการเข้าสู่ระบบของลูกค้า)
    32.png

    33.png

 

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

คุณสามารถกำหนดเพื่อแสดงตะกร้าสินค้าได้

34.png

  • ไอคอน
    36.png
  • ไอคอนและข้อความ
    35.png

 

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

37.png

 

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

38.png

 

อ่านเพิ่มเติม

 

 

 

บทความนี้มีประโยชน์หรือไม่
0 จาก 0 เห็นว่ามีประโยชน์
มีคำถามเพิ่มเติมหรือไม่ ส่งคำร้องขอ

ข้อคิดเห็น