학습 내용
모든 알림에서 브랜드 일관성을 유지하기 위해 클라비요를 사용하여 Shopify의 기본 이메일 템플릿을 사용자 지정하는 방법을 알아봅니다.
Shopify에서는 배송 업데이트 및 비밀번호 재설정 등의 자동 알림을 위해 Shopify 내에서 활용할 수 있는 다양한 기본 이메일 템플릿을 제공합니다. 이러한 템플릿은 기능적이지만 이러한 이메일을 사용자 지정하고 스타일을 지정하는 데 사용할 수 있는 기본 제공 템플릿 편집기는 Shopify에 없습니다. 클라비요를 사용하면 고유한 레이아웃과 스타일로 Shopify 알림 템플릿을 완전히 사용자 지정한 다음 내보내서 Shopify에 붙여넣어 클라비요가 아닌 Shopify를 통해 전송할 수 있습니다.
시작하기 전 안내 사항시작하기 전 안내 사항
지식 확인
아직 통합에 대한 단계별 지침을 읽어보지 않았다면 이 문서를 계속 진행하기 전에 Shopify 시작하기 가이드를 읽어보시기 바랍니다.
- 클라비요는 모든 이메일 템플릿을 저장합니다. 로고나 웹사이트 테마를 변경하기로 결정한 경우 돌아가서 그에 따라 알림 이메일을 쉽게 업데이트할 수 있습니다. 변경을 수행한 후에는 업데이트된 템플릿을 Shopify로 다시 가져와야 합니다.
- Shopify의 전체 알림 변수 목록은 여기에서 확인할 수 있습니다. 이러한 변수를 사용하여 Shopify 이메일 템플릿을 사용자 지정할 수 있습니다.
- Shopify는 현재 이메일에서 제품을 동적으로 채우는 데 사용되는 클라비요 제품 블록 사용을 지원하지 않습니다. 따라서 클라비요에서 제품 블록이 있는 알림 템플릿을 내보내려고 하면 오류 메시지가 표시되거나 내보내기 옵션이 회색으로 표시될 수 있습니다. 블록을 삭제하면 템플릿을 성공적으로 내보낼 수 있습니다.
- 이러한 템플릿에 표시되는 모든 변수는 클라비요 변수와 다른 Shopify 변수입니다. 콘텐츠를 편집하고 원하는 방식으로 이러한 템플릿을 사용자 지정할 수 있지만 동적 변수가 있는 블록은 주의해서 편집하세요. 너무 많이 변경하면 템플릿의 기능에 영향을 줄 수 있습니다.
- 편집한 이메일 템플릿을 Shopify에서 바로 미리 보고 고객에게 전달할 내용을 파악할 수 있습니다. 클라비요 내에서 이러한 템플릿을 미리 볼 수도 있지만 스타일링 목적으로만 사용할 수 있으며, Shopify에서 미리 보지 않는 한 변수가 동적 콘텐츠로 채워지는 것을 확인할 수 없습니다.
템플릿 편집
- 클라비요에서 콘텐츠 드롭다운을 클릭하고 템플릿을 선택합니다.
-
이메일 템플릿 탭에서 템플릿 유형 드롭다운을 클릭하고 Shopify를 선택합니다.
- 이 보기에는 미리 작성된 몇 가지 Shopify 알림 템플릿이 표시되며, 이를 사용자 지정하여 Shopify로 내보낼 수 있습니다. 사용하려는 템플릿을 선택합니다. 표시되는 모달에서 템플릿 사용을 클릭합니다.
- 브랜드 스타일에 맞게 템플릿을 편집합니다.
그러면 템플릿이 템플릿 라이브러리의 Email: 저장됨 탭에 표시됩니다.
템플릿을 Shopify로 내보내기템플릿을 Shopify로 내보내기
모든 Shopify 알림 이메일은 클라비요가 아닌 Shopify를 통해 전송됩니다. 템플릿을 사용자 지정한 후에는 HTML 코드를 한 번에 한 이메일씩 내보내서 Shopify에 붙여넣어야 합니다. 각 이메일 템플릿에 대해
- 콘텐츠 드롭다운을 클릭하고 템플릿 탭을 선택합니다.
- 템플릿을 찾아 점 3개를 클릭한 다음 내보내기를 선택합니다. 템플릿 HTML 내보내기 창이 나타납니다.
- 창에서 HTML 코드를 복사하여 Shopify에 붙여넣을 수 있습니다.
- Shopify 스토어 관리자에서 설정 > 알림을 클릭합니다.
- 여기에서 업데이트하려는 알림 템플릿을 찾아 클릭합니다.
- 이메일 본문(HTML)이라고 표시된 큰 섹션이 즉시 표시됩니다. 이 창에 표시되는 기존 코드를 클라비요에서 복사한 코드로 바꿉니다.
-
미리 보기를 클릭합니다. 클라비요에서 디자인한 사용자 지정 템플릿이 반영된 예제 이메일이 표시됩니다.
- 저장을 클릭합니다.
결과
각 이메일 템플릿을 사용자 지정하고 HTML을 추가하면 Shopify에서 전송하는 알림 이메일이 개인화되고 브랜드 스타일을 반영합니다.
추가 리소스