Outlook에서 마케팅 이메일이 다르게 보입니다.
마지막 업데이트 날짜: 2월 12, 2025
명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.
|
|
레거시 Marketing Hub Basic |
업데이트된 클래식 이메일 편집기를 사용하여 마케팅 이메일 초안을 작성하는 경우 Outlook의 제한된 CSS 지원으로 인해 Outlook에서 이메일이 렌더링되는 방식에 불일치가 발생할 수 있습니다.
Outlook에서 이메일 위치나 간격이 잘못 표시되는 경우 아래의 문제 해결 단계를 따르세요.
이메일 디자인에 대한 자세한 내용은 HubSpot 디자이너 커뮤니티에서 확인하세요.
참고: HubSpot 지원팀은 사용자 지정 코딩된 이메일 템플릿을 지원할 수 없습니다. 사용자 지정 코딩된 템플릿을 사용하는 경우에는 해당 템플릿을 만든 제공업체에 문의하세요. 커뮤니티에서 다른 HubSpot 사용자 및 디자이너와 연결할 수도 있습니다.
간격 조정
Outlook에서 이미지 주위의 간격을 조정하는 방법에는 hspace 또는 vspace 사용과 표 사용의 두 가지가 있습니다.
hspace 및 vspace 사용
HTML 속성 vspace는 세로 공간을 정의하며 이미지의 위쪽과 아래쪽에 동일한 간격을 추가합니다. hspace 속성은 가로 공간을 정의하며 이미지의 오른쪽과 왼쪽에 동일한 간격을 추가합니다.
- HubSpot 계정에서 마케팅 > 마케팅 이메일로 이동합니다.
-
사용자 정의 코딩 템플릿이 포함된 이메일 이름 위로 마우스를 가져간 다음 편집을 클릭합니다.
-
콘텐츠 모듈을 클릭합니다.
- 이미지 코드 끝에 다음 코드 중 하나 또는 둘 다를 추가합니다:
hspace="10" vspace="10"
10
를 원하는 간격으로 바꿉니다 .
표 사용
3열 표를 사용하여 이미지, 간격 및 텍스트를 균등하게 포함할 수 있습니다:
- HubSpot 계정에서 마케팅 > 마케팅 이메일로 이동합니다.
-
사용자 지정 코딩 템플릿이 있는 이메일 이름에 마우스를 갖다 댄 다음 편집을 클릭합니다.
-
서식 있는 텍스트 편집기 도구 모음에서 삽입 > 표를 클릭합니다. 3x1 표를 만듭니다.
-
서식 있는 텍스트 편집기 도구 모음에서 고급을 클릭한 다음 소스 코드를 선택합니다.
-
빈 셀에 이미지와 텍스트 사이의 간격을 원하는 너비(예:
<td width="10">
)를 지정합니다. -
글꼴 모음, 글꼴 크기, 글꼴 색상 및 줄 높이(예:
style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000"
)를 지정하지 않으면 Outlook에서 자체 스타일을 추가하므로 지정하세요.
이메일에 예기치 않은 가로줄이 나타나는 문제 해결
일부 버전의 Outlook에서 알려진 버그로 인해 이메일의 섹션 사이에 가로줄이 표시될 수 있습니다. 이 문제를 해결할 수 있는 일관된 방법은 없지만 다음 문제 해결 단계를 시도해 볼 수 있습니다:
- 이메일의 배경색을 본문 색상과 동일하게 설정합니다.
- 콘텐츠의 글꼴 크기와 줄 높이를 짝수가 되도록 업데이트합니다.
- 이메일 템플릿의 헤드 섹션에 다음 CSS 스타일을 포함합니다:
ms-text-size-adjust: none; mso-line-height-rule: exactly;