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

ไคลเอนต์อีเมลจำนวนมากมีการตั้งค่าโหมดมืดซึ่งอาจนำไปสู่ความไม่สอดคล้องกับวิธีที่อีเมลการตลาดของคุณปรากฏในไคลเอนต์ที่เปิดใช้งานรูปลักษณ์ที่สว่างขึ้น

เปิดใช้งานการแสดงตัวอย่างโหมดมืดในเครื่องมือแก้ไขอีเมล

วิธีเปลี่ยนเป็นตัวอย่างอีเมลของคุณในโหมดมืดขณะออกแบบ:

• ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
• คลิกชื่ออีเมลแบบร่าง
• ที่ด้านบนของเครื่องมือแก้ไขอีเมลให้คลิกตัวเลือกการแสดงผลจากนั้นเปิดสวิตช์ตัวอย่างโหมดมืด

แสดงตัวอย่างลักษณะที่ปรากฏของอีเมลของคุณในโหมดมืดของไคลเอ็นต์เฉพาะ

หากต้องการดูว่าอีเมลของคุณจะเป็นอย่างไรเมื่อผู้ติดต่อเปิดในเบราว์เซอร์หรือไคลเอนต์ที่เปิดใช้งานโหมดมืด:

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

• ที่มุมขวาบนให้คลิกทดสอบอีเมลของฉันตอนนี้

แนวทางปฏิบัติที่ดีที่สุดในการออกแบบอีเมลสำหรับโหมดมืด

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

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

ใช้ภาพที่จะปรากฏอย่างชัดเจนทั้งบนพื้นหลังสีอ่อนและสีเข้ม

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

เลือกสีที่เข้าถึงเว็บได้

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

ระบุคำค้นหาสื่อสำหรับการจัดแต่งทรงผมในโหมดมืดใน iOS

ไคลเอนต์อีเมลหลายรายการรวมถึง Apple Mail และ Outlook.com ให้การสนับสนุนที่จำกัดสำหรับการตรวจจับและเพิ่มสไตล์ที่กำหนดเองผ่านการสืบค้นสื่อ หากคุณใช้เครื่องมือแก้ไขอีเมลแบบคลาสสิกที่อัปเดตแล้วและคุณมีแหล่งข้อมูลสำหรับนักพัฒนาเพื่อทำการเปลี่ยนแปลง CSS ในอีเมลของคุณคุณสามารถเพิ่มการค้นprefers-color-scheme สื่อด้วยคุณลักษณะสื่อสีที่ต้องการเพื่อกำหนดค่าลักษณะของภาพและข้อความในโหมดมืดและโหมดสว่าง