โปรดทราบ:: บทความนี้จัดทำขึ้นเพื่อความสะดวกของคุณ

อีเมลการตลาดแบบกำหนดเองที่มีรหัสดูแตกต่างกันใน Outlook

อัปเดตล่าสุด: 9 ตุลาคม 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

การตลาด Hub Professional, Enterprise

หากคุณสร้างอีเมลการตลาดที่มีรหัสแบบกำหนดเองคุณอาจสังเกตเห็นความแตกต่างในลักษณะที่อีเมลของคุณแสดงใน Outlook เช่นปัญหาการวางตำแหน่งหรือระยะห่าง

แก้ปัญหาการเว้นวรรค

มีสองวิธีในการปรับระยะห่างรอบภาพใน Outlook: การใช้ hspace หรือ vspace และการใช้ตาราง

ใช้ hspace และ vspace

แอตทริบิวต์ HTML vspace กำหนดพื้นที่แนวตั้งและจะเพิ่มระยะห่างเท่ากันที่ด้านบนและด้านล่างของภาพของคุณ แอตทริบิวต์ hspace กำหนดพื้นที่แนวนอนและจะเพิ่มระยะห่างเท่ากันทางด้านขวาและซ้ายของภาพของคุณ

ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
คลิกชื่ออีเมลแบบร่างโดยใช้เทมเพลตรหัสที่กำหนดเอง
ในเครื่องมือแก้ไขอีเมลให้คลิกโมดูลที่คุณต้องการแก้ไข
ในแถบเครื่องมือ Rich Text ให้คลิกเมนูแบบเลื่อนลงขั้นสูงแล้วเลือกซอร์สโค้ด
ในกล่องโต้ตอบให้เพิ่ม hspace="10" vspace="10" ที่ส่วนท้ายของรหัสภาพ แทนที่ 10 ด้วยระยะห่างที่ต้องการ

Screenshot of the source code editor in the email editor. The hspace=

ใช้ตาราง

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

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

Screenshot of the email editor. The Insert dropdown menu & Table option are highlighted. A 3x1 table is being created.

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

แก้ปัญหาเส้นแนวนอนที่ไม่คาดคิด

เนื่องจากปัญหาที่ทราบใน Outlook บางเวอร์ชันเส้นแนวนอนอาจปรากฏระหว่างส่วนในอีเมลของคุณ หากสิ่งนี้เกิดขึ้นให้ลองทำตามขั้นตอนต่อไปนี้:

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

ms-text-size-adjust: none; mso-line-height-rule: exactly;

บทความนี้มีประโยชน์หรือไม่

แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot