คู่มือร้านค้า

แต่งร้าน

แต่งร้าน สี ธีม ฟอนต์ และช่องค้นหา

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

ทุกอย่างอยู่ที่ ตั้งค่าร้าน → แต่งร้าน

กดบันทึกหัวข้อไหนก็ตาม ตัวอย่างหน้าร้านด้านข้างจะโหลดใหม่ให้เห็นผลทันที

โลโก้และแบนเนอร์

  • โลโก้ — รูปจัตุรัส แสดงบน navbar คู่กับชื่อร้าน ถ้าไม่ใส่ ระบบใช้อักษรตัวแรกของชื่อร้านแทน โลโก้ยังเป็นไอคอนบนแท็บเบราว์เซอร์และในผลค้นหา Google ให้เอง เปลี่ยนโลโก้แล้วแท็บเห็นของใหม่ทันทีเมื่อเปิดหน้าร้านใหม่ ส่วน Google จะเปลี่ยนตามเมื่อกลับมาเก็บหน้าแรกรอบถัดไป ใช้เวลาเป็นวันถึงสัปดาห์
  • แบนเนอร์ — แนะนำ 1800 × 600 (อัตราส่วน 3:1) ใช้เป็นภาพตัวอย่างตอนแชร์ลิงก์ร้านไปโซเชียล

รองรับ JPG / PNG / WebP ไม่เกิน 5MB ระบบย่อและแปลงให้เอง

สีประจำร้านและธีม

อยู่ในแท็บ สีประจำร้าน เลือกโทน มืด หรือ สว่าง ได้ในกล่องเดียวกัน เพราะสีเดียวกันให้ผลคนละแบบบนสองธีม

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

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

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

พื้นหลัง

แท็บ พื้นหลัง เลือกได้สามแบบ

  • ไม่มี — ใช้โทนที่ย้อมจากสีประจำร้าน (แนะนำ)
  • สีพื้น — กำหนดสีเองทับค่าที่ระบบย้อมให้
  • รูปภาพ — อัปโหลดรูปเป็นพื้นหลังเต็มหน้า

ลายพื้นหลัง

เลือกลายเส้นจางๆ ทับบนพื้นหลังได้ 20 แบบ เช่น จุด ตาราง ทแยง คลื่น อิฐ ลายจะจางมาก (5%) โดยตั้งใจ เพื่อให้เป็นพื้นผิว ไม่ใช่ของที่แย่งความสนใจจากสินค้า

ลายใช้กับพื้นหลังแบบ "ไม่มี" และ "สีพื้น" เท่านั้น — ทับบนรูปภาพจะรกเกินไป

ฟอนต์

หัวข้อ ฟอนต์ มีให้เลือก 29 ตัว ทุกตัวมีทั้งอักษรไทยและอังกฤษ ชื่อเกมภาษาอังกฤษ ตัวเลขราคา และข้อความภาษาไทยบนหน้าร้านจึงเป็นฟอนต์ชุดเดียวกันทั้งหน้า

ในหน้าตั้งค่าแบ่งไว้ห้ากลุ่ม

  • หัวตัด ทันสมัย อ่านง่ายทุกขนาด เหมาะกับร้านส่วนใหญ่ ฟอนต์ค่าเริ่มต้น Kanit อยู่ในกลุ่มนี้
  • เหลี่ยม สไตล์เกม ทรงเหลี่ยมตัดมุม เข้ากับร้านเกม
  • มีหัว อ่านง่าย ตัวไทยมีหัวแบบหนังสือเรียน
  • มีเชิง ทางการ ดูหรูและจริงจัง
  • ลายมือ ตกแต่ง เด่นสะดุดตา แต่ตัวหนังสือเล็กอย่างราคาหรือรายละเอียดเกมอ่านยากกว่ากลุ่มอื่น

ฟอนต์บางตัวมีน้ำหนักเดียว ได้แก่ Itim Sriracha Chonburi และ Pattaya ข้อความตัวหนาอย่างหัวข้อและราคา เบราว์เซอร์จะทำหนาให้เอง ซึ่งหนาไม่เท่าฟอนต์ที่มีตัวหนาจริง ถ้าอยากได้ตัวหนาชัดๆ ให้เลือกตัวอื่น

ความมนของขอบ

หัวข้อ ความมนของขอบ เลือกได้สี่แบบ

  • เหลี่ยม มุมตรงทุกชิ้น ดูคมและเป็นระเบียบ
  • มนเล็กน้อย โค้งนิดเดียว เรียบร้อยแบบทางการ
  • มน ค่าเริ่มต้น เป็นหน้าตาเดิมของร้าน
  • มนมาก โค้งนุ่ม ดูเป็นกันเอง

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

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

ช่องค้นหา

หัวข้อ ช่องค้นหา เลือกปุ่มค้นหาบนแถบเมนูได้สามแบบ

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

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

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

เกมแนะนำในกล่องค้นหา

ตอนลูกค้าเปิดกล่องค้นหาแต่ยังไม่ได้พิมพ์ กล่องโชว์เกมให้ได้สูงสุด 6 เกม เลือกได้สามแบบ

  • ไม่แสดง ค่าเริ่มต้น กล่องขึ้นแค่ข้อความให้พิมพ์ชื่อเกม
  • เกมมาใหม่ เกมที่เพิ่งเข้าร้านล่าสุด
  • เกมลดราคา เกมที่ราคาขายต่ำกว่าราคาเต็มมากที่สุด

ช่องค้นหาใหญ่บนหน้าแรก

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

ช่องนี้ปิดไว้เป็นค่าเริ่มต้น กดแล้วเปิดกล่องค้นหาเดียวกับแถบเมนู

ค้นหาเจออะไรบ้าง

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

ฟอนต์ ความมนของขอบ และช่องค้นหา มีผลกับหน้าร้านเท่านั้น หน้าจัดการร้านหน้าตาเหมือนเดิมเสมอ

หน้าสินค้า

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

สี Navbar

กำหนดสีแถบด้านบนแยกจากสีประจำร้านได้ ถ้าไม่ตั้งจะใช้โทนที่ระบบย้อมให้

navbar จะโปร่งใสตอนอยู่บนสุดของหน้า และค่อยมีพื้นหลังพร้อมเบลอเมื่อลูกค้าเลื่อนลง