Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เขียนอีเมลด้วย HTML และส่งผ่าน Gmail

อีเมล HTML ก็คืออีเมล แต่จัดรูปแบบคล้ายหน้าเว็บ โดยใช้กราฟิก สี ลิงก์ และคอลัมน์ตาราง ลองนึกถึงจดหมายข่าว (newsletter) ที่เคยรับมา นั่นคือลักษณะของอีเมล HTML ในขณะที่ข้อความธรรมดา (plain text) มีแต่ข้อความ ลองนึกถึงอีเมลภายในองค์กรทั่วไป นั่นคือลักษณะของอีเมลข้อความธรรมดา

โดยทั่วไป นักการตลาดอีเมลไม่ได้อภิปรายว่ารูปแบบไหนดีกว่า อีเมล HTML แปลงการขายได้ดีกว่าสำหรับการทดสอบการตลาดเสมอ อย่างไรก็ตาม มีบางปัจจัยที่ต้องพิจารณาก่อนตัดสินใจใช้รูปแบบอีเมลใด สุดท้ายมีโซลูชันที่ให้คุณได้ส่วนที่ดีที่สุดของทั้งสองโลก

วิธีเขียนอีเมลใน HTML

แอป HTML Mail ช่วยให้คุณไม่แค่เขียน แต่ส่งอีเมลผ่าน Gmail API ด้วย ด้วยบัญชี Gmail คุณสามารถล็อกอินและเริ่มเขียนอีเมลด้วย WYSIWYG editor หรือถ้าคุณถนัดโค้ด สามารถสลับไปโหมด HTML และเขียนข้อความด้วย CSS และ HTML โดยตรง

เขียนอีเมลด้วย HTML และส่งผ่าน Gmail


แอป HTML ช่วยให้คุณส่งอีเมลด้วยบัญชี Gmail แต่ไม่เหมือนเวอร์ชันก่อนหน้า คุณไม่ต้องการการเข้าถึงเต็มสิทธิ์บัญชี Google คุณต้องการแค่สิทธิ์เขียนและส่งข้อความต่อจากคุณ และจะไม่สามารถอ่านสิ่งอื่นในกล่องจดหมายได้ แอปนี้เป็นโอเพนซอร์ส แต่อาจเพิกถอนการเข้าถึงได้ตลอดเวลาจากหน้าบัญชี Google

วิธีส่งอีเมล HTML จาก Gmail? สามารถฝัง HTML ใน Gmail ได้ไหม?

Gmail อนุญาตให้ส่งอีเมล HTML เหมือนผู้ให้บริการอีเมลคนอื่น มีเครื่องมือง่ายๆ ช่วยเพิ่มสไตล์ข้อความ เช่น ทำตัวหนา ตัวเอียง เพิ่มสี ตามสไตล์ของคุณ ในการส่งอีเมล HTML มีหลายอย่างที่ต้องพิจารณา ไม่แค่ฟิลเตอร์สแปมที่ตรวจสอบการออกแบบ HTML แต่ยังต้องจัดการกับขาดมาตรฐานอีเมล HTML และการรองรับข้าม 100+ ไคลเอนต์อีเมลที่แตกต่างกัน

ประเภทของไคลเอนต์อีเมล

หลายคนใช้ไคลเอนต์อีเมลบางตัว อาจเป็นเดสก์ท็อป เช่น Thunderbird หรือ Outlook หรือเป็นเว็บเบส เช่น Yahoo, Hotmail หรือ Gmail บางไคลเอนต์เน้นธุรกิจ บางตัวเน้นผู้บริโภคทั่วไป มีเพียงไม่กี่ตัวที่โดดเด่นในการให้บริการดีที่สุด

มีบางอย่างที่ควรทำเมื่อออกแบบอีเมล HTML สำหรับจดหมายข่าว ต้องจดจำบางอย่างที่ควหลีกเลี่ยง เพราะจะรบกวนมากถ้าปลิดเลย

อย่าใช้ภาพพื้นหลังในอีเมล HTML

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

หลีกเลี่ยง CSS ลิงก์ภายนอก

บางไคลเอนต์อาจยังรองรับ CSS ภายนอก แต่พบว่าส่วนใหญ่ของไคลเอนต์เว็บเบสเลือกที่จะเพิกเฉยหรือตัดลิงก์ CSS ภายนอกออก

ในทำนองเดียวกัน ไม่ควรใช้ CSS ที่กำหนดในเฮดเดอร์ของอีเมล HTML เพราะอาจถูกเพิกเฉยหรือถูกตัดออกโดยไคลเอนต์เว็บเบส

อย่าใช้ภาพเดียวสำหรับข้อความทั้งหมด

ฟิลเตอร์แอนติสแปมฉลาดต่อท่าที هذا และขนาดข้อความอาจกลายใหญ่ผิดปกติจากการทำเช่นนี้

ออกแบบอีเมล HTML ให้ไม่คล้ายหน้าเว็บ

เว็บเบราว์เซอร์ซับซ้อนกว่าไคลเอนต์อีเมลในการเรนเดอร์ HTML หากใช้แท็ก DIV จัดเลย์เอาท์อีเมล HTML อาจพบว่าเลย์เอาท์เสียหายเมื่อผู้รับได้รับ

เมื่อเขียนโค้ด HTML สำหรับเว็บไซต์ สิ่งเหล่านี้อาจเป็นแนวทางปฏิบัติที่ดี แต่อาจก่อปัญหาในสภาพแวดล้อมไคลเอนต์อีเมล

ทำไมต้องเลือก HTML Mail?

แม้ Gmail จะมีตัวแก้ไขภาพที่ดีสำหรับเขียนอีเมล แต่ความแตกต่างใหญ่ระหว่าง Gmail และ HTML Mail คือตัวหลังให้เขียนและจัดสไตล์อีเมลใน HTML โดยตรง ปัจจุบันไม่มีวิธีแทรกตารางใน Gmail แต่ในแอป HTML Mail ทำได้ง่าย สามารถใช้เครื่องมือ Table จาก 툴บาร์ หรือสลับมุมมองโค้ดและเพิ่มแท็ก table เอง

แม้ Google ล้ม คุณก็ส่งเมลได้ด้วย HTML Mail App

หากเว็บไซต์ Gmail.com ล้มสักพัก (เกิดขึ้นบ้าง) คุณยังใช้ HTML Mail app ได้ ส่งข้อความผ่านบัญชี Gmail ได้แม้ Gmail จะล้ม

ไอคอนโซเชียลมีเดีย หรือข้อความฝังตัว

เขียนอีเมลด้วย HTML และส่งผ่าน Gmail


ในข้อความอีเมล หากต้องการภาพฝังตัวหรือไอคอนโซเชียลมีเดีย ต้องอัปโหลดไปที่เว็บไซต์เช่น imgur.com และวาง URL รูปที่อัปโหลดลงในกล่องแทรกภาพ

ขีดจำกัดเหมือนกัน - ทั้ง Gmail และ HTML

เมื่อเขียนอีเมลเสร็จใน HTML Mail App ให้ใส่หัวข้อและที่อยู่อีเมลผู้รับ แล้วกดส่ง อีเมลต่อวันมีขีดจำกัดเท่า Gmail เหมือนกัน

โหมดเต็มหน้าจอ

ในแอป HTML มีโหมดเต็มหน้าจอ เขียนอีเมลในโซนไม่รบกวน ตัวแก้ไขภาพขับเคลื่อนภายในโดย TinyMCE พร้อมการปรับ CSS เล็กน้อย

อีเมล HTML ดีกว่าเมื่อเป้าหมายหลักคือแปลงการขาย สอง ควรจัดข้อมูลให้สวยงามเป็นระเบียบ หากมีทีมในองค์กรสร้างเทมเพลตอีเมลที่ประสบความสำเร็จ ให้ล่วงหน้าและเลือกอีเมล HTML