เครื่องมือสร้างร้านค้าของ SHOPLINE รองรับการแก้ไขการตั้งค่าที่เกี่ยวข้องกับหน้าร้านค้าของคุณ! คุณสามารถปรับแต่งสีและแบบตัวอักษรของแต่ละส่วนบนร้านค้าออนไลน์ได้ และปรับการตั้งค่าที่เกี่ยวข้องกับรายการสินค้าได้ด้วย คุณสามารถออกแบบหน้าเว็บร้านค้าเพื่อสร้างให้เหมาะกับภาพลักษณ์แบรนด์และสไตล์ รวมถึงประสบการณ์ของผู้ใช้
ที่บทความนี้ คุณจะได้พบกับหัวข้อต่อไปนี้
⚠️ ก่อนที่คุณจะเริ่มต้น:
- ปัจจุบันเครื่องมือสร้างร้านค้านี้รองรับเฉพาะธีม Ultra Chic, Kingsman, Varm และ Phillia
- หลังจากสร้างหน้าเพจโดยใช้เครื่องมือสร้างร้านค้า หน้าเพจยังคงสามารถแสดงได้แม้ว่าคุณจะเปลี่ยนไปใช้ธีมอื่น แต่ไม่สามารถแก้ไขได้และเลย์เอาต์อาจมีความยุ่งเหยิง โปรดทราบสิ่งนี้ก่อนที่จะเผยแพร่หน้าเพจ
- การแก้ไขการตั้งค่าของร้านค้าจะส่งผลต่อทุกหน้าเพจในร้านค้า ไม่ใช่แค่บางหน้าเพจเท่านั้น
1. ไปที่การตั้งค่าร้านค้า
ไปที่หน้าผู้ดูแลระบบ SHOPLINE ไปที่ [การออกแบบร้านค้าออนไลน์] > [หน้าเพจ] และคลิกปุ่มสร้างหน้าเพจแบบขั้นสูง
คลิกปุ่มการตั้งค่าร้านค้าที่ด้านซ้ายมือ
2. เลือก/เปลี่ยนธีม
เลื่อนลงมาด้านล่างเพื่อดูธีมที่ใช้อยู่บนหน้าเพจ คลิกไปที่ออกแบบเพื่อเปลี่ยนธีม
คุณจะถูกนำไปยังหน้า [การออกแบบร้านค้าออนไลน์] > [ออกแบบ] ที่คุณสามารถเลือกธีมที่คุณต้องการเปลี่ยนได้
การเปลี่ยนธีมอาจส่งผลกระทบในสองสถานการณ์ต่อไปนี้:
A. หากธีมรูปแบบใหม่รองรับเครื่องมือแก้ไขหน้าเพจใหม่
- การตั้งค่าฟอนต์และสีที่มีอยู่ยังคงไม่เปลี่ยนแปลงในเครื่องมือสร้างร้านค้า
- ธีมใหม่จะถูกนำมาใช้ที่หน้าร้านค้า และการตั้งค่าจะคงเดิมไม่เปลี่ยนแปลง
- มีเพียงสามธีมเท่านั้น - Kingsman, Ultra Chic, และ Varm ที่ปัจจุบันรองรับเครื่องมือสร้างร้านค้า จะมีธีมอื่นๆ เพิ่มเติมเพื่อรองรับเครื่องมือสร้างร้านค้าในอนาคต
B. หากธีมรูปแบบใหม่ไม่รองรับเครื่องมือแก้ไขหน้าเพจใหม่
- การตั้งค่าฟอนต์และสีที่มีอยู่ยังคงไม่เปลี่ยนแปลงในเครื่องมือสร้างร้านค้า แต่คุณจะไม่สามารถเข้าสู่หน้าเครื่องมือการสร้างหน้าเพจใหม่ได้อีก
- ธีมใหม่จะถูกนำมาใช้ที่หน้าร้านค้า และการตั้งค่าจะถูกรีเซ็ตกลับไปยังค่าเริ่มต้น
- หากคุณเปลี่ยนกลับมาใช้ธีมเดิม การตั้งค่าในปัจจุบันที่คุณได้บันทึกลงในเครื่องมือสร้างร้านค้าจะถูกลบออกและรีเซ็ตกลับไปยังค่าเริ่มต้น
*หมายเหตุ: หากคุณเริ่มใช้เครื่องมือสร้างร้านค้าใหม่ ขอแนะนำให้ใช้ธีมที่รองรับตัวสร้างร้านค้าใหม่นี้เพื่อคงการตั้งค่าไว้
หลังจากใช้ธีมใหม่แล้ว กรุณาทำตามขั้นตอนที่ 1. ไปที่การตั้งค่าร้านค้า เพื่อดำเนินการตั้งค่าบนเครื่องมือสร้างร้านค้า
3. ปรับการตั้งค่าร้านค้า
การตั้งค่าร้านค้าสามารถปรับแต่งได้ 5 อย่าง: “สี” “ฟอนต์” “มือถือ” “สินค้า” และ “อื่นๆ”
A. สี
ไปที่ [การตั้งค่าร้านค้า] > [สี] เพื่อกำหนดสีสำหรับส่วนต่างๆบนหน้าเพจขั้นสูง สีเริ่มต้นของแต่ละส่วนคือสีที่คุณกำหนดไว้ก่อนหน้านี้
*หมายเหตุ: กรุณาคลิกปุ่ม “บันทึก” ด้านล่างเพื่อดูตัวอย่างสีที่เปลี่ยนไปทางด้านขวามือ
a. หน้าเพจ
คุณสามารถกำหนดสีพื้นหลังของหน้าเพจ, ข้อความ (องค์ประกอบข้อความ) และไฮเปอร์ลิงก์
b. แถบประกาศ
คุณสามารถกำหนดสีพื้นหลังและฟอนต์ของแถบประกาศได้
c. ส่วนหัว
คุณสามารถกำหนดสีพื้นหลัง ตัวอักษรและไอคอนของส่วนหัวได้
d. ปุ่มหลัก
คุณสามารถกำหนดสีพื้นหลังและตัวอักษรของปุ่มหลักได้
e. ปุ่มซื้อ
คุณสามารถปรับสีพื้นหลังและสีตัวอักษรของปุ่ม “ซื้อตอนนี้” ได้ กรุณาอ้างอิงได้ที่บทความ เปิดใช้งาน ปุ่ม “ซื้อตอนนี้” สำหรับรายละเอียดเพิ่มเติม
f. ส่วนท้าย
คุณสามารถปรับแต่งสีพื้นหลังของส่วนท้าย, ข้อความและสีไอคอนได้
g. ส่วนลิขสิทธิ์
คุณสามารถกำหนดสีพื้นหลังและสีตัวอักษรของส่วนลิขสิทธิ์ได้
B. ฟอนต์
ไปที่ [การตั้งค่าร้านค้า] > [ฟอนต์] เพื่อปรับรูปแบบฟอนต์และขนาดสำหรับองค์ประกอบข้อความ ฟอนต์จะมีค่าเริ่มต้นเป็นฟอนต์ที่คุณตั้งไว้แต่แรก
*หมายเหตุ: หลังจากตั้งค่าเรียบร้อยแล้ว กรุณาคลิกปุ่ม “บันทึก” ด้านล่างเพื่อดูตัวอย่างสีที่เปลี่ยนไปทางด้านขวามือ
a. หัวข้อ
ปรับฟอนต์และขนาดสำหรับชื่อหัวข้อ คลิกเปลี่ยนเพื่อเลือกฟอนต์ และคลิกรีเซ็ตเพื่อเปลี่ยนกลับไปยังฟอนต์ค่าเริ่มต้น คุณสามารถเลือกขนาดฟอนต์ของหัวข้อได้ (ใหญ่/กลาง/เล็ก)
b. ย่อหน้า
ปรับฟอนต์และขนาดสำหรับย่อหน้า คลิกเปลี่ยนเพื่อเลือกฟอนต์ และคลิกรีเซ็ตเพื่อเปลี่ยนกลับไปยังฟอนต์ค่าเริ่มต้น คุณสามารถเลือกขนาดฟอนต์ของย่อหน้าได้ (ใหญ่/กลาง/เล็ก)
*หมายเหตุ:
- ขณะนี้ ระบบไม่รองรับชื่อ/ข้อความหลายภาษาเพื่อใช้ฟอนต์ที่หลากหลายแบบตามภาษา (เช่น หากชื่อหัวข้อของคุณมีภาษาอังกฤษและภาษาจีน คุณสามารถใช้ฟอนต์เดียวได้เท่านั้น)
- หากฟอนต์ที่เลือกไม่รองรับเบราว์เซอร์ของผู้ใช้ ผู้ใช้บริการจะเห็นฟอนต์ค่าเริ่มต้นสำหรับภาษานั้น ต่อไปนี้เป็นฟอนต์ค่าเริ่มต้นสำหรับการเลือกภาษาทั่วไป:
- ภาษาจีนตัวเต็ม: Noto sans TC
- ภาษาจีนตัวย่อ: Noto sans SC
- ภาษาอังกฤษ／ภาษาเยอรมัน／ภาษาฝรั่งเศษ／ภาษามาเลเซีย: Noto sans
- ภาษาไทยi: Noto sans TH
- ภาษาเวียดนาม: Noto sans VN
- ภาษาญี่ปุ่น: Noto sans JP
- รายการฟอนต์ด้านล่างแสดงถึงฟอนต์ที่สามารถเลือกใช้ได้ในแต่ละภาษา
C. มือถือ
ไปที่การตั้งค่าร้านค้า > มือถือ เพื่อปรับการแสดงแคตตาล็อกร้านค้าของคุณบนอุปกรณ์มือถือ
*หมายเหตุ: หลังจากตั้งค่าเรียบร้อยแล้ว คลิกปุ่ม “บันทึก” ด้านล่างซ้ายมือเพื่อดูตัวอย่างการเปลี่ยนแปลง
A. ยุบรายการเมนูในมือถือตามค่าเริ่มต้น
หากคุณเปิดปุ่มใช้งาน "ยุบรายการเมนู" เมนูร้านค้าออนไลน์จะไม่ขยายไดเรกทอรีย่อยของเวอร์ชันมือถือ ปิดการใช้งานเพื่อขยายไดเรกทอรีย่อยทั้งหมด
ด้านล่างเป็นมุมมองบนอุปกรณ์มือถือดังนี้:
B. ซ่อนหมวดหมู่สินค้าในเมนูมือถือ
หากคุณเปิดการใช้งาน "ซ่อนหมวดหมู่สินค้าในเมนูมือถือ" หมวดหมู่สินค้าจะไม่ปรากฏในเมนูร้านค้าออนไลน์ในเวอร์ชันมือถือ ปิดฟีเจอร์นี้เพื่อแสดงหมวดหมู่สินค้า
ด้านล่างเป็นมุมมองบนอุปกรณ์มือถือดังนี้:
D. สินค้า
ไปที่ [การตั้งค่าร้านค้า] > [สินค้า] เพื่อปรับการแสดงสินค้าที่หน้าร้านค้าออนไลน์
*หมายเหตุ
- หลังจากตั้งค่าเรียบร้อยแล้ว คลิกปุ่ม “บันทึก” ด้านล่างขวามือเพื่อดูตัวอย่างการเปลี่ยนแปลง
- แต่ละปุ่มจะมีแท็กที่ระบุชื่อแต่ละส่วนที่จะแสดงในหน้าร้านค้า ตัวอย่างเช่น "ยุบหมวดหมู่สินค้า" จะส่งผลต่อหน้ารายการสินค้าในเมนูบนมือถือ
A. ยุบหมวดหมู่สินค้า
คุณสามารถปรับการนำเสนอเมนูและหมวดหมู่บนร้านค้าออนไลน์ของคุณได้ เปิดใช้งาน "ยุบหมวดหมู่สินค้า" เพื่อย่อหมวดหมู่ย่อยทั้งหมดบนร้านค้าออนไลน์ของคุณ หากเปิดใช้งาน หมวดหมู่สินค้าจะถูกขยายหมวดหมู่ย่อยโดยอัตโนมัติ
B. ครอปตัดรูปภาพสินค้า
เปิดใช้งานปุ่ม "ครอปตัดรูปภาพสินค้า" สำหรับทุกรูปภาพเพื่อทำให้ขนาดเท่ากันทุกรูปได้ หากปิดการใช้งาน รูปภาพสินค้าจะแสดงเป็นสัดส่วนขนาดปกติ
C. สไตล์ของรูปภาพตัวเลือก
*หมายเหตุ:
- ในปัจจุบันฟีเจอร์นี้รองรับเทมเพลตธีม Ultra Chic เท่านั้น คุณสามารถใช้ฟีเจอร์นี้ได้เมื่อใช้งานธีม Ultra Chic อยู่เท่านั้น
- หากคุณได้เปิดการใช้งาน layout engine คุณจะต้องทำการอัปเดต liquid layout เพื่อให้ฟีเจอร์นี้ส่งผลในหน้าร้านค้า
หากคุณมีสินค้าที่มีหลายตัวเลือก คุณสามารถเลือกรูปร่างของรูปภาพตัวเลือกได้ ในปัจจุบันคุณสามารถเลือกได้ระหว่างรูปทรงสี่เหลี่ยมจัตุรัสและวงกลม คุณสามารถเลือกขนาดสำหรับตัวเลือกรูปภาพได้ด้วยเช่นกัน (เล็ก/ กลาง/ ใหญ่)
D. แสดงรูปภาพตัวเลือกสินค้าในหน้ารายการสินค้า
หากคุณมีสินค้าที่มีหลายตัวเลือก หลังจากเปิดการใช้งานปุ่ม "แสดงรูปภาพตัวเลือกสินค้าในหน้ารายการสินค้า" รูปภาพตัวเลือกสินค้าที่คุณตั้งค่าไว้จะแสดงที่หน้าร้านค้าใต้สินค้าที่มีหลายตัวเลือก
รูปภาพตัวเลือกสินค้าสามารถตั้งค่าเพื่อแสดงรูปตัวเลือกแรกหรือตัวเลือกที่ 2 ของสินค้า ตัวอย่างเช่น ตัวเลือกแรกคือ "สี" และ ตัวเลือกที่สองคือ "ขนาด" เมื่อคุณเลือกแสดงรูปของ "ตัวเลือกแรก" แล้ว รูปภาพของตัวลือกนั้นใต้สินค้าจะปรากฎขึ้นเป็นสีต่างๆ กรุณาอ้างอิงจากบทความนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการตั้งค่าตัวเลือกสินค้า
E. การวางตำแหน่งชื่อสินค้า
*หมายเหตุ:
- ในปัจจุบันฟีเจอร์นี้รองรับเทมเพลตธีม Ultra Chic เท่านั้น คุณสามารถใช้ฟีเจอร์นี้ได้เมื่อใช้งานธีม Ultra Chic อยู่เท่านั้น
- หากคุณได้เปิดการใช้งาน layout engine คุณจะต้องทำการอัปเดต liquid layout เพื่อให้ฟีเจอร์นี้ส่งผลในหน้าร้านค้า
หากคุณต้องการปรับการวางตำแหน่งชื่อสินค้าในหน้ารายการสินค้า คุณสามารถเลือกวางด้านซ้าย, กลาง หรือขวาได้ ตำแหน่งของชื่อสินค้าจะไม่ส่งผลต่อการแสดงรูปภาพตัวเลือกสินค้า
F. สไตล์ของป้ายที่กำหนดเอง
*หมายเหตุ:
- ในปัจจุบันฟีเจอร์นี้รองรับเทมเพลตธีม Ultra Chic เท่านั้น คุณสามารถใช้ฟีเจอร์นี้ได้เมื่อใช้งานธีม Ultra Chic อยู่เท่านั้น
- หากคุณได้เปิดการใช้งาน layout engine คุณจะต้องทำการอัปเดต liquid layout เพื่อให้ฟีเจอร์นี้ส่งผลในหน้าร้านค้า
คุณสามารถกำหนดสไตล์ของป้ายด้วยตนเองได้ โดยในปัจจุบันคุณสามารถเลือกรูปแบบมุมโค้ง, มุมเหลี่ยม หรือลูกศร หากคุณไม่ได้ทำการเปลี่ยนแปลงการตั้งค่า ป้ายจะแสดงในรูปแบบการตั้งค่าพื้นฐาน สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับป้ายโปรโมชั่น กรุณาอ้างอิงจากป้ายโปรโมชั่นสินค้า | สินค้า
G. แสดงจำนวนสินค้าในหน้าหมวดหมู่
ปุ่ม "แสดงจำนวนสินค้าในหน้าหมวดหมู่" จะถูกปิดเป็นค่าพื้นฐาน เมื่อคุณเปิดใช้งานแล้วจำนวนของสินค้าในหมวดหมู่จะแสดงที่ด้านข้างชื่อสินค้าในหน้าร้านค้า
H. จำนวนของสินค้าต่อหน้า
คุณสามารถเลือกจำนวนสินค้าให้แสดงในทุกๆหน้าเพจได้ โดยปัจจุบันคุณสามารถเลือกแสดง 24, 48 หรือ 72 รายการสินค้าในแต่ละหน้าเพจได้ โปรดทราบว่าลูกค้าจะยังคงเห็นตัวเลขที่เปลี่ยนแปลงดังกล่าวในหน้าร้านค้า
I. ปุ่มแชร์ลงโซเชียลบนหน้าสินค้า
โดยค่าพื้นฐาน ระบบจะเปิดปุ่มเพื่อซ่อน "ปุ่มแชร์ลงโซเชียลบนหน้าสินค้า" ปิดปุ่มเพื่อให้ลูกค้าแชร์สินค้าผ่านปุ่มโซเชียลมีเดียในหน้าเพจ
E. อื่นๆ
ไปที่ [การตั้งค่าร้านค้า] > [อื่นๆ] เพื่อปรับการแสดงสินค้าที่หน้าร้านค้าออนไลน์
*หมายเหตุ: หลังจากตั้งค่าเรียบร้อยแล้ว คลิกปุ่ม “บันทึก” ด้านล่างซ้ายมือเพื่อดูตัวอย่างการเปลี่ยนแปลง
A. กลับขึ้นด้านบน
เปิดใช้งาน "กลับขึ้นด้านบน" เพื่อแสดงปุ่ม "กลับขึ้นด้านบน" หลังจากเลื่อนลงด้านล่างสุดบนหน้าร้าน ปิดใช้งานเพื่อซ่อนปุ่มนี้
B. เปิดใช้งานแบนเนอร์คุกกี้
เปิดใช้งาน “แบนเนอร์คุกกี้" เพื่อแสดงแบนเนอร์ยินยอมคุกกี้ให้กับลูกค้าเมื่อพวกเขาเยี่ยมชมร้านค้าออนไลน์ของคุณ สำหรับแบนเนอร์ยินยอมคุกกี้ โปรดอ่านบทความนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับฟีเจอร์นี้โดยละเอียด
4. เผยแพร่หน้าเพจ
หลังจากตั้งค่าร้านค้าเสร็จเรียบร้อยแล้ว คลิกดูตัวอย่างหน้าเพจด้านบนเพื่อดูการแสดงผลบนหน้าร้านค้าที่เกิดขึ้น
คลิกเผยแพร่เพื่อใช้การตั้งค่าร้านค้าแบบกำหนดเองของคุณบนหน้าร้านค้าออนไลน์
อ่านเพิ่มเติม
ข้อคิดเห็น