조각
조각은 Adobe Journey Optimizer B2B 에디션의 하나 이상의 이메일 및 이메일 템플릿에서 참조할 수 있는 재사용 가능한 구성 요소입니다. 일반적으로 미리 만들어 이메일 또는 이메일 템플릿에 신속하게 삽입할 수 있는 콘텐츠 블록(텍스트, 이미지 또는 둘 다)입니다. 이 기능을 사용하면 마케팅 팀원이 이메일 콘텐츠를 취합하여 디자인 프로세스를 개선하는 데 사용할 여러 사용자 지정 콘텐츠 블록을 미리 빌드할 수 있습니다. 일반적인 사용 사례로는 이메일, 이벤트 초대 배너 및 시즌 인사말을 위한 머리글/바닥글 콘텐츠 블록이 있습니다.
워크플로우에서 조각을 최대한 활용하려면 다음 작업을 수행하십시오.
- 나만의 조각 만들기 - 처음부터 만들거나 시각적 콘텐츠 편집기에서 콘텐츠를 조각으로 저장하여 시각적 조각을 만듭니다.
- 조각 재사용 - 콘텐츠에서 필요한 횟수만큼 조각을 사용합니다.
시각적 조각
시각적 조각은 여러 이메일 또는 이메일 템플릿에서 재사용할 수 있는 시각적 콘텐츠 편집기를 사용하여 빌드된 사전 정의된 시각적 블록입니다. Journey Optimizer B2B 에디션 및 이 설명서의 현재 범위는 시각적 조각으로만 제공됩니다. 표현식 기반 조각은 Journey Optimizer B2B 버전에서 아직 지원되지 않습니다.
조각 액세스 및 관리
Adobe Journey Optimizer B2B 에디션의 시각적 조각에 액세스하려면 왼쪽 탐색으로 이동하여 콘텐츠 관리 > 조각 을 클릭합니다. 이 작업을 수행하면 테이블에 나열된 인스턴스에서 만든 모든 조각이 포함된 목록 페이지가 열립니다.
{width="700" modal="regular"}
표는 수정됨 열을 기준으로 정렬되며 가장 최근에 업데이트된 조각이 기본적으로 맨 위에 있습니다. 오름차순과 내림차순 간을 변경하려면 열 제목을 클릭합니다.
조각 상태 및 라이프사이클
조각 상태는 이메일 또는 이메일 템플릿에서 사용할 수 있는 가용성과 해당 조각에 적용할 수 있는 변경 사항을 결정합니다.
조각을 만들면 초안 상태가 됩니다. 이메일 또는 이메일 템플릿에 사용하기 위해 게시하기 전까지 시각적 콘텐츠를 정의하거나 편집할 때 이 상태로 유지됩니다. 사용 가능한 작업:
- 모든 세부 정보 편집
- 비주얼 디자이너에서 편집
- 게시
- 복제
- 삭제
조각을 게시하면 이메일 또는 이메일 템플릿에서 사용할 수 있습니다. 게시된 조각 콘텐츠는 비주얼 디자이너에서 수정할 수 없습니다. 사용 가능한 작업:
- 설명 편집
- 이메일 또는 템플릿에 추가
- 초안 버전 만들기
- 복제
- 삭제(사용하지 않는 경우)
게시된 조각에서 초안을 만들 때 게시된 버전은 이메일 또는 이메일 템플릿에서 사용할 수 있으며 비주얼 디자이너에서 초안 콘텐츠를 수정할 수 있습니다. 초안 버전을 게시하면 현재 게시된 버전이 대체되며 콘텐츠는 사용 중인 이메일 및 이메일 템플릿에서 업데이트됩니다. 사용 가능한 작업:
- 설명 편집
- 이메일 또는 템플릿에 추가
- 비주얼 디자이너에서 초안 버전 편집
- Publish 초안 버전
- 복제
- 삭제(사용하지 않는 경우)
{width="800" modal="regular"}
조각 목록 필터링
이름별로 조각을 검색하려면 검색 막대에 일치 항목 텍스트 문자열을 입력합니다. 필터 아이콘( )을 클릭하여 사용 가능한 필터 옵션을 표시하고 설정을 변경하여 지정된 조건에 따라 표시된 항목을 필터링합니다.
{width="700" modal="regular"}
열 표시 사용자 정의
오른쪽 상단의 표 사용자 지정 아이콘( )을 클릭하여 표에 표시할 열을 사용자 지정합니다.
대화 상자에서 표시할 열을 선택하고 적용 을 클릭합니다.
{width="300"}
조각 만들기
오른쪽 상단의 조각 만들기 를 클릭하여 Journey Optimizer B2B 버전에서 새 시각적 조각을 만들 수 있습니다.
-
조각 만들기 대화 상자에서 유용한 이름 및 설명(선택 사항)을 입력하십시오.
조각 요구 사항:
-
이름 - 최대 100자이며, 고유해야 하며 대소문자를 구분하지 않습니다.
-
설명 - 최대 300자
-
Alpha, 숫자 및 특수 문자가 허용됩니다.
-
예약된 문자가 허용되지 않음:
\ / : * ? " < > |
{width="400"}
-
-
만들기 를 클릭합니다.
비주얼 디자이너가 빈 캔버스로 열립니다.
-
콘텐츠 디자인 도구를 사용하여 시각적 조각 콘텐츠를 만듭니다.
-
언제든지 저장 을 클릭하여 초안 조각을 저장합니다.
-
전자 메일 또는 전자 메일 템플릿에서 사용할 수 있는 조각을 만들 준비가 되면 Publish 을(를) 클릭합니다.
구조 및 콘텐츠 추가 design-fragment
-
콘텐츠 디자인을 시작하려면 Structures 에서 항목을 드래그하여 캔버스에 놓습니다.
구조 에서 필요한 만큼 항목을 추가하고 오른쪽 창에서 각 항목의 설정을 편집합니다.
note tip TIP n:n 열 구성 요소를 선택하여 선택한 열 수(3개에서 10개 사이)를 정의합니다. 열 아래로 화살표를 이동하여 각 열의 너비를 정의할 수도 있습니다. {width="800" modal="regular"}
각 열 크기는 구조 구성 요소의 전체 너비의 10%보다 작을 수 없습니다. 빈 열만 제거할 수 있습니다.
-
내용 섹션을 확장하고 하나 이상의 구조 구성 요소에 필요한 만큼 요소를 추가합니다.
{width="800" modal="regular"}
-
필요한 경우 설정 또는 스타일 탭에서 각 구성 요소를 추가로 사용자 지정할 수 있습니다.
예를 들어 각 구성 요소의 텍스트 스타일, 패딩 또는 여백을 변경할 수 있습니다.
-
조건부 콘텐츠를 추가하고 조건부 규칙에 따라 타겟팅된 프로필로 콘텐츠를 조정하려면 콘텐츠 구성 요소를 선택하고 구성 요소 도구 모음에서 조건부 콘텐츠 활성화 아이콘을 클릭합니다.
자세한 내용은 조건부 콘텐츠 를 참조하세요.
에셋 추가
시각적 콘텐츠 편집기에서 왼쪽에 표시되는 Assets 아이콘( )을 선택합니다.
다음 예에서는 템플릿 콘텐츠에 자산을 추가하는 단계에 대해 간략히 설명합니다.
-
에셋 라이브러리를 열려면 Assets 아이콘을 클릭합니다.
에셋 선택기에서 소스 라이브러리에 저장된 에셋을 직접 선택할 수 있습니다.
-
이미지 자산을 구조 구성 요소로 끌어다 놓아 새 자산을 추가합니다.
{width="800" modal="regular"}
소스 유형의 자산을 사용하는 방법에 대한 자세한 내용은 콘텐츠에 자산 추가를 참조하십시오.
-
캔버스에서 기존 이미지 자산을 선택하여 바꾸고 이미지 소스 도구에서 자산 선택 을 클릭합니다.
{width="600" modal="regular"}
레이어, 설정 및 스타일 탐색
비주얼 디자이너에서 콘텐츠를 사용하여 작업할 때 탐색 트리를 사용하여 레이어/컨테이너 및 요소에 액세스할 수 있습니다. 탐색 아이콘을 클릭하여 캔버스 왼쪽에 트리를 표시합니다.
{width="800" modal="regular"}
다음 예에서는 열로 구성된 구조 구성 요소 내에서 패딩 및 수직 정렬을 조정하는 단계를 간략하게 설명합니다.
-
캔버스에서 구조 구성 요소의 열을 직접 선택하거나 왼쪽에 표시된 탐색 트리 를 사용합니다.
-
열 도구 모음에서 열 선택 도구를 클릭하고 편집할 열을 선택합니다.
구조 트리에서 선택할 수도 있습니다. 해당 열에 대한 편집 가능한 매개 변수는 오른쪽의 설정 및 스타일 탭에 표시됩니다.
{width="800" modal="regular"}
-
열 속성을 편집하려면 오른쪽의 스타일 탭을 클릭하고 필요에 따라 변경합니다.
-
Background 의 경우 필요에 따라 배경색을 변경합니다.
투명 배경에 대한 확인란 선택을 취소합니다. 단색 대신 이미지를 배경으로 사용하려면 배경 이미지 설정을 사용하도록 설정하십시오.
-
정렬 에 대해 위쪽, 중간 또는 아래쪽 아이콘을 선택합니다.
-
패딩 에 대해 모든 면에 대한 패딩을 정의합니다.
패딩을 미세 조정하려면 각 면에 대해 다른 패딩을 선택하십시오. 동기화를 중단하려면 잠금 아이콘을 클릭하십시오.
-
고급 섹션을 확장하여 열의 인라인 스타일을 정의합니다.
{width="700" modal="regular"}
-
-
필요한 경우 이 단계를 반복하여 구성 요소의 다른 열에 대한 맞춤 및 패딩을 조정합니다.
-
변경 내용을 저장합니다.
콘텐츠 개인화
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 입니다.
다음 예제에서는 리드/계정 속성과 시스템 토큰을 사용하여 콘텐츠를 개인화하는 단계를 간략하게 설명합니다.
-
텍스트 구성 요소를 선택하고 도구 모음에서 개인화 추가 아이콘을 클릭합니다.
{width="600"}
이 작업은 Personalization 편집 대화 상자를 엽니다.
-
+ 또는 … 을(를) 클릭하여 빈 공간에 토큰을 추가합니다.
{width="700" modal="regular"}
-
저장 을 클릭합니다.
연결된 URL 추적 편집
-
추적할 콘텐츠의 모든 URL을 표시하려면 왼쪽의 링크 아이콘을 클릭합니다.
-
필요한 경우 편집(연필) 아이콘을 클릭하고 추적 유형 또는 레이블 을(를) 수정하십시오.
링크에 태그 를 추가할 수도 있습니다.
템플릿 작업에 액세스하려면 {width="500"}
조각 세부 사항 보기
목록 페이지에서 조각 이름을 클릭하여 조각 세부 사항 페이지를 엽니다. 조각을 편집하거나, 조각 이름을 바꾸거나, 조각 설명을 업데이트하도록 선택할 수 있습니다. 변경 사항을 자동으로 저장하려면 업데이트하고 이름 또는 설명 필드 외부를 클릭합니다.
{width="600" modal="regular"}
조각 편집 을 클릭하여 시각적 콘텐츠 편집기에서 조각을 엽니다.
왼쪽 상단의 뒤로 화살표를 클릭하여 언제든지 보기를 종료하십시오. 그러면 조각 목록 페이지로 돌아갑니다.
참조에서 사용하는 조각 보기
조각 세부 사항 페이지에서 사용한 사람 탭을 클릭하여 이메일, 이메일 템플릿 및 조각에서 Journey Optimizer B2B 에디션 내에서 현재 조각이 사용되는 위치에 대한 세부 사항을 확인합니다.
전자 메일 또는 전자 메일 템플릿 범주에 따라 참조가 표시됩니다. Journey Optimizer B2B 에디션의 이메일은 계정 여정 내에 임베드되고 작성되므로 조각을 사용하는 이메일의 상위 여정이 참조에 표시됩니다.
{width="600" modal="regular"}
링크를 클릭하여 조각이 사용되는 해당 이메일 또는 이메일 템플릿을 엽니다.
조각 삭제
현재 전자 메일 또는 전자 메일 템플릿에서 사용 중인 모든 조각은 삭제할 수 없으므로 조각 제거를 시작하기 전에 used-by 참조를 확인해야 합니다. 또한 제거 작업은 실행 취소할 수 없으므로 삭제 작업을 시작하기 전에 확인하십시오.
다음 방법 중 하나를 사용하여 조각을 삭제할 수 있습니다.
- 오른쪽의 조각 세부 정보에서 삭제 를 클릭합니다.
- 조각 목록 페이지에서 조각 옆에 있는 줄임표를 클릭하고 삭제 를 선택합니다.
이 작업을 수행하면 확인 대화 상자가 열립니다. 취소 를 클릭하여 프로세스를 중단하거나 삭제 를 클릭하여 삭제를 확인할 수 있습니다.
{width="400"}
조각이 현재 사용 중인 경우 작업을 수행하면 삭제할 수 없다는 경고를 주는 정보 대화 상자가 열립니다. 확인 을 클릭하여 삭제 작업을 중단합니다.
{width="400"}
조각 편집
조각에 대한 편집은 현재 상태에 따라 다릅니다.
- 조각이 초안 상태일 때 조각의 세부 정보와 시각적 콘텐츠를 편집할 수 있습니다.
- 조각이 게시됨 상태일 때 조각 설명을 편집할 수 있지만 이름은 편집할 수 없습니다. 시각적 컨텐츠는 편집할 수 없습니다.
- 조각이 초안으로 게시됨 상태일 때 세부 정보 편집은 설명으로 제한됩니다. 초안 버전의 시각적 콘텐츠를 편집할 수도 있습니다.
-
조각 목록 페이지에서 조각 이름을 클릭하여 엽니다.
오른쪽에 조각 세부 사항이 있는 시각적 콘텐츠의 미리보기가 표시됩니다.
-
이름, 설명 등 세부 사항을 수정합니다.
{width="600" modal="regular"}
-
비주얼 디자이너에서 콘텐츠를 변경하려면 조각 편집 을 클릭하세요.
필요에 따라 비주얼 디자이너 도구를 사용합니다.
조각 세부 정보로 돌아가려면 저장 또는 저장 및 닫기 를 클릭하십시오.
-
조각이 조건을 충족하고 전자 메일 또는 전자 메일 템플릿에서 사용할 수 있도록 하려면 Publish 을(를) 클릭합니다.
-
조각 목록 페이지에서 조각 이름을 클릭하여 엽니다.
오른쪽에 조각 세부 사항이 있는 시각적 콘텐츠의 미리보기가 표시됩니다.
-
필요한 경우 설명을 수정합니다.
게시된 조각의 경우 다른 모든 세부 사항을 변경할 수 없습니다.
-
콘텐츠를 업데이트하려면 오른쪽 상단의 초안 버전 만들기 를 클릭하십시오.
대화 상자에서 확인 을 클릭하여 비주얼 디자이너에서 초안 버전을 엽니다. 필요한 경우 이미지 소스를 변경할 수 있습니다.
{width="300"}
필요에 따라 비주얼 디자이너 도구를 사용합니다.
조각 세부 정보로 돌아가려면 저장 또는 저장 및 닫기 를 클릭하십시오.
-
초안 조각이 조건에 맞고 변경 사항을 전자 메일 또는 전자 메일 템플릿에서 사용할 수 있도록 하려면 Publish 을(를) 클릭합니다.
초안 버전을 게시하면 현재 게시된 버전이 대체되며 콘텐츠는 이미 사용 중인 이메일 및 이메일 템플릿에서 업데이트됩니다.
조각 목록 페이지에서 편집할 초안 버전을 여는 방법에는 두 가지가 있습니다.
-
조각 이름 옆의 자세히 아이콘(…)을 클릭하고 초안 버전 열기 를 선택합니다.
{width="300"}
-
조각 이름을 클릭하여 엽니다. 그런 다음 오른쪽 상단의 초안 버전 열기 를 클릭합니다.
오른쪽에 조각 세부 사항이 있는 초안 버전의 시각적 콘텐츠 미리보기가 표시됩니다.
콘텐츠를 업데이트하려면:
-
오른쪽 상단의 조각 편집 을 클릭합니다. 필요에 따라 비주얼 디자이너 도구를 사용합니다.
조각 세부 정보로 돌아가려면 저장 또는 저장 및 닫기 를 클릭하십시오.
-
초안 조각이 조건에 맞고 변경 사항을 전자 메일 또는 전자 메일 템플릿에서 사용할 수 있도록 하려면 Publish 을(를) 클릭합니다.
초안 버전을 게시하면 현재 게시된 버전이 대체되며 콘텐츠는 이미 사용 중인 이메일 및 이메일 템플릿에서 업데이트됩니다.
중복 조각
다음 방법 중 하나를 사용하여 조각을 복제할 수 있습니다.
- 조각 목록 페이지에서 조각 이름 옆의 자세히 아이콘(…)을 클릭하고 복제 를 선택합니다.
- 조각 세부 정보 페이지의 오른쪽 상단에서 …을 클릭합니다. 추가 하고 복제 를 선택하세요.
{width="600" modal="regular"}
대화 상자에서 유용한 이름(고유)과 설명을 입력합니다. 작업을 완료하려면 복제 를 클릭하십시오.
{width="400"}
그러면 복제된(새) 조각이 조각 목록에 나타납니다.
이메일 또는 템플릿 콘텐츠에서 새 조각 저장
시각적 콘텐츠 편집기에서 이메일 또는 이메일 템플릿을 만들거나 편집할 때 콘텐츠를 재사용할 수 있도록 전부 또는 일부를 조각으로 저장하도록 선택할 수 있습니다.
-
조각으로 저장할 컨텐츠가 있으면 자세히 를 클릭하고 조각으로 저장 을 선택하십시오.
-
조각에 포함할 다른 요소를 선택합니다.
Shift 또는 Control 단추를 눌러 여러 구조를 선택합니다.
서로 인접한 구조만 선택할 수 있으며 인터페이스에서는 인접하지 않은 요소를 선택할 수 없습니다.
-
콘텐츠를 선택한 상태에서 오른쪽 상단의 만들기 를 클릭합니다.
-
대화 상자에서 조각에 대한 유용한 이름과 설명을 입력합니다. 만들기 를 클릭합니다.
그런 다음 새 조각이 조각 목록 페이지에 표시되고 전자 메일 및 전자 메일 템플릿에서도 사용할 수 있습니다.
이메일 또는 템플릿 콘텐츠에 시각적 조각 추가
조각은 재사용을 위해 설계되었으며 이메일 및 이메일 템플릿 작성에 삽입할 수 있습니다. 이메일 또는 템플릿에 최대 30개의 조각을 추가할 수 있습니다. 조각은 한 수준까지만 중첩할 수 있습니다.
-
계정 여정(으)로 이동하여 기존 여정을 열거나 새 여정을 만드십시오.
-
전자 메일 보내기 노드를 만듭니다.
-
🔗 노드에 대한 전자 메일 콘텐츠를 만들거나 편집합니다.
-
구성 요소 메뉴에서 항목을 끌어다 놓아 조각에 대한 구조 을(를) 제공하세요.
-
게시된 조각 목록을 열려면 조각 아이콘을 클릭합니다.
다음과 같은 작업을 수행할 수 있습니다.
- 목록을 정렬합니다.
- 목록을 검색 및 필터링합니다.
- 카드(썸네일)와 목록 보기 간에 전환합니다.
- 최근에 만들어진 조각을 반영하도록 목록을 새로 고칩니다.
{width="600"}
-
조각을 구조 구성 요소 자리 표시자로 끌어서 놓습니다.
편집기는 이메일 구조의 섹션/요소 내에서 조각을 렌더링합니다.
조각의 콘텐츠는 구조 내에서 동적으로 업데이트되어 이메일에 콘텐츠가 표시되는 방식을 시각적으로 렌더링합니다.
note tip |
---|
TIP |
조각이 전자 메일 내의 전체 가로 레이아웃을 차지하도록 하려면 1:1 열 구조를 추가한 다음 조각을 끌어서 놓습니다. |
전자 메일이 저장되면 사용한 사람 탭을 선택하면 조각 세부 정보 페이지에 나타납니다. 이메일에 추가된 조각은 이메일 또는 템플릿 내에서 편집할 수 없습니다. 게시된 소스 조각은 콘텐츠를 정의합니다.
-
왼쪽 탐색에서 콘텐츠 관리 > 템플릿 을 클릭합니다.
-
새 템플릿을 만들거나 기존 전자 메일 템플릿을 열고 전자 메일 템플릿 편집 을 클릭합니다.
-
구성 요소 메뉴에서 항목을 끌어다 놓아 조각에 대한 구조 을(를) 제공하세요.
-
조각 목록을 열려면 조각 아이콘을 클릭합니다.
다음과 같은 작업을 수행할 수 있습니다.
- 목록을 정렬합니다.
- 목록을 검색 및 필터링합니다.
- 카드(썸네일)와 목록 보기 간에 전환합니다.
- 최근에 만들어진 조각을 반영하도록 목록을 새로 고칩니다.
{width="600"}
-
조각을 구조 구성 요소 자리 표시자로 끌어서 놓습니다.
편집기는 이메일 템플릿 구조의 섹션/요소 내에서 조각을 렌더링합니다.
-
조각을 구조 구성 요소 자리 표시자로 끌어서 놓습니다.
편집기는 이메일 템플릿 구조의 섹션/요소 내에서 조각을 렌더링합니다.
note tip |
---|
TIP |
조각이 전자 메일 템플릿 내의 전체 가로 레이아웃을 차지하도록 하려면 1:1 열 구조를 추가한 다음 조각을 끌어서 놓습니다. |
전자 메일 템플릿이 저장되면 사용 사용자 탭을 선택하면 조각 세부 정보 페이지에 표시됩니다. 이메일 템플릿에 추가된 조각은 템플릿 내에서 편집할 수 없습니다. 게시된 소스 조각은 콘텐츠를 정의합니다.
이메일 및 템플릿 작성 중 조각 작업
이메일 또는 이메일 템플릿에 조각을 추가하면 이메일 또는 템플릿 내에서 조각 콘텐츠를 편집할 수 없습니다. 하지만 다음 작업을 적용할 수 있습니다.
- 삭제 - 이 작업은 현재 전자 메일 또는 전자 메일 템플릿 콘텐츠에서 조각을 제거합니다(조각 소스는 영향을 받지 않음).
- 새로 고침 - 이 작업은 현재 전자 메일 또는 전자 메일 템플릿의 조각 콘텐츠를 새로 고칩니다. 새로 고침은 이메일 또는 이메일 템플릿에 추가한 후 조각에 대한 최근 편집 내용을 반영하려는 경우에 유용합니다.
- 복제 - 이 작업은 편집기 내의 동일한 전자 메일 또는 전자 메일 템플릿 내의 조각을 동일한 차원으로 복제하고 바로 아래에 추가합니다.
- 조각 열기 - 이 작업을 수행하면 조각 편집기 페이지와 세부 정보가 있는 새 브라우저 탭이 열립니다.
- 상속 중단 - 이 작업은 소스에서 조각의 상속(및 변경 내용)을 중단합니다. 이 작업을 사용하여 조각 콘텐츠를 이메일 또는 이메일 템플릿 내에서 독립적이고 편집 가능한 콘텐츠로 사용할 수 있도록 합니다. 이 작업은 원본 조각에 대한 사용한 사람 참조에서 전자 메일 또는 전자 메일 템플릿도 제거합니다.
편집기 페이지에서 조각을 선택하면 이러한 작업은 컨텍스트 도구 모음과 오른쪽의 속성 패널에서 사용할 수 있습니다.
{width="600" modal="regular"}