คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

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

09 ก.ย. 2019, 17:20
ติดต่อร้านค้าำได้ง่าย ๆ เพียงแค่ใช้ Element Contact Form

Contact Form

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


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

คลิกที่ ตำแหน่งที่1, 2และ 3 ตามดำดับเพื่อ Add section


คลิกเลือก Content (ตำแหน่งที่ 4)


Section ที่เพิ่มมาใหม่จะอยู่ขวามือและ คลิกเพื่อเพิ่ม Element (ตำแหน่งที่ 6) ข้างในได้



คลิกเลือก Contact from element (ตำแหน่งที่ 7) แล้วคลิก "OK" 



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

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


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

ตำแหน่งที่ 1 : สีชื่อหัวข้อแต่ละหัวข้อ
ตำแหน่งที่ 2 : สีตัวอักษรเมื่อเกิด error (ข้อมูลไม่ครบถ้วน/ไม่ได้ใส่ข้อมูลในช่องนั้น)
ตำแหน่งที่ 3 : ชื่อหัวเรื่องของแต่ละช่อง
ตำแหน่งที่ 4 : เป็นฝั่ง error ตัวอักษรที่ขึ้นเตือน เมื่อใส่ข้อมูลไม่ครบถ้วน/ไม่ได้ใส่ข้อมูลในช่องนั้น

ตำแหน่งที่ 5 : ข้อความยอรับเงื่อนไข
ตำแหน่งที่ 6 : ตัวอักษรที่ขึ้นเตือน เมื่อยังไม่ได้กดยอมรับเงื่อนไข
ตำแหน่งที่ 7 : Submit bottoท ชื่อของปุ่มที่กดเมื่อใส่ข้อมูลใน form เรียบร้อยแล้ว

ตำแหน่งที่ 8 : ชื่อปุ่มกดปิด alert





Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

www.ketshopweb.com

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com

เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็คเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.