이메일 작성

Adobe Journey Optimizer B2B edition을 사용하여 고객에게 이메일 메시지를 보냅니다. 비주얼 디자이너에서 메시지를 만들고, 개인화하고, 미리 볼 수 있습니다.

계정 여정에 이메일 작업 추가

작업 수행 여정을 추가하고 다음을 수행하면 계정 노드에서 전자 메일 게재를 설정할 수 있습니다.

  1. Action on 대상에 대해 사람 ​을 선택하세요.

  2. 사용자에 대한 작업 ​에 대해 전자 메일 보내기 ​를 선택하세요.

  3. 전자 메일 원본 ​에 대해 새 전자 메일 만들기 ​를 선택하세요.

    또는 Adobe Marketo Engage에서 전자 메일 선택 옵션을 선택하여 Marketo Engage에서 미리 작성된 전자 메일 중 하나를 사용하고 이를 계정 여정의 일부로 보낼 수도 있습니다.

    note note
    NOTE
    이메일을 처음 만드는 경우 이메일 채널이 Adobe Marketo Engage 내에서 구성되었는지 확인하십시오. 자세한 내용은 Marketo Engage 설명서에서 전자 메일 배달 가능성 확인을 참조하세요.

    작업 수행 - 전자 메일 보내기 {width="700" modal="regular"}

  4. 작업 수행 패널 아래쪽에서 전자 메일 만들기 ​를 클릭합니다.

  5. 대화 상자에서 전자 메일의 고유한 이름 ​과(와) 제목 줄 ​을(를) 입력합니다.

    새 전자 메일 대화 상자 만들기 {width="400"}

  6. 만들기 ​를 클릭합니다.

    전자 메일 콘텐츠 페이지의 전자 메일 속성 섹션에서 전자 메일을 통해주소에 회신 필드가 이미 구성되어 있습니다. 보낸 사람 이름설명(선택 사항) 필드에 값을 입력할 수 있습니다.

이메일 콘텐츠 만들기

전자 메일 미리 보기 패널 위쪽에 있는 전자 메일 콘텐츠 추가 ​를 클릭합니다.

전자 메일 콘텐츠 추가 {width="700" modal="regular"} 클릭

이 작업은 이메일 Designer을 시작하며, 여기에서 다음 옵션 중 이메일을 디자인할 방법을 선택할 수 있습니다.

표현식 편집기로 제목 줄을 구성하고 개인화하려면 Personalization 아이콘을 클릭하고 Marketo Engage 토큰을 추가합니다.

이메일 콘텐츠를 만들고 개인화한 후에는 유효성 검사 또는 나중에 사용하기 위해 콘텐츠를 내보낼 수 있습니다. 콘텐츠를 HTML 및 자산을 포함하는 .zip 파일로 저장하려면 HTML 내보내기 ​를 클릭합니다.

TIP
생성형 AI에서 제공하는 Adobe Journey Optimizer B2B edition의 AI Assistant를 사용하여 콘텐츠를 한 차원 높입니다. AI Assistant를 사용하면 전체 이메일, 타겟팅된 텍스트 콘텐츠를 생성하고, 대상자에게 반향을 일으키는 이미지에 대한 AI Assistant 권장 사항을 얻음으로써 게재의 영향을 최적화하는 데 도움이 될 수 있습니다. 자세히 알아보기

이메일 콘텐츠 처음부터 만들기 design-from-scratch

시각적 콘텐츠 편집기를 사용하여 이메일 콘텐츠 구조를 정의합니다. 간단한 드래그 앤 드롭 작업으로 구조 구성 요소를 추가 및 이동하여 초 내에 재사용 가능한 이메일 콘텐츠의 형태를 디자인할 수 있습니다.

  1. 템플릿 디자인 홈 페이지에서 처음부터 디자인 옵션을 선택합니다.

  2. 전자 메일 메시지에 구조 및 콘텐츠를 추가합니다.

  3. 전자 메일 메시지에 이미지 자산 추가.

  4. 전자 메일 콘텐츠 개인화.

  5. 링크 검토 및 업데이트.

콘텐츠가 완료되면 맨 위에 있는 콘텐츠 시뮬레이션 ​을 클릭하여 렌더링을 확인합니다. 데스크탑 또는 모바일 보기를 선택할 수 있습니다.

내용이 만족스러우면 저장 ​을 클릭하세요.

기존 HTML 콘텐츠 가져오기

가져온 콘텐츠는 다음과 같을 수 있습니다.

  • 통합 스타일시트가 있는 HTML 파일

  • HTML 파일, 스타일 시트(.css) 및 이미지가 포함된 .zip 파일

    note note
    NOTE
    .zip 파일 구조에는 제약 조건이 없습니다. 그러나 참조는 상대적이어야 하며 .zip 폴더의 트리 구조와 일치해야 합니다. 이미지는 항상 연결된 Marketo Engage 에셋 저장소에 업로드됩니다. Experience Manager Assets에서 이미지 파일을 관리하려면 해당 앱 인터페이스에서 별도로 업로드한 다음 이메일 디자이너에서 이미지 링크를 변경합니다.

HTML 내용이 포함된 파일을 가져오려면

  1. HTML 디자인 홈 페이지에서 템플릿 가져오기 옵션을 선택합니다.

  2. HTML 내용이 들어 있는 HTML 또는 .zip 파일을 드래그 앤 드롭한 다음 가져오기 ​를 클릭합니다.

zip 파일에서 html 콘텐츠 가져오기 {width="500"}

NOTE
<table> 태그를 HTML 파일의 첫 번째 레이어로 사용하면 맨 위 레이어 태그의 배경 및 너비 설정을 포함하여 스타일이 손실될 수 있습니다.

시각적 이메일 편집기 도구를 사용하여 필요에 따라 가져온 콘텐츠를 개인화할 수 있습니다.

템플릿 선택

다음 중에서 선택할 수 있습니다.

  • 샘플 템플릿. Journey Optimizer 인터페이스는 선택할 수 있는 20개의 기본 이메일 템플릿을 제공합니다.

  • 저장된 템플릿. 템플릿 메뉴를 사용하여 처음부터 만들거나 콘텐츠 템플릿으로 저장 옵션을 사용하여 전자 메일에서 여정에 저장한 저장된 사용자 지정 템플릿을 사용하십시오.

디자인 템플릿 선택 섹션을 사용하여 템플릿에서 콘텐츠 작성을 시작하십시오. Journey Optimizer B2B 에디션 인스턴스에서 샘플 템플릿 또는 저장된 사용자 지정 이메일 템플릿을 사용할 수 있습니다.

저장된 템플릿

템플릿 디자인 홈 페이지에서 기본적으로 샘플 템플릿 탭이 선택됩니다. 사용자 지정 템플릿을 사용하려면 저장된 템플릿 탭을 선택하십시오.

현재 샌드박스에서 만든 모든 이메일 템플릿 목록이 표시됩니다. 이름, 마지막 수정 날짜마지막 생성 날짜 ​별로 정렬할 수 있습니다.

저장된 템플릿 선택 {width="800" modal="regular"}

목록에서 원하는 템플릿을 선택합니다.

선택 후 템플릿의 미리보기가 표시됩니다. 미리보기 모드에서 오른쪽 및 왼쪽 화살표를 사용하여 한 범주(선택에 따라 샘플 또는 저장됨)의 모든 템플릿 사이를 이동할 수 있습니다.

저장된 템플릿 미리 보기 {width="800" modal="regular"}

표시와 사용할 항목이 일치하면 미리 보기 창의 오른쪽 상단에 있는 이 서식 파일 사용 ​을 클릭합니다.

이 작업은 콘텐츠를 시각적 콘텐츠 디자이너에 복사하며, 필요한 경우 콘텐츠를 편집할 수 있습니다.

샘플 템플릿

Adobe Journey Optimizer B2B 에디션은 기본 제공 ​된 이메일 템플릿을 제공합니다. 이 템플릿은 이메일 및 이메일 템플릿을 만드는 데 사용할 수 있습니다.

Adobe이 제공한 템플릿 선택 {width="800" modal="regular"}

NOTE
저장된 템플릿에는 하나 이상의 구성 요소에 적용되는 거버넌스(콘텐츠 잠금) 설정이 있을 수 있습니다. 비주얼 디자이너는 관리되는 템플릿에서 전자 메일을 작성할 때 잠긴 구성 요소에 대한 지침을 제공합니다.

구조 및 콘텐츠 추가 structure-content

  1. 콘텐츠 디자인을 시작하려면 Structures ​에서 항목을 드래그하여 캔버스에 놓습니다.

    구조 ​에서 필요한 만큼 항목을 추가하고 오른쪽 창에서 각 항목의 설정을 편집합니다.

    note tip
    TIP
    n:n 열 구성 요소를 선택하여 선택한 열 수(3개에서 10개 사이)를 정의합니다. 열 아래로 화살표를 이동하여 각 열의 너비를 정의할 수도 있습니다.

    구조를 캔버스로 드래그하고 설정을 조정하십시오 {width="800" modal="regular"}

    각 열 크기는 구조 구성 요소의 전체 너비의 10%보다 작을 수 없습니다. 빈 열만 제거할 수 있습니다.

  2. 내용 섹션을 확장하고 하나 이상의 구조 구성 요소에 필요한 만큼 요소를 추가합니다.

    콘텐츠 요소를 캔버스로 드래그하고 설정을 조정하십시오 {width="800" modal="regular"}

  3. 필요한 경우 설정 또는 스타일 탭에서 각 구성 요소를 추가로 사용자 지정할 수 있습니다.

    예를 들어 각 구성 요소의 텍스트 스타일, 패딩 또는 여백을 변경할 수 있습니다.

  4. 조건부 콘텐츠를 추가하고 조건부 규칙에 따라 타겟팅된 프로필로 콘텐츠를 조정하려면 콘텐츠 구성 요소를 선택하고 구성 요소 도구 모음에서 조건부 콘텐츠 활성화 아이콘을 클릭합니다.

    자세한 내용은 조건부 콘텐츠 ​를 참조하세요.

조각 추가

시각적 콘텐츠 편집기에서 조각 아이콘이 왼쪽에 표시됩니다. 다음 예제에서는 템플릿 콘텐츠에 조각을 추가하는 단계에 대해 간략히 설명합니다.

  1. 조각 목록을 열려면 조각 아이콘을 클릭합니다.

    다음과 같은 작업을 수행할 수 있습니다.

    • 목록을 정렬합니다.
    • 목록을 검색 또는 필터링합니다.
    • 썸네일 보기와 목록 보기 간에 전환합니다.
    • 최근에 만들어진 조각을 반영하도록 목록을 새로 고칩니다.

    목록에서 조각 선택 {width="700" modal="regular"}

  2. 조각을 구조 구성 요소 자리 표시자로 끌어서 놓습니다.

    편집기는 이메일 구조의 섹션/요소 내에서 조각을 렌더링합니다.

조각의 콘텐츠는 구조 내에서 동적으로 업데이트되어 이메일에 콘텐츠가 표시되는 방식을 보여 줍니다.

TIP
이메일 내의 전체 수평 레이아웃을 차지하도록 조각을 추가하려면 1:1 열 구조를 추가한 다음 조각을 끌어서 놓습니다.

전자 메일이 저장되면 요약에서 사용자 탭을 선택하면 조각 세부 정보 페이지에 전자 메일이 표시됩니다. 이메일 템플릿에 추가된 조각은 템플릿 내에서 편집할 수 없습니다. 소스 조각은 콘텐츠를 정의합니다.

에셋 추가

시각적 콘텐츠 편집기에서 왼쪽에 표시되는 Assets 아이콘( Assets 표시 )을 선택합니다.

NOTE
기본 Adobe Marketo Engage Design Studio와 함께 Experience Manager Assets as a Cloud Service에 대한 구독이 있는 경우 이메일, 이메일 템플릿 또는 시각적 조각을 만들 때 이미지 소스를 선택합니다. 편집할 비주얼 디자이너를 열기 전에 이미지 소스를 선택할 수도 있습니다.

다음 예에서는 템플릿 콘텐츠에 자산을 추가하는 단계에 대해 간략히 설명합니다.

  1. 에셋 라이브러리를 열려면 Assets 아이콘을 클릭합니다.

    에셋 선택기에서 소스 라이브러리에 저장된 에셋을 직접 선택할 수 있습니다.

  2. 이미지 자산을 구조 구성 요소로 끌어다 놓아 새 자산을 추가합니다.

    Marketo Engage 에셋을 캔버스로 드래그하고 설정을 조정하십시오 {width="800" modal="regular"}

    소스 유형의 자산을 사용하는 방법에 대한 자세한 내용은 콘텐츠에 자산 추가를 참조하십시오.

  3. 캔버스에서 기존 이미지 자산을 선택하여 바꾸고 이미지 소스 도구에서 자산 선택 ​을 클릭합니다.

    원본 라이브러리에서 자산 선택 {width="600" modal="regular"}

레이어, 설정 및 스타일 탐색

비주얼 디자이너에서 콘텐츠를 사용하여 작업할 때 탐색 트리를 사용하여 레이어/컨테이너 및 요소에 액세스할 수 있습니다. 탐색 아이콘을 클릭하여 캔버스 왼쪽에 트리를 표시합니다.

콘텐츠 레이어 액세스 {width="800" modal="regular"}

다음 예에서는 열로 구성된 구조 구성 요소 내에서 패딩 및 수직 정렬을 조정하는 단계를 간략하게 설명합니다.

  1. 캔버스에서 구조 구성 요소의 열을 직접 선택하거나 왼쪽에 표시된 탐색 트리 ​를 사용합니다.

  2. 열 도구 모음에서 열 선택 도구를 클릭하고 편집할 열을 선택합니다.

    구조 트리에서 선택할 수도 있습니다. 해당 열에 대한 편집 가능한 매개 변수는 오른쪽의 설정스타일 탭에 표시됩니다.

    비주얼 디자이너에 표시되는 열 구성 요소 {width="800" modal="regular"}

  3. 열 속성을 편집하려면 오른쪽의 스타일 탭을 클릭하고 필요에 따라 변경합니다.

    • Background ​의 경우 필요에 따라 배경색을 변경합니다.

      투명 배경에 대한 확인란 선택을 취소합니다. 단색 대신 이미지를 배경으로 사용하려면 배경 이미지 설정을 사용하도록 설정하십시오.

    • 정렬 ​에 대해 위쪽, 중간 또는 아래쪽 아이콘을 선택합니다.

    • 패딩 ​에 대해 모든 면에 대한 패딩을 정의합니다.

      패딩을 미세 조정하려면 각 면에 대해 다른 패딩을 선택하십시오. 동기화를 중단하려면 잠금 아이콘을 클릭하십시오.

    • 고급 섹션을 확장하여 열의 인라인 스타일을 정의합니다.

    선택한 열의 스타일을 변경합니다 {width="700" modal="regular"}

  4. 필요한 경우 이 단계를 반복하여 구성 요소의 다른 열에 대한 맞춤 및 패딩을 조정합니다.

  5. 변경 내용을 저장합니다.

콘텐츠 개인화

Journey Optimizer B2B Edition에서는 이중 중괄호 {}로 묶은 개인 맞춤화된 콘텐츠로 식을 만들 수 있는 인라인 단순 구문을 사용합니다. 동일한 콘텐츠 또는 필드에 제한 없이 여러 표현식을 추가할 수 있습니다.

예:

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

메시지(이메일 및 SMS)를 처리할 때 Journey Optimizer B2B 에디션은 표현식을 Experience Platform 데이터베이스에 포함된 데이터로 대체합니다. 첫 번째 예제는 Hello John Doe ​입니다.

다음 예제에서는 리드/계정 속성과 시스템 토큰을 사용하여 콘텐츠를 개인화하는 단계를 간략하게 설명합니다.

  1. 텍스트 구성 요소를 선택하고 도구 모음에서 개인화 추가 아이콘을 클릭합니다.

    개인 설정 아이콘을 클릭합니다 {width="600"}

    이 작업은 Personalization 편집 대화 상자를 엽니다.

  2. + 또는 ​을(를) 클릭하여 빈 공간에 토큰을 추가합니다.

    토큰을 사용하여 개인화된 텍스트 만들기 {width="700" modal="regular"}

  3. 저장 ​을 클릭합니다.

연결된 URL 추적 편집

  1. 추적할 콘텐츠의 모든 URL을 표시하려면 왼쪽의 링크 아이콘을 클릭합니다.

  2. 필요한 경우 편집(연필) 아이콘을 클릭하고 추적 유형 또는 레이블 ​을(를) 수정하십시오.

    링크에 태그 ​를 추가할 수도 있습니다.

템플릿 작업에 액세스하려면 자세히 클릭 {width="500"}

옵션 보기

시각적 이메일 편집기에서 사용할 수 있는 보기 및 콘텐츠 유효성 검사 옵션을 활용합니다.

  • 사전 설정된 확대/축소 옵션에서 콘텐츠를 확대/축소합니다.

  • 데스크탑, 모바일 또는 텍스트 전용/일반 텍스트에서 컨텐츠 보기를 전환합니다.

    • 여러 장치에서 콘텐츠를 미리 보려면 보기 아이콘을 클릭하십시오.
    • 기본 제공 장치 중 하나를 선택하거나 사용자 지정 차원을 입력하여 콘텐츠를 미리 봅니다.

추가 옵션

전자 메일 디자이너 상단의 자세히… 메뉴에서 다음 작업을 수행할 수 있습니다.

템플릿 작업에 액세스하려면 자세히 클릭 {width="500"}

  • 전자 메일 재설정 - 시각적 전자 메일 디자이너 캔버스를 빈 슬레이트로 지우고 콘텐츠 작성을 다시 시작하려면 이 옵션을 클릭합니다.
  • 조각으로 저장 - 전자 메일의 전체 또는 일부를 조각으로 저장하여 여러 전자 메일 또는 전자 메일 템플릿에서 다시 사용할 수 있습니다. 조각의 이름과 설명을 입력하고 사용 가능한 조각 목록에 저장합니다.
  • 디자인 변경 - 전자 메일 디자인 페이지로 돌아가기. 여기에서 다른 템플릿을 선택하여 디자인 프로세스를 다시 시작하거나, 검정색 캔버스에 컨텐츠를 처음부터 디자인하도록 선택할 수 있습니다.\
  • 콘텐츠 템플릿으로 저장 - 여러 전자 메일 또는 전자 메일 템플릿에서 재사용할 수 있도록 전자 메일 본문을 전자 메일 템플릿으로 저장합니다. 템플릿의 이름과 설명을 입력하고 저장한 이메일 템플릿 목록에 저장합니다.
  • HTML 내보내기 - zip 파일로 패키지된 HTML 형식의 시각적 캔버스에 있는 콘텐츠를 로컬 시스템으로 다운로드합니다.

경고 확인

이메일 메시지 콘텐츠를 디자인할 때 주요 설정이 없을 때 인터페이스(페이지 오른쪽 상단)에 경고가 표시됩니다.

이 단추가 표시되지 않으면 발견된 문제가 없습니다.

두 가지 유형의 경고를 감지할 수 있습니다.

  • 권장 사항 및 모범 사례를 참조하는 경고:

    • The opt-out link is not present in the email body: 이메일 본문에 구독 취소 링크를 추가하는 것이 좋습니다.

      note note
      NOTE
      마케팅 스타일 이메일 메시지에는 옵트아웃 링크가 포함되어야 합니다. 옵트아웃 링크는 트랜잭션 메시지에는 필요하지 않습니다.
    • Text version of HTML is empty: HTML 내용을 표시할 수 없을 때 사용되는 전자 메일 본문의 텍스트 버전을 정의하는 것을 잊지 마십시오.

    • Empty link is present in email body: 전자 메일의 모든 링크가 올바른지 확인하십시오.

    • Email size has exceeded the limit of 100KB: 최적의 배달을 위해 전자 메일의 크기가 100KB를 초과하지 않도록 하십시오.

  • 여정/캠페인을 테스트하거나 활성화하지 못하는 오류(예:

    • The subject line is missing: 전자 메일 제목 줄은 필수입니다.

    • The email version of the message is empty: 이 오류는 전자 메일 콘텐츠가 구성되지 않은 경우에 표시됩니다.

이메일 확인 및 테스트 preview-test

메시지 콘텐츠가 정의된 경우 테스트 프로필을 사용하여 콘텐츠를 미리 보고, 증명을 보내고, 인기 있는 데스크탑, 모바일 및 웹 기반 클라이언트에서 렌더링을 제어할 수 있습니다. 개인화된 콘텐츠를 삽입한 경우 테스트 프로필 데이터를 사용하여 이 콘텐츠가 메시지에 표시되는 방식을 미리 볼 수 있습니다.

전자 메일 콘텐츠를 미리 보려면 콘텐츠 시뮬레이션 ​을 클릭한 다음 테스트 프로필을 추가하여 테스트 프로필 데이터를 사용하여 메시지를 확인하세요.

디자인을 확인하기 위해 전자 메일 콘텐츠 시뮬레이션 {width="700" modal="regular"}

recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0