재사용 가능한 콘텐츠 제작 및 사용

마지막 업데이트: 2023-12-29
  • 주제:
  • Email Design
    이 항목에 대한 자세한 내용 보기
  • 작성 대상:
  • Intermediate
    User

이메일 콘텐츠 에디션을 마스터하는 방법에 대해 알아봅니다. 이메일 디자이너를 사용하면 미리 정의된 고유한 콘텐츠로 템플릿과 조각을 만들고 다음 게재에 다시 사용할 수 있습니다.

템플릿을 사용하여 이메일 디자인

노트

Adobe Campaign Standard에서는 다음에서 액세스할 수 있는 다양한 유형의 템플릿을 만들 수 있습니다 리소스 > 템플릿 메뉴 아래의 제품에서 사용할 수 있습니다. 이메일 디자이너에 사용되는 템플릿은 콘텐츠 템플릿입니다. 자세한 내용은 템플릿 기본 정보.

비디오에서 템플릿을 만드는 방법 살펴보기

콘텐츠 템플릿 기본 정보

에서 제공하는 HTML 콘텐츠를 관리할 수 있습니다. Templates 의 탭 이메일 디자이너 홈 페이지입니다.

기본 제공되는 이메일 콘텐츠 템플릿에는 모바일에 최적화된 레이아웃 18개와 Behance 아티스트가 디자인한 동급 최고의 반응형 템플릿 4개가 포함됩니다. 고객 환영 메시지, 뉴스레터 및 재참여 이메일 등 가장 최근의 용도에 해당합니다. 브랜드의 콘텐츠로 손쉽게 사용자 정의하여 이메일 디자인 프로세스를 처음부터 간편하게 할 수 있습니다.

HTML 콘텐츠 템플릿은에서 액세스할 수 있습니다. Resources > Content templates & fragments 의 화면 고급 메뉴. 여기에서 랜딩 페이지 콘텐츠 템플릿, 이메일 콘텐츠 템플릿 및 조각을 관리할 수 있습니다.

기본 제공 콘텐츠 템플릿은 읽기 전용입니다. 이 중 하나를 편집하려면 먼저 원하는 템플릿을 복제해야 합니다.

새 템플릿 또는 조각을 만들고 원하는 콘텐츠를 정의할 수 있습니다. 자세한 내용은 콘텐츠 템플릿 만들기컨텐츠 조각 만들기.

이메일 디자이너를 사용하여 콘텐츠를 편집할 때 콘텐츠를 조각 또는 템플릿으로 저장하여 콘텐츠 템플릿을 만들 수도 있습니다. 자세한 내용은 콘텐츠를 템플릿으로 저장콘텐츠를 조각으로 저장.

관련 항목:

콘텐츠 템플릿 만들기

나만의 콘텐츠 템플릿을 만들어 필요한 횟수만큼 사용할 수 있습니다.

다음 예제에서는 이메일 콘텐츠 템플릿을 만드는 방법을 보여 줍니다.

  1. 다음으로 이동 Resources > Content templates & fragments 및 클릭 Create.

  2. 전자 메일 레이블을 클릭하여 Properties 이메일 디자이너의 탭.

  3. 인식할 수 있는 레이블을 지정하고 이 템플릿을 이메일에서 사용할 수 있도록 다음 매개 변수를 선택합니다.

    • 선택 Shared 또는 Delivery 다음에서 Content type 드롭다운 목록입니다.
    • 선택 Template 다음에서 HTML type 드롭다운 목록입니다.

  4. 필요한 경우 템플릿의 썸네일로 사용할 이미지를 설정할 수 있습니다. 다음에서 선택합니다. Thumbnail 템플릿 속성의 탭입니다.

    이 썸네일은 Templates 의 탭 이메일 디자이너 홈 페이지입니다.

  5. 닫기 Properties 탭으로 이동하여 기본 작업 공간으로 돌아갑니다.

  6. 필요에 따라 사용자 정의할 수 있는 구조 구성 요소와 콘텐츠 구성 요소를 추가합니다.

    노트

    콘텐츠 템플릿 내부에는 개인화 필드 또는 조건부 콘텐츠를 삽입할 수 없습니다.

    1. 편집한 후 템플릿을 저장합니다.

이제 이 템플릿은 이메일 디자이너를 통해 빌드된 모든 이메일에서 사용할 수 있습니다. 다음에서 선택합니다. Templates 의 탭 이메일 디자이너 홈 페이지입니다.

콘텐츠를 템플릿으로 저장

이메일 디자이너를 사용하여 이메일을 편집할 때 해당 이메일의 콘텐츠를 템플릿으로 직접 저장할 수 있습니다.

  1. 선택 Save as template 이메일 디자이너 기본 도구 모음에서

  2. 필요한 경우 레이블 및 설명을 추가한 다음 을 클릭합니다. Save.

  3. 방금 만든 템플릿을 찾으려면 Resources > Content templates & fragments.

  4. 새 템플릿을 사용하려면 Templates 의 탭 이메일 디자이너 홈 페이지입니다.

조각 및 구성 요소를 사용하여 템플릿 만들기

이제 이메일 디자이너를 사용하여 이메일 템플릿을 만들 수 있습니다. 콘텐츠 구성 요소를 사용하여 이메일의 여러 섹션을 반영하고 설정을 조정하여 원본 뉴스레터와 최대한 비슷하게 만듭니다. 마지막으로 방금 만든 조각을 삽입합니다.

  1. 이메일 디자이너를 사용하여 템플릿을 만듭니다. 자세한 내용은 콘텐츠 템플릿.

  2. 템플릿에 이메일 머리글, 바닥글 및 본문에 해당하는 여러 구조 구성 요소를 삽입합니다. 구조 구성 요소 추가에 대한 자세한 내용은 이메일 디자이너를 사용하여 이메일 구조 편집.

  3. 뉴스레터 본문을 만드는 데 필요한 만큼 콘텐츠 구성 요소를 삽입합니다. 매월 업데이트되는 이메일의 편집 가능한 콘텐츠입니다.

    HTML Adobe 코드에 익숙하다면 를 활용하는 것이 좋습니다 Html 원본 이메일의 더 복잡한 요소를 복사하여 붙여넣을 수 있는 구성 요소입니다. 다음과 같은 다른 구성 요소 사용 Button, Image 또는 Text 콘텐츠의 나머지 부분입니다. 자세한 내용은 콘텐츠 구성 요소 정보.

    노트

    사용 Html 구성 요소를 사용하면 제한된 옵션을 사용하여 편집할 수 있는 구성 요소가 만들어집니다. 이 구성 요소를 선택하기 전에 HTML 코드를 처리하는 방법을 확인하십시오.

  4. 가능한 한 원본 이메일과 일치하도록 콘텐츠 구성 요소를 조정합니다.

    스타일 설정 및 인라인 속성 관리에 대한 자세한 내용은 이메일 스타일 편집 중.

  5. 이전에 만든 두 조각(머리글과 바닥글)을 원하는 구조 구성 요소에 삽입합니다.

  6. 템플릿을 저장합니다.

이제 이메일 디자이너 내에서 이 템플릿을 완전히 관리하여 수신자에게 매달 전송할 뉴스레터를 만들고 업데이트할 수 있습니다.

사용하려면 이메일을 만들고 방금 만든 콘텐츠 템플릿을 선택합니다.

관련 항목:

튜토리얼 비디오

이 비디오에서는 나만의 템플릿을 만드는 방법을 보여 줍니다.

추가 Campaign Standard 방법 비디오를 사용할 수 있습니다 여기.

조각 정보

조각은 하나 이상의 이메일에서 참조할 수 있는 재사용 가능한 구성 요소입니다.
이러한 속성은 아래 인터페이스에서 찾을 수 있습니다. 리소스 > 컨텐츠 조각 및 템플릿.

이메일 디자이너에서 조각을 최대한 활용하려면 다음을 수행하십시오.

  • 나만의 조각을 만들어 보세요. 다음을 참조하십시오 컨텐츠 조각 만들기콘텐츠를 조각으로 저장.
  • 이메일에서 필요한 만큼 많이 사용합니다. 다음을 참조하십시오 이메일에 요소 삽입.
  • 조각을 편집하면 변경 사항이 동기화됩니다. 해당 조각을 포함하는 모든 이메일(아직 준비 또는 전송되지 않은 경우)에 변경 사항이 자동으로 전파됩니다.

이메일에 추가되면 조각은 기본적으로 잠깁니다. 특정 이메일에 대한 조각을 수정하려는 경우 조각이 사용된 이메일의 잠금을 해제하여 원본 조각과의 동기화를 중단할 수 있습니다. 변경 사항은 더 이상 동기화되지 않습니다.

이메일 내의 조각 잠금을 해제하려면 조각을 선택하고 상황별 도구 모음에서 잠금 아이콘을 클릭합니다.

해당 조각은 원래 조각에 더 이상 연결되지 않는 독립 실행형 구성 요소가 됩니다. 그런 다음 다른 콘텐츠 구성 요소로 편집할 수 있습니다. 다음을 참조하십시오 콘텐츠 구성 요소 정보.

이메일에 조각 삽입

이메일 콘텐츠를 정의하기 위해 미리 배치한 구조 구성 요소에 콘텐츠 요소를 추가할 수 있습니다. 다음을 참조하십시오 이메일 구조 편집.

  1. 다음을 선택하여 콘텐츠 요소에 액세스합니다. + 왼쪽에 있는 아이콘. 선택 조각 또는 콘텐츠 구성 요소.

  2. 추가하려는 조각의 레이블 또는 일부를 이미 알고 있는 경우 검색할 수 있습니다.

  3. 조각이나 콘텐츠 구성 요소를 팔레트에서 이메일의 구조 구성 요소로 끌어다 놓습니다.

    요소가 이메일에 추가되면 이메일의 구조 구성 요소 내부 또는 다른 구조 구성 요소로 이동할 수 있습니다.

  4. 이 이메일의 정확한 요구 사항과 일치하도록 요소를 편집합니다. 텍스트, 링크, 이미지 등을 추가할 수 있습니다.

    노트

    조각은 이메일에 추가될 때 기본적으로 잠깁니다. 특정 이메일에 대한 조각을 수정하려는 경우 원본 조각과의 동기화를 중단하거나 조각에서 직접 변경할 수 있습니다. 다음을 참조하십시오 조각 정보.

  5. 이메일에 추가해야 하는 모든 요소에 대해 이 절차를 반복합니다.

  6. 이메일을 저장합니다.

이제 이메일 구조가 채워졌으므로 각 콘텐츠 요소의 스타일을 편집할 수 있습니다. 다음을 참조하십시오 요소 편집.

노트

조각이 수정되면 해당 조각이 사용되는 이메일에 변경 사항이 자동으로 전파됩니다. 자세한 내용은 조각 정보.

컨텐츠 조각 만들기

필요에 따라 하나 이상의 이메일에서 사용할 수 있도록 고유한 콘텐츠 조각을 만들 수 있습니다.

  1. 다음으로 이동 Resources > Content templates & fragments 및 클릭 Create.

  2. 전자 메일 레이블을 클릭하여 Properties 이메일 디자이너의 탭.

  3. 인식 가능한 레이블을 지정하고 다음 매개 변수를 선택하여 이메일 콘텐츠를 편집할 때 조각을 찾습니다.

    • 조각은 이메일과만 호환하므로 다음을 선택합니다. Delivery 다음에서 Content type 드롭다운 목록입니다.
    • 선택 Fragment 다음에서 HTML type 이 컨텐츠를 조각으로 사용할 수 있는 드롭다운 목록입니다.

  4. 필요한 경우 조각의 썸네일로 사용할 이미지를 설정할 수 있습니다. 다음에서 선택합니다. Thumbnail 템플릿 속성의 탭입니다.

    이메일을 편집할 때 조각의 레이블 옆에 이 썸네일이 표시됩니다.

  5. 닫기 Properties 탭으로 이동하여 기본 작업 공간으로 돌아갑니다.

  6. 필요에 따라 사용자 정의할 수 있는 구조 구성 요소와 콘텐츠 구성 요소를 추가합니다.

    주의

    조각에는 개인화 필드, 다이내믹 콘텐츠 또는 다른 조각이 포함될 수 없습니다.

    빈 구조 구성 요소가 있는 조각 콘텐츠로 저장하지 마십시오. >조각을 삽입하면 편집할 수 없습니다.

    다음 모바일 보기 조각에서 사용할 수 없습니다.

  7. 편집한 후 조각을 저장합니다.

이제 이 조각은 이메일 디자이너를 통해 빌드된 모든 이메일에서 사용할 수 있습니다. 다음 아래에 나타납니다. Fragments 팔레트의 섹션입니다.

노트

이메일에서 사용되고 잠금 해제되지 않는 한 조각 내에 개인화 필드를 삽입할 수 없습니다. 다음을 참조하십시오 조각 정보.

콘텐츠를 조각으로 저장

이메일 디자이너를 사용하여 이메일을 편집할 때 해당 이메일의 일부를 조각으로 직접 저장할 수 있습니다.

  • 개인화 필드, 다이내믹 콘텐츠 또는 다른 조각이 포함된 구조를 조각으로 저장할 수 없습니다.
  • 서로 인접한 구조만 선택할 수 있습니다.
  1. 이메일 디자이너에서 이메일을 편집할 때 다음을 선택합니다. Save as fragment 기본 도구 모음에서

  2. 작업 영역에서 조각을 구성할 구조를 선택합니다.

    노트

    서로 인접하며 개인화 필드, 다이내믹 콘텐츠 또는 다른 조각을 포함하지 않는 구조를 선택해야 합니다.

  3. Create​를 클릭합니다.

  4. 필요한 경우 레이블 및 설명을 추가한 다음 을 클릭합니다. Save.

  5. 방금 만든 조각을 찾으려면 Resources > Content templates & fragments.

  6. 새 조각을 사용하려면 이메일 콘텐츠를 열고 조각 목록에서 선택합니다.

노트

다음 모바일 보기 조각에서 사용할 수 없습니다. 이메일 모바일 보기를 편집하려면 콘텐츠를 조각으로 저장하기 전에 편집하십시오.

이메일 디자이너를 사용하여 재사용 가능한 각 섹션에 대한 조각을 만듭니다. 이 예제에서는 머리글과 바닥글에 대해 하나씩, 이렇게 두 개의 조각을 만듭니다. 그런 다음 기존 콘텐츠의 관련 부분을 이러한 조각으로 복사할 수 있습니다.

이렇게 하려면 아래 단계를 수행합니다.

  1. Adobe Campaign에서 Resources > Content templates & fragments 헤더에 대한 조각을 생성합니다. 자세한 내용은 컨텐츠 조각 만들기.

  2. 조각에 필요한 수만큼 구조 구성 요소를 추가합니다.

  3. 구조에 이미지 및 텍스트 구성 요소를 삽입합니다.

  4. 해당 이미지를 업로드하고 텍스트를 입력한 다음 설정을 조정합니다.

  5. 조각을 저장합니다.

  6. 유사하게 진행하여 바닥글을 만들고 저장합니다.

이제 조각이 템플릿에서 사용할 준비가 되었습니다.

이 페이지에서는