เพิ่มประสิทธิภาพอีเมลการตลาดสำหรับอุปกรณ์มือถือ

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

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

ทำความเข้าใจข้อจำกัดและข้อพิจารณา

• การตั้งค่าโมดูลและสไตล์แยกต่างหากบนเดสก์ท็อปและมือถือทำได้เฉพาะในตัวแก้ไขการลากและวางเท่านั้น สำหรับอีเมลที่สร้างขึ้นโดยใช้เทมเพลตตัวจัดการการออกแบบนักพัฒนาซอฟต์แวร์จะต้องเพิ่มการปรับแต่งอุปกรณ์ด้วยตนเอง 
• ไคลเอนต์อีเมลต่อไปนี้ไม่รองรับอีเมลที่ปรับให้เหมาะสมกับอุปกรณ์เคลื่อนที่: Yahoo! จดหมายบน Android, AOL Mail บน Android, Gmail IMAP และ Samsung Mail บางรุ่น ในไคลเอนต์เหล่านี้โมดูลที่ซ่อนอยู่จะมองเห็นได้และการกำหนดค่าเฉพาะอุปกรณ์เคลื่อนที่จะถูกละเว้น
• การตั้งค่าโมดูลเช่นขนาดตัวอักษรหรือช่องว่างไม่สามารถตั้งค่าเป็นค่าต่างๆสำหรับมือถือและเดสก์ท็อปได้ หากต้องการใช้ค่าที่แตกต่างกันสำหรับการตั้งค่าเหล่านี้ขอแนะนำให้สร้างโมดูลแยกเฉพาะบนมือถือและเดสก์ท็อปเท่านั้นที่มีเนื้อหาเดียวกัน

ซ่อนโมดูลและส่วนต่างๆบนเดสก์ท็อปหรือมือถือ

ในการปรับแต่งโมดูลหรือส่วนที่ปรากฏสำหรับผู้รับเดสก์ท็อปหรือมือถือ:

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่างหรือคลิกสร้างอีเมล
3. คลิกไอคอนเด desktop หรือไอคอนมือ mobileที่ด้านบนของเครื่องมือแก้ไขอีเมลเพื่อกำหนดค่าการตั้งค่าสำหรับอุปกรณ์แต่ละประเภท

4. วางเมาส์เหนือโมดูลหรือส่วนแล้วคลิกไอคอน hide ซ่อนเพื่อซ่อนโมดูลนั้นในเวอร์ชันของอีเมลที่คุณกำลังแก้ไข

5. หากต้องการแสดงโมดูลที่ซ่อนอยู่ทั้งหมดสำหรับเวอร์ชันที่คุณกำลังแก้ไขให้คลิกเมนูแบบเลื่อนลงตัวเลือกการแสดงผลที่ด้านบนของเครื่องมือแก้ไขจากนั้นสลับแสดงที่ซ่อนอยู่  
6. หากต้องการสลับโมดูลที่ซ่อนอยู่กลับไปเป็นมองเห็นได้สำหรับอีเมลรุ่นนั้นให้คลิกไอคอน view มองที่ไอคอนที่ซ่อนอยู่เป็นอย่างอื่น 

ปรับแต่งการซ้อนโมดูลบนอุปกรณ์มือถือ

คุณสามารถปรับแต่งวิธีที่โมดูลในส่วนจะซ้อนกันเมื่อดูบนอุปกรณ์มือถือ 

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่างหรือคลิกสร้างอีเมล
3. ในเครื่องมือแก้ไขอีเมลให้คลิก ส่วน 
4. ในตัวแก้ไขแถบด้านข้างซ้ายให้เลือกตัวเลือกในส่วนการเรียงซ้อน :
   • เก็บคอลัมน์เดียวกัน: อีเมลจะแสดงจำนวนคอลัมน์บนมือถือเท่ากับบนเดสก์ท็อป 
   • ซ้ายด้านบนขวา: โมดูลทางด้านซ้ายของส่วนจะปรากฏบนมือถือก่อน 
   • ด้านขวาบนซ้าย: โมดูลทางด้านขวาของส่วนจะปรากฏบนมือถือก่อน 

ปรับแต่งสไตล์บนเดสก์ท็อปหรือมือถือ

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

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่างหรือคลิกสร้างอีเมล
3. ในเครื่องมือแก้ไขอีเมลให้คลิกส่วนเพื่อแก้ไขสไตล์หรือคลิกไอคอนการออกแบบเทมเพลตส styles ล์ทางด้านซ้ายเพื่อแก้ไขสไตล์สำหรับอีเมลทั้งฉบับ 
4. ในตัวแก้ไขแถบด้านข้างซ้ายให้สลับสวิตช์อุปกรณ์ทั้งหมดถัดจากส่วนเพื่อดูการตั้งค่าแยกต่างหากสำหรับเดสก์ท็อปและมือถือ 

5. แก้ไขการตั้งค่าสไตล์สำหรับเดสก์ท็อปและมือถือ 

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

เพิ่มประสิทธิภาพอีเมลสำหรับอุปกรณ์มือถือ

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

• ใช้เทมเพลตอีเมลที่ตอบสนองได้: เนื้อหาที่ตอบสนองได้จะปรับให้พอดีกับหน้าจอที่ดู แม้ว่าเทมเพลตแบบลากและวางของ HubSpot จะตอบสนองตามค่าเริ่มต้นแต่นักพัฒนาซอฟต์แวร์ที่สร้างเทมเพลตโค้ดจะต้องใช้มาร์กอัปเทมเพลตอีเมลที่ตอบสนอง
• ลดขนาดไฟล์รูปภาพ: ไฟล์รูปภาพขนาดเล็กส่งผลให้อีเมลมีขนาดเล็กลงและโหลดได้เร็วขึ้น ในขณะที่ HubSpot ปรับขนาดภาพใดๆโดยอัตโนมัติด้วยความกว้างที่ตั้งไว้ซึ่งจะช่วยลดขนาดไฟล์คุณยังสามารถใช้บริการเช่น FastStone Photo Resizer ได้อีกด้วย
• สร้างลิงก์และปุ่มที่อ่านได้: ลิงก์และปุ่มข้อความใดๆควรมีความกว้างและความสูงอย่างน้อย 57 พิกเซล 
• ข้อความตัวอย่างอีเมลทดสอบ: ข้อความ alt ของภาพที่วางไว้ที่จุดเริ่มต้นของอีเมลการตลาดสามารถดึงลงในข้อความตัวอย่างของอีเมลได้ คุณสามารถลบข้อความ alt ของภาพออกได้เพื่อแก้ปัญหานี้ ขอแนะนำให้ส่งอีเมลทดสอบเพื่อตรวจสอบว่าข้อความตัวอย่างปรากฏตามที่คาดไว้ 
• หลีกเลี่ยงองค์ประกอบ Javascript และ iframe: องค์ประกอบ Javascript และ iframe ที่ฝังอยู่จะไม่แสดงผลโดยไคลเอนต์อีเมลส่วนใหญ่ ขอแนะนำให้หลีกเลี่ยงการเพิ่มสิ่งเหล่านี้ลงในเทมเพลตที่มีรหัส 
• ลดขนาดอีเมลเพื่อหลีกเลี่ยงการตัด: อีเมลขนาดเกิน 102 KB สามารถซ่อนเนื้อหาไว้ด้านหลัง "ดูลิงก์ข้อความทั้งหมด" ใน Gmail ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับการคำนวณและลดขนาดอีเมล