CSS 최적화 이해하기
학습 내용
이메일이 받은편지함에서 잘리지 않도록 하는 방법 중 하나인 CSS 최적화에 대해 알아보세요.
CSS 최적화가 중요한 이유
이메일 마케팅의 성공을 위해서는 이메일이 받은 편지함에 도착하도록 하는 것이 매우 중요해요. 마찬가지로 이메일이 잘리지 않도록 하는 것도 고객이 메시지의 모든 정보를 확인하는 데 매우 중요해요. CSS 최적화는 잘림을 방지하는 데 사용할 수 있는 여러 도구 중 하나예요.
Klaviyo의 CSS 최적화 정보
계정에서 이메일을 만들면 Klaviyo가 Styles 및 Block 탭에서 선택한 브랜드 요소를 추가하기 위해 임베디드 스타일이라는 것을 사용해요.
받은편지함 제공업체에서 포함된 스타일을 허용하나요?
이메일을 맞춤 설정할 때 이를 사용하면, 브랜드 이메일의 파일 크기를 가능한 한 작게 유지해 잘림을 방지할 수 있어요. 가장 큰 받은편지함 제공업체(Gmail, Yahoo, Apple, Outlook, AOL)는 모두 임베디드 스타일을 허용하고 렌더링해요.
규모가 작은 수신함 제공업체에서는 임베디드 스타일이 렌더링되지 않아요. 아래의 받은편지함 제공업체 또는 포함된 스타일을 렌더링하지 않는 다른 제공업체를 사용하는 고객이 대량으로 확인되면, 이메일이 설계한 대로 보이도록 CSS 최적화 확인란을 선택 해제하는 것을 고려해 보세요.
국가/지역 | 임베디드 스타일을 지원하지 않는 일반적인 Inbox 제공업체 |
호주 | telstra.com.au, telstra.com, bigpond.net.au, bigpond.com |
러시아 | mail.ru |
독일/유럽연합 | gmx.com, t-online.de |
브라질 | bol.com |
CSS 최적화(및 임베드된 스타일)를 끄세요.
임베드 스타일을 끄면 다른 받은편지함 제공업체에서 이메일이 잘릴 위험이 있으므로, 전송하기 전에 이메일을 테스트하세요.
- 왼쪽 하단 모서리에서 조직 이름을 선택하세요.
- 설정을 클릭합니다.
- 이메일 탭을 선택합니다.
- 전송 환경 설정으로 이동하세요.
- 임베드된 스타일 사용이라고 표시된 상자의 선택을 해제하세요.
- 저장을 클릭합니다.
추가 자료
- 내 이메일이 클리핑 되는 이유는 무엇인가요?
클리핑의 원리와 클리핑을 방지하기 위해 할 수 있는 일을 알아보세요.
- 이메일 템플릿 또는 섹션에 배경 이미지를 추가하는 방법
배경 이미지 위에 텍스트, 이미지 및 기타 이메일 콘텐츠를 겹쳐 배치하는 방법을 알아보세요. 전체 이메일 또는 단일 섹션에 배경 이미지를 추가할 수 있어요. 이 기능을 사용하면 이미지를 다른 이미지 위에 겹쳐 놓거나, 이미지 위에 버튼이나 텍스트를 추가할 수 있어요.