랜딩 페이지 만들기

랜딩 페이지 만들기 기본 정보

이 사용 사례에서는 디지털 편집기를 사용하여 Adobe Campaign 콘솔에서 랜딩 페이지를 만드는 방법을 보여줍니다.

Adobe Campaign에서 랜딩 페이지 구성을 시작하기 전에 하나 이상의 템플릿 HTML 페이지를 나타냅니다.

이 사용 사례의 주요 목적은 랜딩 페이지 양식 필드가 DCE의 함수를 사용하여 Adobe Campaign의 내부 필드와 일치하도록 하는 것입니다.

랜딩 페이지 만들기

새 랜딩 페이지 유형 웹 응용 프로그램을 만들려면 다음 단계를 사용하십시오.

  1. 로 이동합니다. Campaigns 탭을 클릭하고 Web application 링크를 클릭한 다음 Create 버튼을 클릭합니다.

  2. 을(를) 선택합니다 New landing page 템플릿을 사용하여 레이블을 입력한 다음 Save.

  3. 을(를) 클릭합니다. Edit 탭.

  4. 삭제 종료 활동.

  5. 추가 Page 활동 후 Storage 활동.

  6. 편집 2페이지 활동을 선택한 후 선택을 취소합니다 Activate outbound transitions 옵션 Properties 탭.

  7. 변경 사항을 저장합니다.

그러면 다음 순서가 표시됩니다.

노트

웹 애플리케이션 만들기에 대한 자세한 내용은 이 섹션.

1단계 - 템플릿 선택 및 로드

이 섹션에서는 HTML 콘텐츠 가져오기 웹 응용 프로그램의 각 페이지에 대해 설명합니다.

템플릿에는 다음을 포함해야 합니다.

  • an HTML 파일(필수)
  • 하나 이상 CSS 파일(선택 사항)
  • 하나 이상 이미지 (선택 사항)

첫 번째 페이지에서 템플릿을 로드하려면 다음 단계를 적용합니다.

  1. 첫 번째 Page 웹 응용 프로그램의 활동.

  2. 선택 From a file 을 클릭하여 콘텐츠 템플릿을 가져옵니다.

  3. 사용할 HTML 파일을 선택합니다.

  4. 클릭 열기 가져오기를 시작하려면 다음을 수행하십시오.

    로드하는 동안 공유 파일 목록이 표시됩니다. 가져오기 시스템에서는 선택한 HTML에 연결된 모든 파일(CSS, 이미지 등)이 있는지 확인합니다.

    을(를) 클릭합니다. Close 가져오기가 완료되면 버튼을 클릭합니다.

    주의

    닫기 전에 다음 메시지가 표시될 때까지 기다려야 합니다. The external resources have been successfully published .

  5. 을(를) 클릭합니다. Properties 탭.

  6. 을(를) 입력합니다. 레이블 각 페이지(예: 1페이지 = 수집, 2페이지=감사).

웹 응용 프로그램에 삽입된 각 페이지에 대해 이러한 단계를 적용합니다.

주의

DCE는 로드된 HTML 페이지에 대한 JavaScript 코드를 실행합니다. Adobe Campaign 인터페이스에 표시될 수 있는 HTML 템플릿의 JavaScript 오류입니다. 이러한 오류는 편집기와 관련이 없습니다. 가져온 파일에 오류가 없는지 확인하려면 파일을 DCE로 가져오기 전에 브라우저(Internet Explorer/Firefox/Chrome)에서 테스트하는 것이 좋습니다.

2단계 - 컨텐츠 구성

이 섹션에서는 가져온 컨텐츠를 조정하고 데이터베이스의 필드를 웹 페이지의 양식에 연결합니다. 이전에 만든 웹 응용 프로그램은 다음과 같습니다.

콘텐츠 수정

먼저 페이지의 색상을 변경하겠습니다. 방법은 다음과 같습니다.

  1. 를 엽니다. Collection 페이지.

  2. 배경을 클릭합니다.

  3. 클릭 배경색 오른쪽에 있습니다.

  4. 새 배경색을 선택합니다.

  5. 클릭 확인 를 클릭하여 변경을 확인합니다.

  6. 동일한 프로세스를 적용하여 단추 색상을 변경합니다

양식 필드 연결

제공된 정보를 저장하기 위해 페이지의 필드를 데이터베이스의 필드에 연결합니다.

  1. 양식 필드를 선택합니다.

  2. 편집 Field 편집기의 오른쪽에 있는 섹션.

  3. 선택한 필드에 연결할 데이터베이스 필드를 선택합니다.

  4. 페이지의 각 필드에 대해 이 프로세스를 반복합니다.

필드를 필수 필드로 만들 수 있습니다. 예를 들어 Email 그런 다음 필드를 활성화합니다 필수 선택 사항입니다.

이 단계는 웹 응용 프로그램에서 다음 단계의 시퀀스를 결정할 수 있도록 허용하므로 필수입니다. 수집된 데이터를 데이터베이스에 저장한 다음 다음 페이지를 표시합니다(감사합니다 페이지).

  1. 을(를) 선택합니다 Send it! 버튼 Collection 페이지.

  2. 을(를) 클릭합니다. Action 드롭다운 메뉴

  3. 을(를) 선택합니다 Next page 작업.

개인화 필드 삽입

이 단계를 통해 감사 인사 페이지를 개인화할 수 있습니다. 방법은 다음과 같습니다.

  1. 를 엽니다. Thank you 페이지.

  2. 수신자의 이름을 삽입할 텍스트 영역에 커서를 놓습니다.

  3. 선택 Personalization field 에서 Insert 메뉴 아래의 제품에서 사용할 수 있습니다.

  4. 이름을 선택합니다.

개인화 필드에 편집기의 노란색 배경이 있습니다.

3단계 - 컨텐츠 게시

컨텐츠는 웹 애플리케이션 대시보드에서 게시됩니다. 을(를) 클릭합니다. Publish 단추를 클릭하여 실행합니다.

게시 중에 로그가 표시됩니다. 게시 시스템은 웹 응용 프로그램에서 발견되는 모든 컨텐츠를 분석합니다

노트

게시 로그에서 경고 및 오류는 활동별로 정렬됩니다.

이제 양식을 사용할 수 있습니다. 애플리케이션 대시보드에서 URL에 액세스할 수 있으며 수신자에게 보낼 수 있습니다.

이 페이지에서는