콘텐츠로 건너뛰기
주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. 이 문서는 번역 소프트웨어를 사용하여 자동으로 번역되었으며 교정을 거치지 않았을 수 있습니다. 이 문서의 영어 버전이 가장 최신의 정보를 확인할 수 있는 공식 버전으로 간주해야 합니다. 여기에서 액세스할 수 있습니다..

Outlook에서 마케팅 이메일이 다르게 보입니다.

마지막 업데이트 날짜: 2월 12, 2025

명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.

마케팅 Hub   Professional , Enterprise
콘텐츠 Hub   Professional , Enterprise
레거시 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에서 알려진 버그로 인해 이메일의 섹션 사이에 가로줄이 표시될 수 있습니다. 이 문제를 해결할 수 있는 일관된 방법은 없지만 다음 문제 해결 단계를 시도해 볼 수 있습니다:

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

이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.