Emailify 내보내기 패널의 드롭다운 목록에서 Bloomreach 옵션을 선택하세요. 준비가 되면 Export For Bloomreach 버튼을 클릭해 Figma에서 선택한 이메일을 HTML로 내보내세요.
완전한 Emailify 템플릿 가져오기
완전한 Emailify 이메일을 가져올 때는 Bloomreach의 HTML Builder를 사용하세요.
- Emailify 내보내기 파일의 압축을 푸세요.
- 텍스트 편집기나 코드 편집기에서 이메일의
index.html파일을 여세요. - Bloomreach의 HTML Builder에서 이메일을 만들거나 여세요.
- Code 모드로 전환하고 기존 코드를
<head>와<body>를 포함한index.html의 전체 내용으로 바꾸세요. - 이메일을 저장하고, 캠페인에 쓰기 전에 테스트 메일을 보내 보세요.
완전한 Emailify 내보내기를 가져올 때는 Bloomreach Design Builder 안의 HTML content block이 아니라 HTML Builder를 사용하세요.
Emailify는 데스크톱 열 너비를 적용하는 반응형 CSS를 이메일의 <head>에 넣고, 별도 대체 코드가 필요한 Outlook 버전용 조건부 표 마크업도 함께 넣어요. Bloomreach의 Design Builder는 HTML 콘텐츠 블록을 본문 조각으로 취급하기 때문에 반응형 스타일을 이메일 본문으로 옮기고 Outlook 전용 마크업을 제거할 수 있어요. 그러면 데스크톱에서 열이 나란히 표시되지 않고 세로로 쌓일 수 있어요.
자세한 내용은 Bloomreach의 HTML Builder 사용 가이드를 참고하세요.
Design Builder에서 Emailify 섹션 사용하기
Design Builder 이메일 안에 Emailify 섹션을 넣어야 한다면 내보낸 코드를 나눠서 넣어 볼 수 있어요.
- 내보낸
<head>의<style>태그를 복사해 Bloomreach의 Settings -> Custom Head HTML에 붙여 넣으세요. - 내보낸
<body>와</body>태그 사이의 내용만 복사해 Design Builder의 HTML 콘텐츠 블록에 붙여 넣으세요.
이렇게 하면 반응형 CSS를 지원하는 이메일 클라이언트에서는 반응형 CSS가 다시 적용될 수 있지만, Design Builder가 여전히 Emailify의 Outlook 전용 조건부 마크업을 제거할 수 있어요. 발송하기 전에 Gmail, Apple Mail, 데스크톱 Outlook에서 결과를 테스트하세요. 가장 안정적인 호환성을 원한다면 Bloomreach의 HTML Builder에서 완전한 내보내기를 사용하세요.
자세한 내용은 Bloomreach의 Custom Head HTML 가이드를 참고하세요.