이메일 디자이너 콘텐츠 구성 요소 사용 content-components

이메일 콘텐츠를 만들 때, 콘텐츠 구성 요소 에서는 이메일에 배치되면 편집할 수 있는 원시 구성 요소를 사용하여 이메일을 추가로 개인화할 수 있습니다.

하나 이상의 구조 구성 요소 내에 필요한 만큼 콘텐츠 구성 요소를 추가하여 이메일의 레이아웃을 정의할 수 있습니다.

콘텐츠 구성 요소 추가 add-content-components

이메일에 콘텐츠 구성 요소를 추가하고 필요에 맞게 조정하려면 아래 단계를 따르십시오.

  1. 이메일 디자이너에서 기존 콘텐츠를 사용하거나 구조 구성 요소 ​를 드래그하여 빈 콘텐츠에 놓아 이메일의 레이아웃을 정의합니다. 방법 알아보기

  2. 콘텐츠 구성 요소 섹션에 액세스하려면 이메일 디자이너의 왼쪽 창에서 해당 버튼을 선택합니다.

  3. 관련 구조 구성 요소 내에서 선택한 콘텐츠 구성 요소를 드래그 앤 드롭합니다.

    note note
    NOTE
    단일 구조 구성 요소와 구조 구성 요소의 각 열에 여러 구성 요소를 추가할 수 있습니다.
  4. 를 사용하여 각 구성 요소의 속성 및 스타일 조정 설정스타일 오른쪽 탭 예를 들어 각 구성 요소의 텍스트 스타일, 패딩 또는 여백을 변경할 수 있습니다. 정렬 및 패딩에 대해 자세히 알아보기

  5. 의 고급 메뉴에서 콘텐츠 구성 요소, 필요에 따라 모든 콘텐츠 구성 요소를 쉽게 삭제하거나 복제할 수 있습니다.

컨테이너 container

콘텐츠 구성 요소 그룹에 특정 스타일을 적용하려면 컨테이너 구성 요소를 선택한 다음, 내부에 원하는 콘텐츠 구성 요소를 추가합니다. 이렇게 하면 컨테이너에 고유한 스타일을 적용할 수 있습니다. 이는 내부의 콘텐츠 구성 요소에 적용된 스타일과 다릅니다.

예를 들어 컨테이너 구성 요소를 추가한 다음 해당 컨테이너 내부에 버튼 구성 요소를 추가하면 컨테이너에 특정 배경을 사용하고 버튼에 다른 배경을 사용할 수 있습니다.

버튼 button

버튼 구성 요소를 사용하여 이메일에 하나 이상의 버튼을 삽입하고 이메일 대상자를 다른 페이지로 리디렉션할 수 있습니다.

  1. 콘텐츠 구성 요소 ​에서 버튼 구성 요소를 드래그하여 구조 구성 요소 ​에 놓습니다.

  2. 새로 추가한 버튼을 클릭하여 텍스트를 개인화하고 다음에 액세스할 수 있습니다. 설정스타일 이메일 디자이너 오른쪽 창의 탭입니다.

  3. 다음에서 링크 메뉴를 클릭하고 단추를 클릭할 때 리디렉션할 URL을 추가합니다.

  4. 대상자를 다음으로 리디렉션하는 방법 선택 Target 드롭다운 목록:

    • None: 링크를 클릭한 프레임과 동일한 프레임에서 링크를 엽니다(기본값).
    • Blank: 새 창이나 탭에서 링크를 엽니다.
    • Self: 링크를 클릭한 프레임과 동일한 프레임에서 링크를 엽니다.
    • Parent: 상위 프레임에서 링크를 엽니다.
    • Top: 최상위 창에서 링크를 엽니다.

  5. [구성 요소 설정] 창에서 테두리, 크기, 여백 ​과 같은 스타일 속성을 변경하여 다른 스타일 속성을 조정할 수 있습니다.

텍스트 text

텍스트 구성 요소를 사용하여 이메일에 텍스트를 삽입하고 사용 스타일 탭.

  1. 출처: 콘텐츠 구성 요소, 을(를) 끌어다 놓습니다. 텍스트 구성 요소를 로 구조 구성 요소.

  2. 새로 추가한 구성 요소를 클릭하여 텍스트를 개인화하고 설정스타일 탭(이메일 디자이너 오른쪽 창)

  3. 도구 모음에서는 다음과 같은 옵션을 사용하여 텍스트를 변경할 수 있습니다.

    • 텍스트 스타일 변경: 텍스트에 볼드체, 이탤릭체, 밑줄 또는 취소선을 적용합니다.
    • 정렬 변경: 왼쪽, 오른쪽, 가운데 또는 양쪽 정렬 중에서 텍스트 정렬 방식을 선택합니다.
    • 목록 만들기: 텍스트에 글머리 기호 또는 번호 목록을 추가합니다.
    • 제목 설정: 텍스트에 최대 6개의 제목 수준을 추가합니다.
    • 글꼴 크기: 텍스트의 글꼴 크기를 픽셀 단위로 선택합니다.
    • 글꼴 색상 변경: 글꼴 색상을 선택합니다.
    • 링크 삽입: 콘텐츠에 모든 유형의 링크를 추가합니다.
    • 이미지 편집: 텍스트 구성 요소에 이미지 또는 에셋을 추가합니다. 에셋 관리에 대해 자세히 알아보기
    • 글꼴 색상 변경: 글꼴 색상을 선택합니다.
    • 개인화 추가: 개인화 필드를 추가하여 프로필 데이터의 콘텐츠를 사용자 정의합니다. 콘텐츠 개인화에 대해 자세히 알아보기
    • 소스 코드 표시: 텍스트의 소스 코드를 표시합니다. 소스 코드는 수정할 수 없습니다.
    • 조건부 콘텐츠 활성화: 구성 요소의 콘텐츠를 타겟팅된 프로필로 조정하려면 조건부 콘텐츠를 추가하십시오. 다이내믹 콘텐츠에 대해 자세히 알아보기
    • 복제: 텍스트 구성 요소의 복사본을 추가합니다.
    • 삭제: 이메일에서 선택한 텍스트 구성 요소를 삭제합니다.
  4. 다음에서 텍스트 색상, 글꼴 패밀리, 테두리, 패딩, 여백 등 다른 스타일 속성을 조정합니다. 다음에서 스타일 탭.

구분선 divider

구분선 구성 요소를 사용하여 이메일의 레이아웃과 콘텐츠를 구성하기 위한 구분선을 삽입할 수 있습니다.

설정스타일 탭에서 선 색상, 스타일 및 높이 등 스타일 속성을 조정할 수 있습니다.

HTML HTML

HTML 구성 요소를 사용하여 기존 HTML의 다른 부분을 복사하고 붙여넣을 수 있습니다. 이렇게 하면 무료 모듈식 HTML 구성 요소를 만들어 일부 외부 콘텐츠를 재사용할 수 있습니다.

  1. 콘텐츠 구성 요소 ​에서 HTML 구성 요소를 드래그하여 구조 구성 요소 ​에 놓습니다.

  2. 새로 추가된 구성 요소를 클릭한 다음 상황별 도구 모음에서 소스 코드 표시 ​를 선택하여 HTML을 추가합니다.

  3. 이메일에 추가할 HTML 코드를 복사하여 붙여넣은 다음 저장.

NOTE
이메일 디자이너와 호환되는 외부 콘텐츠를 만들기 위해서는 메시지를 처음부터 만들고 기존 이메일의 콘텐츠를 구성 요소로 복사하는 것이 좋습니다.

이미지 image

사용 이미지 컴퓨터의 이미지 파일을 이메일 콘텐츠에 삽입할 구성 요소입니다.

  1. 출처: 콘텐츠 구성 요소, 을(를) 끌어다 놓습니다. 이미지 구성 요소를 로 구조 구성 요소.

  2. 다음에서 설정 탭을 클릭하고 찾아보기 에셋에서 이미지 파일을 선택하거나 미디어 가져오기 Adobe Experience Manager Assets에 에셋을 업로드합니다.

    에 대해 자세히 알아보려면 Adobe Experience Manager Assets, 참조 Adobe Experience Manager Assets 설명서.

    note note
    NOTE
    링크가 활성 상태를 유지하고 만료 문제를 방지하려면 이미지에 대한 소스 URL에 의존하지 않고 Adobe 에셋 을 사용하는 것이 좋습니다.
  3. 를 사용하여 Adobe Stock에서 직접 검색할 수도 있습니다. Adobe Stock 사진 찾기 옵션을 선택합니다.

  4. 새로 추가한 구성 요소를 클릭하고 이미지 속성을 설정합니다.

    • 이미지 제목 속성을 사용하면 이미지의 제목을 정의할 수 있습니다.
    • 대체 텍스트 속성을 사용하면 이미지에 연결된 캡션을 정의할 수 있습니다. 이는 대체 HTML 속성에 해당합니다.

  5. 다음을 선택할 수도 있습니다. 유사한 Stock 사진 찾기. 자세히 알아보기

  6. 다음에서 스타일 탭에서 여백, 테두리 등의 다른 스타일 특성을 조정합니다. 대상자를 다른 콘텐츠로 리디렉션하도록 링크를 추가할 수 있습니다.

Social social

소셜 구성 요소를 사용하면 이메일 콘텐츠에 소셜 미디어 페이지에 대한 링크를 삽입할 수 있습니다.

  1. 콘텐츠 구성 요소 ​에서 소셜 구성 요소를 드래그하여 구조 구성 요소 ​에 놓습니다.

  2. 새로 추가한 구성 요소를 선택합니다.

  3. 설정 탭의 소셜 필드에서 추가 또는 제거할 소셜 미디어를 선택합니다.

  4. 전용 필드를 통해 아이콘 크기를 선택합니다.

  5. 각 소셜 미디어 아이콘을 클릭하여 다음을 구성합니다. URL 대상자를 리디렉션할 대상.

  6. 필요한 경우 에셋에서 각 소셜 미디어의 아이콘을 변경할 수도 있습니다.

  7. 다음에서 스타일, 여백, 테두리 등 다른 스타일 속성을 조정합니다. 다음에서 스타일 탭.

오퍼 결정 offer-decision

사용 오퍼 결정 오퍼를 메시지에 삽입할 구성 요소입니다. 다음 의사 결정 관리 엔진은 고객에게 제공할 최상의 오퍼를 선택합니다.

  1. 출처: 콘텐츠 구성 요소, 을(를) 끌어다 놓습니다. 오퍼 결정 구성 요소를 로 구조 구성 요소.

  2. 클릭 추가 을(를) 선택하려면 오퍼 결정.

  3. 드롭다운에서 다음을 선택합니다. 배치. 그런 다음 오퍼 결정 을(를) 콘텐츠에 추가하고 을(를) 클릭합니다. 추가.

  4. 다음에서 오퍼 결정 탭에서는 삽입된 오퍼를 미리 보거나 변경할 수 있습니다.

의 이메일에 개인화된 오퍼를 추가하는 방법을 알아봅니다. 이 섹션.

IMPORTANT
여정의 메시지에 사용 중인 오퍼 의사 결정이 변경되는 경우 여정 게시를 취소하고 다시 게시해야 합니다. 이렇게 하면 변경 사항이 여정 메시지에 통합되고 메시지가 최신 업데이트와 일관되게 표시됩니다.
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76