เทมเพลต HTML สำหรับอีเมลจดหมายข่าว
อีเมลข้อความธรรมดาเหมาะกับโน้ตสั้น ๆ แต่จดหมายข่าว ข้อเสนอพิเศษ หรืออีเมลต้อนรับ มักต้องการมากกว่านั้น ทั้งโลโก้ รูปภาพ และปุ่มที่ชัดเจน นั่นคืออีเมล HTML มันดูเหมือนหน้าเว็บเล็ก ๆ แต่สร้างด้วยกฎที่ต่างกันมาก เพราะโปรแกรมอีเมลเข้มงวดกว่าเบราว์เซอร์มาก ต่อไปนี้คือสิ่งที่เทมเพลตที่ดีควรมีและวิธีเตรียม
ทำไมอีเมลจึงไม่ใช่หน้าเว็บ
Gmail, Outlook, Apple Mail และแอปบนมือถือต่างแสดง HTML ไม่เหมือนกันเล็กน้อย และหลายโปรแกรมไม่รองรับโค้ดเว็บสมัยใหม่ นี่คือเหตุผลที่อีเมลถูกสร้างด้วยวิธีแบบดั้งเดิม:
- ใช้ตารางจัดเลย์เอาต์ ไม่ใช่เลย์เอาต์เว็บสมัยใหม่
- เขียนสไตล์ไว้ในแต่ละองค์ประกอบ เพราะหลายโปรแกรมตัดส่วนสไตล์ทิ้ง
- ใช้ฟอนต์ระบบ เพราะเว็บฟอนต์ที่กำหนดเองมักโหลดไม่ขึ้น
- ไม่มีสคริปต์ ฟอร์ม หรือวิดีโอ โปรแกรมอีเมลไม่รันสิ่งเหล่านี้ ให้ใช้รูปภาพหรือปุ่มที่ลิงก์ไปยังวิดีโอหรือฟอร์มของคุณแทน
องค์ประกอบของอีเมลที่ดี
- บรรทัดพรีวิว: ข้อความสั้น ๆ ที่แสดงถัดจากหัวเรื่องในกล่องจดหมาย มันคือหัวเรื่องบรรทัดที่สองของคุณ อย่าเสียไปกับคำว่า "ดูในเบราว์เซอร์"
- ส่วนหัว: โลโก้ของคุณ ขนาดเล็ก และลิงก์ไปยังเว็บไซต์
- พาดหัวและรูปหลัก: บอกได้ในแวบเดียวว่าอีเมลเกี่ยวกับอะไร
- ข้อความสั้น ๆ: ไม่เกินสองหรือสามย่อหน้า
- ปุ่มหลักหนึ่งปุ่ม: "ช้อปคอลเลกชัน" "จองโต๊ะ" ปุ่มที่ทำเป็นลิงก์ใช้ได้ทุกที่
- ส่วนท้าย: ชื่อบริษัท ที่อยู่ ช่องทางติดต่อ และลิงก์ยกเลิกการรับอีเมล
ความกว้างและมือถือ
ความกว้างมาตรฐานประมาณ 600 พิกเซล ซึ่งพอดีกับจอคอมพิวเตอร์และช่องอ่านอีเมลของโปรแกรมส่วนใหญ่ บนมือถือ เลย์เอาต์ควรเปลี่ยนเป็นคอลัมน์เดียว ตัวอักษรใหญ่พอให้อ่านได้ และปุ่มใหญ่พอให้แตะได้ อีเมลมากกว่าครึ่งถูกเปิดบนมือถือ จึงควรเช็กเวอร์ชันมือถือก่อน
รูปภาพและข้อความ alt
บางโปรแกรมบล็อกรูปภาพจนกว่าผู้อ่านจะอนุญาต ให้เขียนข้อความ alt ให้ทุกรูป เพื่อให้อีเมลยังเข้าใจได้แม้ไม่มีรูป และอย่าใส่ข้อความสำคัญไว้ในรูปภาพเพียงอย่างเดียว ใช้เฉพาะรูปที่คุณมีสิทธิ์ใช้ รูปภาพจะถูกอัปโหลดไปยังบริการส่งอีเมลหรือเว็บไซต์ของคุณ และอีเมลจะอ้างอิงไปยังที่อยู่ของรูปเหล่านั้น
ลิงก์ยกเลิกการรับอีเมล
บริการส่งอีเมลและกฎหมายในหลายประเทศกำหนดให้อีเมลการตลาดทุกฉบับมีวิธียกเลิกการรับที่ง่าย เทมเพลตมักมีตัวแทนข้อความที่คุณแทนที่ด้วยลิงก์หรือแท็กยกเลิกการรับของบริการที่คุณใช้
เตรียมเนื้อหาอย่างไร
- อีเมลเกี่ยวกับอะไร และใครเป็นผู้รับ
- ข้อเท็จจริง: ราคา วันที่ โค้ดส่วนลด ให้ตรงตามจริงทุกตัว
- แต่ละปุ่มลิงก์ไปที่ไหน: ที่อยู่หน้าเว็บแบบเต็ม
- รายละเอียดส่วนท้าย ตรงตามที่ควรแสดง
- สีและสไตล์ หรืออีเมลที่คุณชอบเป็นแนวทาง
ทดสอบก่อนส่ง
ส่งอีเมลถึงตัวเองใน Gmail, Outlook และบนมือถือ คลิกทุกลิงก์และทุกปุ่ม เช็กบรรทัดพรีวิว และดูอีเมลแบบปิดการแสดงรูปภาพ
สรุป
อีเมล HTML ที่ดีใช้ตารางและสไตล์แบบอินไลน์ กว้างประมาณ 600 พิกเซล เปลี่ยนเป็นคอลัมน์เดียวบนมือถือ มีปุ่มหลักที่ชัดเจนหนึ่งปุ่มและส่วนท้ายที่ครบถ้วน หากไม่อยากสร้างเอง ก็สั่งทำอีเมล HTMLได้เลย เพียงอธิบายอีเมล ข้อเสนอ และปลายทางของปุ่ม แล้วรับไฟล์บีบอัดที่มี HTML สำเร็จรูปและรูปภาพที่วาดขึ้นสำหรับอีเมลนั้น พร้อมนำเข้า Mailchimp, Brevo หรือบริการส่งอีเมลอื่น การชำระเงินจะถูกปล่อยหลังจากคุณยอมรับงานแล้วเท่านั้น