영상 튜토리얼: SendGrid에 이메일 업로드
Figma Emailify 플러그인에서 SendGrid로 HTML 이메일을 업로드하는 방법을 보여 주는 영상이에요.
ZIP 다운로드
- Emailify 내보내기 패널에서 SendGrid (Zip) 옵션을 고르고 이메일 프레임을 선택하세요. SendGrid API 키는 필요 없어요.
- 이미지 호스팅 옵션으로 이미지를 업로드할지 정하세요.
- Export For SendGrid를 클릭한 다음 파일을 다운로드하고 압축을 푸세요.
- 각 이메일의
index.html을 SendGrid의 HTML 코드 편집기에 복사하세요. 로컬 이미지 경로로 내보냈다면 발송하기 전에 이미지를 호스팅하고 해당 경로를 공개 URL로 바꾸세요. - SendGrid로 테스트 이메일을 보내고 수신자의 이메일 클라이언트에서 확인하세요.
두 SendGrid 옵션 모두 이전 Outlook 클라이언트용 둥근 버튼 대체 처리를 넣지 않아요. 이런 클라이언트에서는 버튼 모서리가 각지게 표시되고, CSS 둥근 모서리를 지원하는 클라이언트에서는 둥근 모서리가 유지돼요. 이 호환성 설정이 Outlook의 모든 렌더링 문제를 해결한다고 보장하지는 않아요.
API로 업로드
Emailify 내보내기 패널의 드롭다운 목록에서 SendGrid (API) 옵션을 선택한 다음 유효한 SendGrid API 키를 붙여 넣으세요. API 키는 SendGrid 계정의 API Keys 설정 페이지에서 생성할 수 있어요.
준비가 되면 Upload To SendGrid 버튼을 클릭하세요. Figma에서 선택한 이메일이 HTML로 내보내지고 SendGrid Design Library 템플릿에 자동으로 업로드돼요.