문서 미리 보기/설계/편집

캠페인 디자이너에서는 캠페인 메시지, 폼 및 동적 콘텐츠에 대한 HTML 및 일반 텍스트 콘텐츠를 생성, 편집 및/또는 미리 보는 편리한 방법을 제공합니다.

캠페인 디자이너 접근

대부분의 콘텐츠에 접근하려면 사이드 탐색 표시줄에서 폴더 아이콘 폴더를 누르고 데이터 출처를 선택한 다음 을 누르고 다음 중 하나를 선택합니다.

  • 기존 HTML 또는 텍스트 형식 콘텐츠에서 편집을 선택합니다. 미리보기 및 편집 기능만 있는 캠페인 디자이너가 열립니다.
  • 캠페인 및 폼에서 미리보기-설계-편집을 선택합니다.
  • 동적 콘텐츠에서 연결된 캠페인을 강조 표시하고 캠페인 대시보드를 선택합니다. 메시지 섹션에서 동적 콘텐츠 링크를 누릅니다. 동적 콘텐츠 관리 페이지에서 디자이너 열기를 누릅니다.

    참고: 캠페인 디자이너를 사용하려면 먼저 동적 콘텐츠 모듈이 캠페인이나 폼에 연관되어 있어야 합니다.

캠페인 디자이너 탐색

미리보기 모드 탐색

  • 수신자 미리보기 간 이동 – , , , 을 사용하여 연결된 목록 및 다른 데이터 출처를 기반으로 서로 다른 수신자의 뷰 간에 이동합니다.

    참고: 레코드 번호를 직접 입력하고 이동을 누를 수도 있습니다.

  • 전자메일 주소 검색 – 찾기를 사용하여 연결된 전자메일 주소에 포함된 문자열(예: @example.com)을 검색합니다.
  • HTML/텍스트 콘텐츠 선택기(왼쪽 위) – 캠페인에 HTML 및 일반 텍스트 콘텐츠가 포함된 경우 뷰 간을 토글하여 다른 버전에서 작업할 수 있습니다.
  • 지정된 규칙으로 미리보기 재정의 – 동적 콘텐츠를 테스트할 경우 미리보기 재정의 옵션을 사용하여 지정된 규칙 조건을 충족하는 수신자에게 표시되는 것처럼 메시지 콘텐츠를 표시합니다.

편집 모드 탐색

일반 텍스트 콘텐츠에 표준 편집기를 사용하는 방법에 대한 내용을 보려면 여기를 누르십시오.

왼쪽 위에 있는 목록 상자를 사용하여 편집할 메시지 문서(HTML 또는 텍스트)를 선택합니다.

경고: 캠페인 디자이너를 닫기 전에 저장을 눌러야 합니다. 그렇지 않으면 저장되지 않은 변경 사항이 모두 손실됩니다. 이 페이지를 닫지 않고 저장되지 않은 변경 사항을 무시하려면 복원을 누릅니다.

동적 일자 마커를 삽입하려면 원하는 위치에 삽입 점을 놓고 편집 영역 위 도구모음에 있는 단추를 누릅니다. 일반적인 여러 옵션을 제공하는 대화 상자가 표시됩니다.

동적 콘텐츠를 삽입하려면 원하는 위치에 삽입 점을 놓고 편집 영역 위 도구모음 왼쪽 끝에 있는 단추를 누릅니다. 다음과 같은 세 가지 옵션을 제공하는 대화 상자가 표시됩니다.

텍스트 마커: 이 옵션을 사용하면 간단한 동적 콘텐츠 영역을 삽입할 수 있습니다. 이 옵션은 문서에 CONTENT_REGION을 삽입합니다. 설계 탭에  콘텐츠 규칙 필요로 표시되며, 이를 눌러 영역과 동적 콘텐츠 모듈을 연결할 수 있습니다.

편집 탭에 동적 콘텐츠 모듈과 연결된 영역이 CONTENT_REGION_|moduleName|으로 표시되며, 여기서 모듈 이름은 세로 막대로 구분되고 밑줄로 시작합니다.

출처 단추를 누르거나 표준 편집기로 다시 전환할 경우 위에서와 같이 모듈 이름을 입력하여 영역과 동적 콘텐츠 모듈을 연결할 수도 있지만, 설계 탭을 사용하여 기존 동적 콘텐츠 모듈 또는 템플리트를 선택하거나 이름을 할당하고 콘텐츠 및 규칙을 설정하여 새 모듈을 생성할 수 있습니다.

SPAN 태그 마커: 이 옵션을 사용하면 동적 콘텐츠 영역의 특성에 대한 힌트를 추가할 수 있습니다.

이 옵션은 <span style="" ridcm="">선택적 힌트 텍스트</span>를 문서에 삽입합니다. 물론, 태그를 보려면 출처 HTML을 확인해야 합니다. WYSIWYG 모드에서는 서식 있는 텍스트 편집기에 선택적 힌트 텍스트가 표시됩니다.

설계 탭에서 영역과 동적 콘텐츠 모듈을 연결하면 설계 탭에 모듈 이름과 힌트 텍스트가 모두 표시되며 편집 탭에는 SPAN 태그에 title="moduleName"이 추가되어 표시됩니다.

DIV 태그 마커: 이 옵션을 사용하면 설계 탭에서 동적 콘텐츠 영역을 볼 때 이 영역이 구체적으로 지정된 크기의 공간을 차지하도록 조정할 수 있습니다. 이는 복잡한 문서의 레이아웃을 설계할 때 유용합니다.

이 옵션은 <div style="height: YYYpx; width: XXXpx" ridcm="">선택적 설명 텍스트(적합한 HTML 코드)</div>를 문서에 삽입합니다. 물론, 태그를 보려면 출처 HTML을 확인해야 합니다. WYSIWYG 모드에서는 서식 있는 텍스트 편집기에 선택적 설명 텍스트가 표시됩니다.

설계 탭에서 영역과 동적 콘텐츠 모듈을 연결하면 설계 탭에 모듈 이름과 설명 텍스트가 모두 표시되며 편집 탭에는 DIV 태그에 title="moduleName"이 추가되어 표시됩니다.

중요: 전달된 메시지에서는 SPAN 태그 및 DIV 태그 쌍과 태그 내에 포함된 모든 부분이 적절한 동적 콘텐츠로 바뀝니다. 전달된 메시지에서도 DIV 태그로 정의된 영역이 구체적으로 지정된 크기의 공간을 차지하도록 하려면 추가 DIV 태그로 이 영역을 묶어야 합니다.

<div style="width:XXXpx;height:YYYpx">
	<div style="height: YYYpx; width: XXXpx" ridcm="">optional descriptive text (any valid HTML code)</div>
</div>

중요: 설계 탭에 예기치 않은 결과가 표시되는 경우 서식 있는 텍스트 편집기에서 출처 단추를 누르거나 표준 편집기를 사용하여 출처 HTML을 확인해야 합니다. 동적 콘텐츠 영역을 나란히 배치하거나 WYSIWYG 모드에서 서식 있는 텍스트 편집기에 이 영역이 나란히 표시될 때 뜻하지 않게 동적 콘텐츠 영역이 "중첩"되기 쉽습니다.