การใช้ Mailchimp เพื่อนำฟอร์มรับ Feedback หรือให้ผู้เยี่ยมชมเว็บเราติดต่อคุณได้
- ทำการเข้าสู่ระบบ mailchimp.com
(หากไม่ได้เป็นสมาชิก ให้ทำการสมัครก่อน คลิกที่นี่)
และคลิกที่ “Lists”
จากนั้นคลิกที่ “Create List” สองครั้งในสองตำแหน่งดังภาพ
ทำการตั้งชื่อให้รู้ว่านี่คือฟอร์มอะไร ที่ List Name,
ใส่อีเมล(ที่ใช้ได้จริงเพื่อรับ Feedback จากผู้ตอบ) ที่ช่อง Default from email address
และใส่ใส่ว่าเราจะทำอะไรกับฟอร์มนี้ที่ Remind ครับ (ต้องกรอกให้ครบ 3 ช่อง)
2. 2.1 ทำการคลิกที่ “เครื่องหมายสามเหลี่ยมชี้ลง”
2.2 คลิก “Signup forms”
3. คลิกที่ Select
4. เลื่อนลงมาเพื่อแก้ไขข้อมูล จากภาพ เราสามารถแก้เป็นชื่ออธิบายว่าเป็นฟอร์มสมัครรับข้อมูลอะไร หากคลิกที่ปุ่ม Text ทางขวาคือเพิ่มช่องให้คนกรอกเพิ่ม
และยังมีหมวดอื่นๆ เช่นเช็คบ็อกช์ ปุ่มต่างๆ และเมื่อคลิกที่ “Field settings” จะพบการตั้งค่าแต่ละ Field ซึ่ง Filed label (สีเขียว) สำหรับตั้งชื่อ Field ที่ไว้แสดงผลต่อผู้กรอก ส่วน Field tag (สีแดง) ให้ตั้งชื่อและจำค่าที่ตั้งไว้ให้ดีเพราะต้องนำไปใช้ตอนสร้างฟอร์ม HTML
อีกทั้งตั้งได้ด้วยว่า Field นี้ต้องบังคับกรอก โดยการคลิกที่ “Required field” เมื่อทำเสร็จให้คลิก Save Field
จากนั้นทำการคัดลอกลิงค์ แล้วนำไปเปิดในแท็บใหม่ของ Browser
5. คลิกขวาที่หน้าเว็บ เลือก “View page source” จากนั้นกด Ctrl+F เพื่อค้นหา และพิมพ์คำว่า “form action”
6. เมื่อหาเจอแล้วทำการ Copy
7. ทำการนำโค้ดนี้ไปใส่บน codekit.co ในบทเรียน
8. ค้นหา input type
9. นำโค้ดนี้ไปใส่บน codekit.co ในบทเรียน
10. จะได้ฟอร์มบนหน้าเว็บเรา สามารถเอาไปปรับแต่งให้เข้ากับส่วนต่างๆ ของเว็บคุณได้