베타모바일 디바이스용 마케팅 이메일 최적화(베타)

마케팅 이메일 초안을 작성하는 경우 데스크톱 또는 모바일 이메일 클라이언트에서 수신자를 위한 특정 섹션을 숨기고 열 구성과 전체 레이아웃을 변경하여 소형 디바이스에서 이메일을 읽는 사용자에 맞게 맞춤 설정할 수 있습니다. 다양한 디바이스에 맞게 이메일을 맞춤 설정하면 참여도를 높이고 이메일의 전반적인 사용자 경험을 향상시킬 수 있습니다.

참고: 이 기능은 드래그 앤 드롭 이메일 편집기를 사용할 때만 사용할 수 있습니다. 사용자 지정 코딩 이메일 템플릿을 사용하려면 개발자가 이메일 클라이언트 크기와 디바이스 유형의 차이를 고려한 미디어 쿼리를 만들어야 합니다.

이메일 클라이언트 지원

대부분의 주요 이메일 제공업체는 HubSpot이 마케팅 이메일 편집기에서 제공하는 모바일 최적화 설정을 지원하지만, 다음 이메일 클라이언트는 현재 모바일에 최적화된 이메일을 지원하지 않습니다:

• 야후 메일(Android)
• Android의 AOL 메일
• Gmail IMAP(즉, 타사 계정으로 Gmail 앱을 사용하는 경우)
• 삼성 메일에 연결된 Outlook 계정 사용과 같은 일부 버전의 삼성 메일.

위에 나열된 클라이언트 중 하나를 사용하는 경우 데스크톱 또는 모바일 전용 미디어 쿼리를 삽입하는 HubSpot의 모바일 최적화 기능이 적용되지 않습니다. 데스크톱 또는 모바일에서 숨기도록 설정된 섹션도 표시됩니다.

제한 사항

데스크톱과 모바일 클라이언트 간에 모듈 설정을 다른 값으로 설정할 수 없습니다. 예를 들어 글꼴 크기, 패딩 또는 모듈 정렬을 클라이언트 유형에 따라 다르게 표시하도록 구성할 수 없습니다.

그러나 필요한 모듈이 포함된 데스크톱 전용 섹션을 만들고 각 모듈이 수신자의 데스크톱에 필요한 방식으로 표시되도록 구성한 다음 모바일 클라이언트에서는 숨겨지도록 할 수 있습니다. 그런 다음 섹션을 복제하고 모바일 클라이언트에 최적화되도록 새 섹션을 사용자 지정한 다음 데스크톱 클라이언트에게는 숨겨지도록 설정합니다.

아래 섹션에서 클라이언트별 공개 설정 구성에 대해 자세히 알아보세요.

데스크톱 또는 모바일에서 모듈 및 섹션 숨기기

데스크톱 또는 모바일 수신자에게 표시되는 모듈 또는 섹션을 사용자 지정하려면 다음과 같이 하세요:

• HubSpot 계정에서 마케팅 > 이메일로 이동합니다.
• 작성된 이메일의 이름을 클릭하거나 오른쪽 상단의 이메일 만들기를 클릭하여 새 이메일을 만듭니다.
• 이메일 편집기 상단의 desktop 데스크톱 아이콘 또는 mobile 모바일 아이콘을 클릭하여 각 클라이언트 유형에 대한 설정을 구성합니다.

• 모듈 또는 섹션 위로 마우스를 가져간 다음 hide 숨기기 아이콘을 클릭하여 편집 중인 이메일 버전에서 해당 모듈을 숨깁니다.
  
  • 편집 중인 버전에 대해 숨겨진 모듈을 모두 표시하려면 이메일 편집기 상단에서 모두 숨김 표시를 클릭합니다.
  • view 보기 아이콘을 클릭하여 해당 버전의 이메일에 대해 숨겨진 모듈을 다시 표시로 전환할 수 있습니다.

• 왼쪽 창에서 모바일 장치에서 최대 너비로 표시 확인란을 선택하여 모듈 또는 섹션이 모바일 수신자에게 전체 너비로 표시되도록 할 수 있습니다.

모바일 또는 데스크톱용 이메일 레이아웃 사용자 지정

모바일 클라이언트와 데스크톱 클라이언트 간에 서로 다른 레이아웃 설정을 구성하려면 다음과 같이 하세요:

• 왼쪽 창에서 콘텐츠 탭을 클릭합니다.
• 데스크톱과 모바일 간에 이메일 섹션이 표시되는 방식을 사용자 지정하려면 다음과 같이 하세요:
  • 이메일 섹션 중 하나를 클릭합니다.
  • 표시 여부 섹션에서 모든 장치 스위치를 끈 다음 각각의 데스크톱 및 모바일 섹션 아래에서 표시 또는 숨기기를 클릭합니다.

• • 레이아웃 섹션에서 모든 장치 스위치를 끈 다음 데스크톱용 열 레이아웃과 모바일용 스태킹 레이아웃을 구성합니다.

• • 그런 다음 모바일 또는 데스크톱 클라이언트의 섹션 스타일을 편집할 수 있습니다. 모바일 또는 데스크톱 수신자와 관련된 본문 색상, 테두리 너비 및 유형, 배경 유형 및 배경 색상을 편집합니다.
• 데스크톱 또는 모바일 수신자에게 템플릿이 표시되는 방식을 사용자 지정합니다:
  • 왼쪽 창에서 디자인을 클릭합니다.
  • 템플릿 섹션에서 모든 디바이스 스위치를 끕니다.
  • 그런 다음 모바일 또는 데스크톱 클라이언트에 대한 템플릿 스타일을 편집할 수 있습니다. 모바일 또는 데스크톱 수신자와 연결된 본문 색상, 테두리 너비 및 유형, 배경 유형 및 배경 색상을 편집합니다.

이메일의 표시 여부 및 레이아웃 설정 편집을 마치면 여러 일반적인 이메일 클라이언트에서 이메일이 어떻게 표시되는지 미리 볼 수 있습니다.