웹 양식 시작

Adobe Campaign은 웹 양식을 정의하고 퍼블리싱하기 위한 그래픽 모듈을 통합하여 입력 및 선택 필드가 포함된 페이지를 만들고 데이터베이스에 데이터를 포함할 수 있습니다. 이를 통해 사용자가 정보를 보거나 입력할 수 있는 웹 페이지를 디자인하고 게시할 수 있습니다.

이 장에서는 웹 양식 작성 및 관리, 필드 및 페이지 관리 방법, 저장 및 저장 모드에 대해 자세히 설명합니다.

주의

개인 정보상의 이유로 모든 외부 리소스에 대해 HTTPS를 사용하는 것이 좋습니다.

웹 양식만들기 단계

이 장에서는 Adobe Campaign에서 webForm 유형 양식을 디자인하는 데 필요한 단계뿐만 아니라 사용 가능한 옵션 및 구성을 자세히 설명합니다. Adobe Campaign을 사용하면 이 웹 양식을 사용자가 사용할 수 있도록 만들 수 있을 뿐만 아니라 데이터베이스의 응답을 수집 및 보관할 수 있습니다.

주의

웹 응용 프로그램 및 웹 양식을 구성할 때 최소 900픽셀 세로 해상도가 필요합니다(예:1600x900).

웹 양식은 캠페인 탭의 웹 애플리케이션 메뉴를 통해 액세스합니다. Adobe Campaign 트리에서 이 트리들은 Resources > Online > Web Applications 노드 아래에 그룹화됩니다.

웹 양식을 만들려면 웹 응용 프로그램 목록 위의 Create 단추를 클릭합니다.

웹 양식 템플릿( 기본적으로 newWebForm)을 선택합니다.

그러면 양식의 대시보드로 이동합니다.

Edit 탭에서는 컨텐츠를 만들 수 있습니다.

웹 양식의 구성 및 내용을 정의하려면 다음 단계를 적용합니다.

  • 먼저 필요한 페이지 및 컨트롤을 만듭니다.입력 필드, 드롭다운 목록, HTML 컨텐츠 등

    이 단계는 아래에 자세히 설명되어 있습니다.

  • 페이지 순서 지정 및 조건을 정의합니다.

    이 단계는 웹 양식 페이지 순서 지정 정의에서 자세히 설명합니다.

  • 필요한 경우 컨텐츠를 변환합니다.

    이 단계는 웹 양식 번역에 자세히 설명되어 있습니다.

디자인 웹 양식 정보

입력 영역(텍스트), 선택 필드(목록, 체크 상자 등)를 정의하고 구성할 수 있는 특정 편집기를 통해 양식의 페이지가 만들어집니다. 및 정적 요소(이미지, HTML 내용 등)에 대한 자세한 내용을 살펴보십시오. 컨테이너를 컨테이너로 그룹화할 수 있으며 사용자의 요구 사항에 맞게 레이아웃을 변경할 수 있습니다(이 방법에 대한 자세한 내용은 컨테이너 만들기 참조).

다음 섹션에서는 양식 화면에 대한 컨텐츠 및 레이아웃을 정의하는 방법을 자세히 설명합니다.

노트
  • 페이지를 디자인하는 동안 Preview 탭에서 최종 렌더링을 볼 수 있습니다. 변경 내용을 보려면 먼저 양식을 저장합니다. 오류가 Log 탭에 표시됩니다.
  • 페이지 표시 및 정보 저장소가 적절한 순서로 발생하는지 확인하려면 웹 양식에서 디버그 모드를 활성화합니다. 이렇게 하려면 Preview 하위 탭으로 이동하여 Enable debug mode 상자를 선택합니다.수집된 모든 정보 및 실행 오류는 각 페이지 하단에 표시됩니다.

도구 모음에서 아이콘 사용

도구 모음의 아이콘을 사용하거나 마우스 오른쪽 단추를 클릭하여 입력 영역을 삽입할 수도 있습니다.

이 경우 추가할 필드 유형과 응답 저장소 모드를 먼저 선택합니다.

선택 항목을 승인하려면 Ok​을 클릭합니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now