ดูตัวอย่างและเพิ่มประสิทธิภาพการแสดงอีเมลของคุณในไคลเอนต์และอุปกรณ์ต่างๆ

ในขณะที่คุณออกแบบอีเมลการตลาดของคุณคุณสามารถดูตัวอย่างลักษณะของอีเมลในอุปกรณ์ประเภทต่างๆและไคลเอนต์อีเมลได้ หากคุณสังเกตเห็นว่าอีเมลของคุณไม่ได้แสดงผลตามที่คาดไว้ในไคลเอ็นต์เฉพาะโปรดอ่านแนวทางปฏิบัติที่ดีที่สุดและการแก้ไขปัญหาทั่วไปด้านล่าง 

ดูตัวอย่างอีเมลของคุณบนอุปกรณ์มือถือและไคลเอนต์เดสก์ท็อป

ก่อนที่จะส่งอีเมลของคุณคุณสามารถดูตัวอย่างว่าจะมีลักษณะอย่างไรในไคลเอนต์และอุปกรณ์ที่แตกต่างกัน

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

แก้ไขปัญหาการตัดของ Gmail

หากขนาดรวมของอีเมลของคุณรวมถึงรหัสฝังตัวในมาร์กอัปข้อความของคุณเกิน 102 KB Gmail จะคลิปอีเมลของคุณ ในการดูเนื้อหาทั้งหมดของอีเมลของคุณผู้รับของคุณจะต้องคลิกลิงก์ดูข้อความทั้งหมดซึ่งอาจส่งผลเสียต่อชื่อเสียงในการส่งของคุณและยังรบกวนความสามารถของ HubSpot ในการติดตามการโต้ตอบกับอีเมลของคุณ

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

เพื่อป้องกันไม่ให้ Gmail ตัดอีเมลของคุณคุณสามารถทำตามขั้นตอนด้านล่าง:

• ลดจำนวนลิงก์ในอีเมลของคุณ: ลิงก์ที่ติดตามแต่ละรายการในอีเมลของคุณมีพารามิเตอร์การติดตามของ HubSpot ที่ส่วนท้ายของ URL ลิงก์เหล่านี้อาจมีความยาวแตกต่างกันไปแต่แต่ละลิงก์อาจมีความยาวหลายร้อยตัวอักษรซึ่งมีส่วนทำให้อีเมลของคุณมีขนาดใหญ่ขึ้น
• ตัดเนื้อหาเพิ่มเติมออก: แก้ไขอีเมลของคุณเพื่อลบเนื้อหาที่ไม่จำเป็นสำหรับผู้รับของคุณในการอ่าน นอกจากนี้คุณควรตรวจสอบรหัสหรือสไตล์ที่คุณอาจรวมไว้หากคุณคัดลอกเนื้อหาจากตัวแก้ไขแยกต่างหาก โปรดทราบว่าการลบภาพขนาดใหญ่จะไม่ช่วยลดขนาดอีเมลของคุณอย่างมีนัยสำคัญเนื่องจากมีการโหลดแยกต่างหากจากเนื้อหาอีเมลของคุณ
• หลีกเลี่ยงการส่งอีเมลหลายฉบับที่มีหัวเรื่องเดียวกัน: หากคุณส่งอีเมลหลายฉบับไปยังผู้รับที่มีหัวเรื่องเดียวกัน Gmail จะรวมเป็นชุดเดียวโดยอัตโนมัติแม้ว่าอีเมลล่าสุดจะมีเนื้อหาใหม่ก็ตาม
• ทดสอบอีเมลของคุณหลังจากทำการเปลี่ยนแปลง: หลังจากแก้ไขอีเมลเพื่อลดขนาดแล้วให้ส่งอีเมลทดสอบไปยังบัญชี Gmail ที่คุณเป็นเจ้าของเพื่อยืนยันว่าอีเมลของคุณปรากฏตามที่คุณคาดหวังโดยไม่มีการตัดต่อ

ทำให้อีเมลของคุณเป็นมิตรกับมือถือ

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

ใช้เทมเพลตอีเมลตอบสนอง

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

หากคุณกำลังสร้างเทมเพลตอีเมลที่มีรหัสใน HubSpot อย่าลืมใช้มาร์กอัปเทมเพลตอีเมลที่ตอบสนองได้ของเรา นอกจากนี้คุณยังสามารถซื้อเทมเพลตอีเมลที่ตอบสนองได้จากตลาดเทมเพลต

ลดขนาดไฟล์รูปภาพ

ในกรณีส่วนใหญ่ความเร็วในการดาวน์โหลดบนอุปกรณ์มือถือจะช้ากว่าบนเดสก์ท็อป ใช้ไฟล์รูปภาพขนาดเล็กเพื่อลดเวลาในการโหลดอีเมลของคุณ HubSpot จะปรับขนาดภาพของคุณโดยอัตโนมัติซึ่งมีแอตทริบิวต์ความกว้างในแท็ก < img > บริการต่างๆเช่น FastStone Photo Resizer และ JPEGmini ยังสามารถลดขนาดไฟล์ได้มากถึง 80% โดยไม่ลดคุณภาพของภาพ

เพิ่มขนาดของลิงก์และปุ่ม CTA

ตรวจสอบให้แน่ใจว่าเนื้อหาของคุณมีขนาดใหญ่พอที่จะอ่านได้อย่างชัดเจนบนอุปกรณ์มือถือ เพื่อให้แน่ใจว่าผู้สมัครรับข้อมูลของคุณสามารถเห็นและคลิกที่เนื้อหาของคุณได้อย่างชัดเจนตรวจสอบให้แน่ใจว่าลิงก์ข้อความและปุ่ม CTA มีความสูงและกว้างกว่า 57x57 พิกเซล

ข้อความตัวอย่างอีเมลแก้ปัญหา

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

เพื่อป้องกันปัญหานี้คุณสามารถลองให้สรุปเนื้อหาอีเมลของคุณเป็นข้อความ ALT ของภาพที่ด้านบนของอีเมลของคุณหรือคุณสามารถละเว้นข้อความ ALT ทั้งหมด เพื่อยืนยันว่าข้อความตัวอย่างทั้งหมดปรากฏตามที่คาดไว้คุณสามารถส่งอีเมลทดสอบให้ตัวเองได้

หลีกเลี่ยงการใช้ JavaScript และเฟรมแบบอินไลน์

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