이메일에서 제품을 세로로 표시하는 방법

학습 내용

장바구니 이탈 및 주문 확인 플로우에서 제품을 세로로 표시하는 방법(즉, 제품 정보 옆이 아니라 위에 이미지가 표시되도록)을 알아보세요.

세로형 제품 블록 만들기

아래 안내에 따라 기존 가로형 동적 표를 제품 이미지가 세부 정보 위에 표시되는 섹션으로 변환할 수 있어요. 이 섹션은 장바구니 또는 주문에 있는 각 제품에 대해 반복돼요. 아직 동적 표가 포함된 플로우 이메일이 없다면 플로우 라이브러리에서 찾아보세요.

1. Klaviyo 사이드바에서 플로우를 선택합니다.
2. 장바구니 이탈 플로우 또는 주문 확인 플로우로 이동해 주세요.
3. 편집하려는 이메일이 라이브 상태라면, 편집하기 전에 메시지 카드의 상태 드롭다운에서 수동을 선택해 주세요. 자동으로 전송이 중지되며, 전송 시간에 도달한 수신자는 검토 필요로 이동해요. 이미 초안 또는 수동 상태인 이메일은 현재 상태 그대로 두세요.
4. 동적 테이블(누군가의 장바구니 또는 주문의 제품을 표시하는 테이블)이 포함된 이메일을 선택한 다음, 편집을 클릭해 이메일 편집기를 여세요.
5. 동적 테이블 블록 바로 아래에 새 섹션을 추가하세요.
   

6. 새 섹션에 이미지 블록과 텍스트 블록을 추가해 주세요. 이미지가 텍스트 위에 오도록 해 주세요.
7. 원래 동적 테이블을 선택해 주세요. 스타일에서 행 컬렉션 및 행 별칭의 값을 복사해 주세요.
8. 새 섹션을 선택하고 표시를 연 다음 콘텐츠 반복 추가를 클릭해 주세요.

9. 원래 표의 Row collection 값을 Repeat for에, Row alias 값을 Item alias에 붙여넣은 다음 저장을 클릭해 주세요.

10. 원본 표를 선택하고 콘텐츠를 연 다음 제품 이미지가 포함된 셀을 선택하세요. 동적 이미지에서 바꾸기를 클릭하세요.

11. 표시되는 모달에서 동적 변수 또는 동적 URL 필드의 내용을 모두 복사한 다음, 원본 이미지를 변경하지 않고 모달을 닫으세요.

12. 새 섹션에서 이미지 블록을 클릭하세요.
13. 이미지 선택을 클릭해 주세요.
14. 동적 이미지를 선택한 다음, 복사한 값을 동적 변수 또는 동적 URL에 붙여 넣으세요.
15. 저장을 클릭합니다.
16. 원래 표의 제품 이미지 셀로 돌아가서 링크 주소에 있는 태그를 복사해 주세요.

17. 이 태그를 새 이미지 블록의 링크 주소 필드에 붙여넣어 주세요.
18. 원래 테이블의 콘텐츠 탭에서 제품 세부 정보가 포함된 셀을 선택하고, 맞춤 설정 태그와 링크를 포함해 해당 텍스트를 복사해 주세요.

19. 텍스트를 새 텍스트 블록에 붙여넣으세요.
20. 미리 보기를 클릭한 다음 제품 데이터가 포함된 플로우 트리거의 샘플 이벤트를 선택해 주세요. 가능하다면 여러 제품이 포함된 이벤트를 사용해 주세요. 각 제품의 이미지가 해당 세부 정보 위에 표시되는지, 그리고 이미지 링크가 올바른지 확인해 주세요. 잘못 표시되는 항목이 있다면 섹션의 반복 대상 및 항목 별칭 값, 동적 이미지 URL, 링크 주소, 그리고 복사한 텍스트와 맞춤 설정 태그를 확인해 주세요.
21. 새 섹션이 마음에 들면, 기존 표 블록을 삭제해 주세요.
22. 선택 사항으로, 새 섹션을 플로우 내 다른 메시지에서 사용하기 위해 범용 콘텐츠로 저장하세요.
23. 변경사항이 저장될 때까지 기다린 다음 종료 옆의 추가 옵션을 열고 플로우로 돌아가기를 선택해 주세요. 편집하기 전에 이 이메일을 라이브에서 수동으로 변경했다면, 자동 전송을 다시 시작하려면 메시지 카드의 상태 드롭다운에서 라이브를 선택해 주세요.

검토 필요에 이미 있는 수신자는 이메일을 라이브로 다시 전환해도 그대로 유지돼요. 별도로 검토해 메시지를 보낼지 취소할지 결정해 주세요. 검토 필요에 있는 수신자를 관리하는 방법을 알아보세요.

결과

이 단계를 따르면 이메일에는 가로로 제품 이미지와 정보가 표시되는 대신 세로 제품 블록(제품 정보 위에 이미지가 표시됨)이 포함됩니다.

추가 자료