วิธีแสดง Section "ราคาสินค้าและปุ่มสั่งซื้อ"

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


วิธีแสดงผลราคาสินค้าพร้อมปุ่มสั่งซื้อ

1. คลิกปุ่มเพิ่มเมนู หรือคลิกแก้ไขหน้าเว็บไซต์ประเภท "บทความ/สินค้า" ที่ต้องการ  แล้วคลิกปุ่ม "เพิ่ม Section"

 

2. ปรากฎหน้าต่าง "เลือก Section" คลิกที่ตัวเลือก "ราคา"

 

3. แสดงผล Section ราคาสินค้าพร้อมปุ่มสั่งซื้อสินค้าบนหน้าเว็บไซต์ คุณสามารถพิมพ์ราคาสินค้าตามต้องการที่ช่องราคาได้โดยตรง หรือจะนำเมาส์ไปชี้ที่สัญลักษณ์  จากนั้นคลิก "ตั้งค่าราคา


 

จะปรากฎหน้าต่าง "ตั้งค่าราคา" ให้กรอกราคาสินค้าในช่องราคาขาย และคลิกปุ่ม "บันทึก"

 

 

ตัวอย่างการแสดงผล Section ราคาและปุ่มสั่งซื้อ บนหน้าเว็บไซต์จริง



ตกแต่งการแสดงผล Section ราคาและปุ่มสั่งซื้อให้โดดเด่นยิ่งขึ้น

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

  • ตั้งค่าการแสดงผลราคาสินค้า นำเมาส์ไปวางในบริเวณ Section ราคา จะปรากฎสัญลักษณ์  จากนั้นคลิกคำสั่ง "ตกแต่ง"


 

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

 
 

  • ตั้งค่าการแสดงผลปุ่มสั่งซื้อสินค้า นำเมาส์ไปวางในบริเวณปุ่มสั่งซื้อ จะปรากฎสัญลักษณ์  จากนั้นคลิกคำสั่ง "ตกแต่ง"


จะปรากฎส่วนสำหรับตั้งค่าการแสดงผลปุ่มสั่งซื้อ โดยคุณสามารถใส่ภาพพื้นหลังให้กับปุ่มสั่งซื้อ ในแท็บ "พื้นหลัง" (ทั้งแบบอัพโหลดรูปภาพเองหรือเลือกรูปภาพสำเร็จจะระบบ)

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

 

และจากการตั้งค่าปุ่มสั่งซื้อนี้ จะมีผลกับปุ่มในหน้าตะกร้าสินค้าด้วย ดังรูป



วิธีแสดงผลเฉพาะราคาสินค้า

ในกรณีที่ต้องการแสดงเฉพาะราคาสินค้า (ไม่แสดงปุ่มสั่งซื้อ) สามารถตั้งค่าได้โดย นำเมาส์ไปวางในบริเวณ Section ราคา จะปรากฎสัญลักษณ์    จากนั้นคลิกคำสั่ง "แสดง/ซ่อนปุ่มสั่งซื้อ" เพื่อเปิดหรือปิดการแสดงผลปุ่มสั่งซื้อค่ะ

 
ตัวอย่างการแสดงผล Section ราคาสินค้า แบบซ่อนปุ่มสั่งซื้อบนหน้าเว็บไซต์



วิธีตั้งค่าราคาขายปกติ/ราคาสมาชิก

สำหรับเว็บไซต์สำเร็จรูป VelaEasy แพ็คเกจที่มีระบบสมาชิก (Member Login) เว็บมาสเตอร์สามารถมอบอีกหนึ่งสิทธิประโยชน์ให้กับผู้เป็นสมาชิกของเว็บไซต์ได้ ก็คือ การตั้งค่าราคาสินค้าพิเศษเฉพาะสมาชิกเว็บไซต์

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

โดยหลังจาก Login เข้าสู่ส่วนจัดการเว็บไซต์แล้ว

  • คลิกที่เมนู "ตั้งค่า"
  • คลิกแท็บ "ร้านค้า
  • จะพบกับหัวข้อ "ราคาปกติ / ราคาสมาชิก" ให้ติ๊กเลือก "เปิดใช้งาน" สามารถตั้งค่าการแสดงผลข้อความที่จะเป็นหัวข้ออธิบายของราคาได้ตามต้องการ
  • เรียบร้อยแล้วคลิก "บันทึก"

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

 

ขั้นตอนการกำหนดราคาสำหรับสมาชิกในหน้าสินค้า มีดังนี้

1. คลิกเข้าสู่หน้ารายละเอียดสินค้าชิ้นที่ต้องการ บริเวณ Section ราคาสินค้า ให้นำเมาส์ไปชี้ที่สัญลักษณ์  จากนั้นคลิก "ตั้งค่าราคา" ดังรูป


2. ปรากฎหน้าต่าง "ตั้งค่าราคา" สามารถใส่ราคาสินค้าได้ 3 รูปแบบ ดังนี้

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

เมื่อตั้งค่าราคาเรียบร้อยแล้ว คลิก "บันทึก"


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


 

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



วิธีปิดการแสดงผล Section ราคาสินค้าและปุ่มสั่งซื้อ

การปิด Section ราคา เพื่อไม่ให้แสดงราคาและปุ่มสั่งซื้อสินค้าชิ้นนั้น ๆ บนหน้าเว็บไซต์ สามารถตั้งค่าได้โดย นำเมาส์ไปวางในบริเวณ Section ราคา จะปรากฎสัญลักษณ์    จากนั้นคลิกคำสั่ง "ลบ Section นี้" และคลิก "ตกลง" เพื่อยืนยันค่ะ


 




คู่มือการใช้งาน

การเลือก Theme และตกแต่งเว็บไซต์
VelaEasy Smart Theme
วิธีเพิ่มเมนู บทความ / สินค้า article
จัดการรูปภาพประกอบเนื้อหา article
วิธี Drag & Drop สลับตำแหน่งเมนูด้านบนและด้านข้าง พร้อมเพิ่มเมนูระดับ 2
วิธีเพิ่มเมนูระดับที่ 3,4,5
วิธีจัดเก็บข้อมูลเข้าคลังเนื้อหา (ไม่แสดงในเมนู)
วิธีแก้ไขและลบเมนู
วิธีตั้งค่า SEO สำหรับแต่ละหน้า
วิธีเพิ่ม เมนูลิงก์
วิธีเพิ่มและใช้งานระบบเว็บบอร์ด
วิธีเพิ่มหน้ารวมเว็บบอร์ด
วิธีเพิ่มอัลบั้มรูป
เพิ่มเมนู Landing Page
วิธีเพิ่ม เมนูข้อความ
วิธีเพิ่มเมนู Tag
วิธีการใช้งานฟังก์ชัน "Tags" ในหน้าแก้ไขเมนู
วิธีเพิ่มเมนู สมาชิก (สำหรับสมัครและให้สมาชิกล็อกอิน)
วิธีการใช้งาน "ระบบสมาชิก"
วิธีเพิ่ม Section "Slideshow"
วิธีเพิ่ม Section "Banner"
วิธีเพิ่ม Section "พื้นที่เนื้อหาเสริม"
วิธีเพิ่ม Section "Text"
วิธีเพิ่ม Section "HTML"
วิธีเพิ่ม Section Attachment (อัพโหลดไฟล์เอกสารแนบในเนื้อหา)
วิธีเพิ่ม Section "Social Buttons"
วิธีเพิ่ม Section "แบบฟอร์มติดต่อกลับ"
วิธีเพิ่ม Section "Comment" : แบบฟอร์มความคิดเห็น
วิธีเพิ่ม Section "Show Boxes" : เพิ่มกล่องแสดงรายการสินค้าและบริการบนหน้าเว็บไซต์
วิธีเพิ่ม Section "รายการที่เกี่ยวข้อง"
วิธีเพิ่ม Section "รายการย่อยภายใต้หัวข้อนี้"
วิธีเพิ่ม Section "รายการอื่นภายใต้หัวข้อเดียวกัน"
กำหนดรูปแบบโดยรวม
วิธีใส่โลโก้หลักของเว็บไซต์
วิธีใส่โลโก้ที่เมนูด้านบน
วิธีการใส่รูปภาพพื้นหลังส่วนหัว (แบนเนอร์ของเว็บไซต์)
วิธีการใส่รูปภาพประกอบส่วนหัว (ภาพเล็กบนภาพส่วนหัว 7-9 ภาพ)
วิธีการใส่รูปภาพพื้นหลังเว็บไซต์
วิธีการใส่ภาพพื้นหลังให้กับพื้นที่ "เมนูด้านบน" และ "เมนูด้านข้าง"
วิธีการกำหนดค่าทึบแสงของพื้นหลัง
วิธีจัดตำแหน่งเมนูด้านบนและสลับกับพื้นที่ส่วนหัว
วิธีซ่อนพื้นที่ด้านข้าง
วิธีเพิ่ม Widget "Link Banner"
วิธีเพิ่ม Widget "แบบฟอร์ม"
วิธีเพิ่ม Widget "HTML"
วิธีเพิ่ม Widget "Search Box" ช่องค้นหาข้อมูลบทความ/สินค้า
วิธีเพิ่ม Widget "Member Box"
วิธีสลับตำแหน่ง Sidebar Widget กับเมนูด้านข้าง
วิธีการตั้งค่า "พื้นที่ด้านล่าง" ของเว็บไซต์
วิธีเพิ่มลิงก์เมนูลัด ในพื้นที่ด้านล่างของเว็บไซต์ (Footer Link)
วิธีแก้ไขเว็บไซต์ใน Safe Mode
ระบบ Chat
วิธีเข้าดูรายการสั่งซื้อ
วิธีการเข้าดูรายการติดต่อกลับ
วิธีเข้าดู "รายงานการขาย"
เมนูตั้งค่า ทั่วไป article
เมนูตั้งค่า "ร้านค้า" และระบบตะกร้าสินค้า
วิธีใช้งานระบบ Stock สินค้า
วิธีตั้งราคาค่าขนส่งสินค้า
เมนูตั้งค่า เครื่องมือของ Google
เมนูตั้งค่า Social Networks
เมนูตั้งค่า โค้ดและสคริปต์
เมนู อีเมล POP3
เมนู อีเมล Forwarding
บริหารเว็บไซต์ผ่าน Smart Phone ด้วย VelaHandy
วิธีเลือกภาษาบนหน้าเว็บไซต์
วิธีเปลี่ยนรหัสผ่าน article
ดาวน์โหลดเอกสารประกอบคอร์สอบรม Introduction to ReadyPlanet VelaEasy Website System
คู่มือการใช้งานฟังก์ชันพิเศษในแพ็กเกจ XL และ แพ็กเกจ Easy
ขั้นตอนสำคัญสำหรับยืนยันการจดโดเมนเนมใหม่และแก้ไขข้อมูลผู้ดูแลโดเมน