การใช้งาน Contact form element

Contact Form Element วิธีตั้งค่าแบบฟอร์มติดต่อบนเว็บไซต์

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

การตั้งค่า Contact Form

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb แล้วทำตามขั้นตอนดังนี้

• 1 คลิก "ปรับแต่ง"
• 2 เลือกเมนู "Page Layouts"
• 3 คลิก "ปรับแต่งเนื้อหา"

• 4 คลิก "Add Section"

• 5 เลือก "Content" คลิก "Add Section"

Section ที่เพิ่มมาใหม่จะอยู่ขวามือล่างสุด

• 6 คลิกเพื่อเพิ่ม Element

• 7 คลิก "Add Element"

• 8 เลือก Contact form แล้วคลิก "Add Element"

การตั้งค่ารายละเอียดต่างๆ

• 9 คลิกมุมด้านขวาที่ปุ่ม  เพื่อแก้ไขข้อความที่ต้องการจะแสดง

การใช้งาน ค่า Setting ต่างๆ มีรายละเอียดดังนี้

• 1 ตัวอย่างการแสดงผลตั้งค่า
• 2 สีชื่อหัวข้อแต่ละหัวข้อ
• 3 สีตัวอักษรเมื่อเกิด error (ข้อมูลไม่ครบถ้วน หรือไม่ได้ใส่ข้อมูลในช่องนั้น)
• 4 ชื่อหัวเรื่องของแต่ละช่อง
• 5 ฝั่ง error ตัวอักษรที่ขึ้นเตือน เมื่อใส่ข้อมูลไม่ครบถ้วน หรือไม่ได้ใส่ข้อมูลในช่องนั้น
• 6 ข้อความยอมรับเงื่อนไข
• 7 ตัวอักษรที่ขึ้นเตือน เมื่อยังไม่ได้กดยอมรับเงื่อนไข สามารถปรับแต่งสีพื้นหลังได้
• 8 Submit button: ชื่อของปุ่มที่กดเมื่อใส่ข้อมูลใน form เรียบร้อยแล้ว
• 9 ชื่อปุ่มกดปิด alert
• 10 คลิก "OK" หลังจากตั้งค่าเรียบร้อย

ตัวอย่างการแสดงผล Contact Form บนหน้าเว็บไซต์