이메일 템플릿 사용자 지정

Commerce에는 시스템에서 보내는 각 메시지의 본문 섹션에 대한 기본 이메일 템플릿이 포함되어 있습니다. 본문 콘텐츠의 템플릿은 머리글 및 바닥글 템플릿과 결합하여 전체 메시지를 작성합니다. HTML과 CSS로 형식이 지정된 콘텐츠는 변수위젯을(를) 추가하여 쉽게 편집하고 맞춤화할 수 있습니다. 각 웹 사이트, 스토어 또는 스토어 보기에 대해 이메일 템플릿을 사용자 지정할 수 있습니다. 사용자 지정 템플릿을 사용하는 경우 시스템 구성을 업데이트하여 올바른 템플릿이 사용되었는지 확인하십시오.

예 - 환영 전자 메일 미리 보기

기본 템플릿에는 로고 및 저장소 정보가 포함되며 추가 사용자 지정 없이 사용할 수 있습니다. 그러나 우수 사례로서, 각 템플릿을 보고 고객에게 보내기 전에 필요한 사항을 변경해야 합니다.

전자 메일 템플릿

템플릿 정보

필드
설명
Template Name
사용자 지정 템플릿의 이름입니다.
Insert Variable
커서 위치에서 템플릿에 변수를 삽입합니다.
Template Subject
템플릿 제목은 제목 열에 표시되며, 목록에서 템플릿을 정렬 및 필터링하는 데 사용할 수 있습니다.
Template Content
HTML 내 템플릿의 콘텐츠입니다.
Template Styles
템플릿 서식을 지정하는 데 필요한 모든 CSS 스타일 선언을 Template Styles ​상자에 입력할 수 있습니다.

헤더 템플릿

구성을 완료한 후 전자 메일 헤더 템플릿에 스토어에 연결된 로고가 포함됩니다. HTML에 대한 기본 지식이 있는 경우 미리 정의된 변수를 사용하여 저장소 연락처 정보를 헤더에 쉽게 추가할 수 있습니다.

1단계. 기본 템플릿 로드

  1. 관리자 사이드바에서 Marketing > Communications>Email Templates(으)로 이동합니다.

  2. Add New Template ​을(를) 클릭합니다.

  3. Load default template 섹션에서 Template 선택기를 클릭하고 Magento_Email > Header을(를) 선택합니다.

    전자 메일 템플릿 헤더 - 기본 템플릿 로드 {width="600" modal="regular"}

  4. Load Template ​을(를) 클릭합니다.

    템플릿의 HTML 코드와 변수가 양식에 나타납니다.

2단계. 템플릿 사용자 정의

  1. 사용자 지정 헤더의 Template Name ​을(를) 입력하십시오.

  2. 템플릿을 구성하는 데 도움이 되는 Template Subject ​을(를) 입력하십시오.

    표에서 템플릿 목록을 Subject ​열로 정렬하고 필터링할 수 있습니다.

    전자 메일 템플릿 헤더 정보 {width="600" modal="regular"}

  3. Template Content 상자에서 필요에 따라 HTML을 수정합니다.

    note note
    NOTE
    템플릿 코드에서 작업할 때는 이중 중괄호로 묶인 항목을 덮어쓰지 않도록 주의하십시오.
  4. 변수을(를) 삽입하려면 변수를 배치할 코드에 커서를 놓고 Insert Variable ​을(를) 클릭합니다.

  5. 삽입할 변수를 선택합니다.

    헤더 템플릿 - 변수 삽입 {width="600" modal="regular"}

    변수를 선택하면 해당 변수에 대한 마크업 태그가 코드에 삽입됩니다.

    저장소 전자 메일 주소 변수가 헤더에 가장 자주 포함되는 변수이지만 모든 시스템 또는 사용자 지정 변수에 대한 코드를 템플릿에 직접 입력할 수 있습니다.

  6. CSS 선언을 하려면 Template Styles 상자에 스타일을 입력하십시오.

  7. 작업을 검토할 준비가 되면 Preview Template ​을(를) 클릭합니다.

    필요한 경우 템플릿을 변경합니다.

  8. 완료되면 Save Template ​을(를) 클릭합니다.

    이제 사용자 지정 헤더가 사용 가능한 이메일 템플릿 목록에 표시됩니다.

3단계. 구성 업데이트

  1. 관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.

  2. 그리드에서 구성할 저장소 보기를 찾은 다음 Action ​열에서​ Edit ​을(를) 클릭합니다.

  3. 아래로 스크롤하여 Transactional Emails 섹션에서 확장 선택기 를 확장합니다.

  4. 전자 메일 알림의 기본값으로 사용되는 Header Template ​을(를) 선택합니다.

  5. 완료되면 Save Config ​을(를) 클릭합니다.

트랜잭션 전자 메일 디자인 구성 - 헤더 템플릿

바닥글 템플릿

이메일 템플릿 바닥글에는 이메일 메시지의 닫는 줄과 서명란이 포함되어 있습니다. 스타일에 맞게 닫기를 변경하고 회사 이름과 주소 등의 추가 정보를 이름 아래에 추가할 수 있습니다.

1단계. 기본 템플릿 로드

  1. 관리자 사이드바에서 Marketing > Communications>Email Templates(으)로 이동합니다.

  2. Add New Template ​을(를) 클릭합니다.

  3. Load default template 섹션에서 Template 선택기를 클릭하고 Magento_Email > Footer을(를) 선택합니다.

  4. Load Template ​을(를) 클릭합니다.

    템플릿의 HTML 코드와 변수가 양식에 나타납니다.

2단계. 템플릿 사용자 정의 및 미리 보기

  1. 사용자 지정 바닥글의 Template Name ​을(를) 입력하십시오.

  2. 템플릿을 구성하는 데 도움이 되는 Template Subject ​을(를) 입력하십시오.

    표에서 Subject ​열을 기준으로 템플릿을 정렬 및 필터링할 수 있습니다.

    전자 메일 템플릿 바닥글 - 정보 {width="600" modal="regular"}

  3. Template Content 상자에서 필요에 따라 HTML을 수정합니다.

    note note
    NOTE
    템플릿 코드에서 작업할 때는 이중 중괄호로 묶인 항목을 덮어쓰지 않도록 주의하십시오.
  4. 변수을(를) 삽입하려면 변수를 배치할 코드에 커서를 놓고 Insert Variable ​을(를) 클릭합니다.

  5. 삽입할 변수를 선택합니다.

    변수를 선택하면 해당 변수에 대한 마크업 태그가 코드에 삽입됩니다.

    연락처 저장 변수가 바닥글에 가장 자주 포함되는 변수이지만 모든 시스템 또는 사용자 지정 변수에 대한 코드를 템플릿에 직접 입력할 수 있습니다.

  6. CSS 선언을 하려면 Template Styles 상자에 스타일을 입력하십시오.

3단계. 구성 업데이트

  1. 관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.

  2. 그리드에서 구성할 저장소 보기를 찾은 다음 Action ​열에서​ Edit ​을(를) 클릭합니다.

  3. 아래로 스크롤하여 Transactional Emails 섹션에서 확장 선택기 를 확장합니다.

  4. 전자 메일 알림에서 기본 바닥글로 사용되는 Footer Template ​을(를) 선택합니다.

  5. 완료되면 Save Config ​을(를) 클릭합니다.

트랜잭션 전자 메일 디자인 구성 - 바닥글 템플릿

메시지 템플릿

각 메시지의 본문을 사용자 지정하는 프로세스는 머리글이나 바닥글을 사용자 지정하는 프로세스와 동일합니다. 유일한 차이점은 알림을 트리거하는 각 활동 또는 이벤트에 대한 메시지 템플릿입니다. 템플릿을 그대로 사용하거나 사용자의 음성과 브랜드에 맞게 사용자 지정할 수 있습니다. 템플릿 텍스트 외에도 허용된 미리 정의된 변수와 사용자 지정 변수를 다양하게 선택하여 템플릿에 만들고 통합할 수 있습니다.

1단계. 기본 템플릿 로드

  1. 관리자 사이드바에서 Marketing > Communications>Email Templates(으)로 이동합니다.

  2. Add New Template ​을(를) 클릭합니다.

    전자 메일 템플릿 - 기본 템플릿 로드 {width="600" modal="regular"}

  3. 다음을 수행합니다.

    • Load default template ​에서 사용자 지정할 Template ​을(를) 선택합니다.

    • Load Template ​을(를) 클릭합니다.

2단계. 템플릿 사용자 정의

  1. Template Name ​에 사용자 지정 템플릿의 이름을 입력하십시오.

  2. 필요한 경우 Template Subject ​을(를) 변경합니다.

    이것은 메시지의 첫 번째 줄이며, 기본적으로 인사입니다. 그대로 두거나 좀 더 설명적인 내용을 입력할 수 있습니다.

  3. 구성을 업데이트하는 데 사용되는 템플릿인 Currently Used For 경로를 확인합니다.

    전자 메일 템플릿 - 템플릿 정보 {width="600" modal="regular"}

  4. Template Content 상자에서 필요에 따라 HTML을 수정합니다.

    콘텐츠는 HTML 태그, CSS 지시문, 변수 및 텍스트의 조합으로 구성됩니다.

    note note
    NOTE
    템플릿 코드에서 작업할 때는 이중 중괄호로 묶인 코드를 실수로 입력하지 않도록 주의하십시오.
  5. 변수를 삽입하려면 변수를 표시할 코드에 커서를 놓습니다.

    변수 선택은 템플릿에 따라 다르며, 허용되는 미리 정의된사용자 지정 변수를 포함합니다(사용 가능한 경우).

  6. Insert Variable ​을(를) 클릭하고 삽입할 변수를 선택합니다.

    변수를 삽입하는 명령은 중괄호로 묶여 커서 위치에 있는 코드에 추가됩니다. For example:

    customVar code=my_custom_variable

  7. CSS 선언을 하려면 Template Styles ​에 스타일을 입력하십시오.

    전자 메일 서식 파일 - 사용자 지정 스타일 추가 {width="600" modal="regular"}

    note note
    NOTE
    사용자 지정 스타일은 {{template config_path="design/email/header_template"}}이(가) Template Styles ​에 있는 경우에만 전자 메일에 적용됩니다. 기본 헤더 템플릿 없이 사용자 지정 CSS를 사용하려면 여기에 <style> HTML 태그 내에서 제공해야 합니다.

3단계. 구성 업데이트

Currently Used For ​이동 경로에 템플릿 사용 위치가 표시됩니다. 이 예제에서 템플릿 구성은​ Customer Configuration 페이지, Create New Account Options ​섹션 및​ Default Welcome Email 필드에 있습니다.

  • 페이지 - Customer Configuration
  • 섹션 - Create New Account Options
  • 필드 - Default Welcome Email
  1. Currently Used For 이동 경로에서 링크를 클릭하여 템플릿 구성 페이지를 엽니다.

    현재 전자 메일 템플릿 {width="600" modal="regular"}

  2. 섹션을 확장 선택기 로 확장하고 사용자 지정한 전자 메일 템플릿에 대한 필드를 찾습니다.

  3. Use system value 확인란의 선택을 취소하고 사용자 지정 템플릿의 이름을 클릭합니다.

    고객 구성 - 기본 환영 전자 메일 템플릿 {width="600" modal="regular"}

  4. 완료되면 Save Config ​을(를) 클릭합니다.

  5. 작업 영역의 맨 위에 있는 메시지에서 Cache Management ​을(를) 클릭하고 잘못된 캐시를 지웁니다.

4단계. 템플릿 미리 보기 및 저장

  1. 작업을 검토할 준비가 되면 Preview Template ​을(를) 클릭합니다.

  2. 필요에 따라 템플릿을 업데이트합니다.

  3. 완료되면 Save Template ​을(를) 클릭합니다.

    이제 사용자 지정 템플릿을 이메일 템플릿 목록에서 사용할 수 있습니다.

recommendation-more-help
d3c62084-5181-43fb-bba6-1feb2fcc3ec1