영상 튜토리얼: MailJet에 이메일 업로드

Figma Emailify 플러그인에서 Mailjet으로 HTML 이메일을 업로드하는 방법을 보여 주는 영상이에요.

Emailify 내보내기 패널의 드롭다운 목록에서 Mailjet 옵션을 선택한 다음 유효한 Mailjet API 키와 시크릿을 붙여 넣으세요. 두 값은 Mailjet 계정의 API 설정 페이지에서 생성할 수 있어요.

준비가 되면 Upload To Mailjet 버튼을 클릭하세요. Figma에서 선택한 이메일이 HTML로 내보내지고 Mailjet 마케팅 템플릿에 자동으로 업로드돼요.

Mailjet으로 HTML 이메일을 내보낼 때 Emailify 내보내기 설정에서 Add rel="notrack" to Links 토글을 켜면 Mailjet 링크 추적을 끌 수 있어요(선택 사항).

Mailjet 템플릿 업데이트

이후 업로드에서 템플릿을 재사용하려면 Mailjet (API) 내보내기 설정에서 Updatable Templates를 켜세요. 첫 업로드에 성공하면 Emailify가 각 이메일 프레임 이름에 [mailjetTemplateId:123456] 태그를 추가해요. 이 태그를 프레임에 그대로 두면 이후 업로드할 때 해당 템플릿의 HTML이 업데이트돼요.

Mailjet에 이미 있는 템플릿을 업데이트하려면 해당 Figma 이메일 프레임 이름에 같은 형식으로 템플릿의 숫자 ID를 추가한 다음 Updatable Templates를 켜고 업로드하세요. 사용자 지정 HTML용 템플릿을 사용하고, 그 ID가 API 키에 연결된 계정의 템플릿인지 확인하세요.

업데이트해도 템플릿의 기존 이름, 제목, 발신자 헤더, 일반 텍스트 콘텐츠는 그대로 유지돼요. 이 항목도 바꿔야 한다면 Mailjet에서 검토하세요. 업데이트에 실패하면 대체 템플릿을 만들지 않고 실패를 알려 줘요.

다음 업로드에서 새로 연결된 템플릿을 만들려면 태그를 지우세요. Updatable Templates를 끄면 업로드할 때마다 새 템플릿이 만들어지고, 프레임에 있는 기존 태그는 그대로 남아요. 태그가 있는 Figma 프레임을 복제하면 템플릿 ID도 함께 복사되므로, 복제한 프레임에 별도의 Mailjet 템플릿을 쓰려면 복사된 태그를 지우세요.

로컬 .zip 내보내기 파일을 Mailjet에 직접 업로드(Mailjet API 미사용)

.zip 파일 업로드로 이메일 템플릿을 Mailjet에 직접 업로드하고 싶다면 Export HTML 드롭다운 목록에서 Mailjet (Zip) 옵션을 선택한 다음 Export To HTML 버튼을 클릭하세요.

내보내기가 끝나면 Download your .zip file 버튼을 클릭하고, 파일을 컴퓨터에 저장한 뒤 압축을 푸세요. 그런 다음 압축을 푼 메인 폴더 안의 _zips (For upload to Mailjet) 폴더에서 .zip 파일을 업로드할 수 있어요.