사용자 지정 코딩된 마케팅 이메일은 Outlook에서 다르게 보입니다.

사용자 지정 코딩된 마케팅 이메일을 만든 경우 위치 또는 간격 문제와 같이 Outlook에서 이메일이 렌더링되는 방식에 불일치가 있을 수 있습니다. 아래 섹션의 문제 해결 단계에 따라 도움을 받을 수 있습니다.

Outlook에서 이메일 위치나 간격이 잘못 표시되는 경우 아래의 문제 해결 단계를 따르세요.

이메일 디자인에 대한 자세한 내용은 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;