การตั้งค่ารูปแบบ ปรับแต่งปุ่มบนเว็บไซต์

ตั้งค่าสีปุ่มบนเว็บไซต์ Ketshopweb ปรับสีตัวอักษร พื้นหลัง ความหนาเส้นขอบ สีขอบ และความมนของปุ่ม ช่วยสร้างภาพลักษณ์ ความน่าเชื่อถือให้แก่ตัวร้านค้าอีกด้วย

K
Ketshopweb Team
2022-11-09 10:56:18
การตั้งค่ารูปแบบ ปรับแต่งปุ่มบนเว็บไซต์

User Guide · ปรับแต่งหน้าร้าน

การตั้งค่าสีปุ่มต่าง ๆ ในหน้าร้านค้า Ketshopweb

คู่มือการใช้งาน · ระบบ Ketshopweb · อัปเดตล่าสุด มิถุนายน 2026

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

การเข้าสู่เมนูตั้งค่าปุ่มบนเว็บไซต์

  • 1 เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb จากนั้นคลิก "ปรับแต่ง"
  • 2 เลือกเมนู "Button"
เมนู ปรับแต่ง → Button
คลิก "ปรับแต่ง" แล้วเลือกเมนู "Button"
  • 3 เลือกแถบข้อมูล "ปุ่มในหน้าเว็บ"
เลือกแถบปุ่มในหน้าเว็บ
เลือกแถบ "ปุ่มในหน้าเว็บ"

การตั้งค่า ปุ่มทั่วไป รูปแบบปกติ

เป็นแถบสีที่แสดงอยู่บนหน้าเว็บไซต์ทั่วไป สามารถกำหนดได้ 6 รายการ ดังนี้

ตำแหน่งรายละเอียดการตั้งค่า
Aตัวอย่างการแสดงผลของปุ่ม
Bการเลือกสีของตัวอักษร
Cการเลือกสีพื้นหลังของปุ่ม
Dการเลือกความหนาของเส้นขอบ
Eการเลือกสีของเส้นขอบ
Fการเลือกความมนของปุ่ม
หน้าตั้งค่าปุ่มทั่วไปรูปแบบปกติ ตำแหน่ง A-F
ตั้งค่าสีตัวอักษร พื้นหลัง เส้นขอบ และความมนของปุ่มปกติ (ตำแหน่ง A–F)

การตั้งค่า ปุ่มทั่วไป เมื่อถูกเม้าส์ชี้ (Hover)

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

ตำแหน่งรายละเอียดการตั้งค่า (เมื่อถูกเม้าส์ชี้)
Aตัวอย่างการแสดงผลของปุ่ม เมื่อถูกเม้าส์ชี้
Bการเลือกสีของตัวอักษร เมื่อถูกเม้าส์ชี้
Cการเลือกสีพื้นหลังของปุ่ม เมื่อถูกเม้าส์ชี้
Dการเลือกความหนาของเส้นขอบ เมื่อถูกเม้าส์ชี้
Eการเลือกสีของเส้นขอบ เมื่อถูกเม้าส์ชี้
Fการเลือกความมนของปุ่ม เมื่อถูกเม้าส์ชี้
หน้าตั้งค่าปุ่มทั่วไปเมื่อถูกเม้าส์ชี้ ตำแหน่ง A-F
ตั้งค่าสีปุ่มสำหรับสถานะ Hover (เม้าส์ชี้) (ตำแหน่ง A–F)
  • 4 หลังจากตั้งค่าทั้งรูปแบบปกติและ Hover เสร็จแล้ว ให้คลิกที่ปุ่ม "บันทึก" เพื่อบันทึกการเปลี่ยนแปลง
คลิกบันทึกการตั้งค่าปุ่ม
คลิก "บันทึก" เพื่อบันทึกการตั้งค่าทั้งหมด

ปรับแต่งหน้าร้านให้โดดเด่น ดึงดูดลูกค้าได้ง่ายขึ้น

Ketshopweb ให้คุณปรับแต่งรูปลักษณ์ร้านค้าออนไลน์ได้ครบทุกรายละเอียด ตั้งแต่สีปุ่ม ฟอนต์ ไปจนถึง Layout โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว

บทความโดยทีม Ketshopweb · ระบบจัดการร้านค้าออนไลน์หลายช่องทางแบบครบวงจร
Unified Commerce Platform · OMS + CRM + CDP for Thai Businesses
KetshopwebE-commerce
แชร์: