사용 안내서

랜딩 페이지 설정 방법

이벤트를 홍보하고 등록을 유도하기 위해 adobe connect에서 이벤트 랜딩 페이지를 만들고 사용자 정의하는 방법을 알아보세요.

효과적인 랜딩 페이지를 만드는 것은 adobe connect 이벤트를 홍보하고 등록을 늘리는 데 필수적입니다.랜딩 페이지는 참가자가 설명, 날짜 및 시간, 연사 세부 정보, 등록 options 등 이벤트에 대한 자세한 정보를 찾을 수 있는 주요 진입점 역할을 합니다.잘 구성된 랜딩 페이지는 사용자 참여를 향상시키고 adobe connect 이벤트로의 원활한 진입점을 제공합니다.

adobe connect를 사용하면 템플릿과 adobe experience manager 구성 요소를 사용하여 랜딩 페이지를 만들고 사용자 정의할 수 있습니다.이벤트를 만든 후에는 다음을 수행할 수 있습니다:

  • 미리 구성된 이벤트 랜딩 페이지 템플릿을 선택하세요.
  • aem의 시각적 도구를 사용하여 템플릿을 편집하고 이벤트 배너, 연사 섹션, 바닥글 등을 수정하세요.
  • 차트, 열, 이미지, 소셜 플러그인과 같은 재사용 가능한 aem 구성 요소를 추가하세요.
  • 최종 레이아웃을 미리 보기하여 랜딩 페이지가 이벤트 브랜딩과 레이아웃 기본 설정을 반영하는지 확인하세요.

이 문서에서는 다음 항목을 다룹니다.

사전 요구 사항

랜딩 페이지를 만들거나 사용자 정의하기 전에 다음 조건이 충족되는지 확인하세요:

  • adobe connect에서 이벤트를 만들고 관리할 수 있는 필요한 권한이 있어야 합니다.
  • 이벤트 콘텐츠(예: 회의, 과정)가 적절한 adobe connect 콘텐츠 라이브러리에 이미 존재해야 합니다.

이벤트 랜딩 페이지 템플릿 시작하기

랜딩 페이지를 사용자 정의하기 전에 adobe connect 이벤트용 템플릿을 선택해야 합니다.템플릿은 이벤트 제목, 날짜 및 시간, 등록 options, 발표자 정보와 같은 섹션을 포함하는 미리 디자인된 구조를 제공합니다.

adobe connect는 다양한 사용 사례와 브랜딩 스타일에 적합한 다양한 이벤트 템플릿을 제공합니다.적절한 템플릿을 선택하면 일관된 레이아웃을 보장하고 맞춤화 과정에서 시간을 절약할 수 있습니다.

이벤트 랜딩 페이지 템플릿을 시작하려면 다음 단계를 수행하십시오:

  1. adobe connect Central 홈에 로그인하십시오.

  2. 이벤트 탭을 선택하십시오.

  3. 새 이벤트를 선택하여 이벤트 생성 마법사를 시작하십시오.

  4. 이벤트 템플릿 드롭다운에서 미리 구성된 템플릿을 선택하십시오.이벤트 랜딩 페이지는 특정 이벤트에 대한 정보를 찾는 참가자들의 주요 액세스 지점입니다.이벤트 설명, 날짜, 시간, 등록 options와 같은 필수 세부사항을 포함합니다.사용자는 adobe connect Central 내에서 직접 등록 및 발표자 정보와 같은 관련 페이지와 함께 이벤트 랜딩 페이지를 미리 보기할 수 있습니다.

  5. 사용 가능한 템플릿을 찾아보기하고 이벤트의 스타일과 목적에 가장 적합한 템플릿을 선택하십시오.

랜딩 페이지 구성

이벤트용 랜딩 페이지 템플릿을 선택한 후, 이벤트의 브랜딩과 세부사항에 맞게 맞춤화할 수 있습니다.편집 을 선택하여 템플릿 편집을 시작하십시오.

컴퓨터 프로그램의 스크린샷

AI 생성 콘텐츠는 정확하지 않을 수 있습니다.

템플릿 편집 모드가 새 브라우저에서 실행됩니다.aem (adobe experience manager) 구성 요소를 사용하여 시각적으로 매력적이고 유익한 이벤트 랜딩 페이지를 디자인할 수 있습니다.

이벤트 정보 랜딩 페이지 설정

템플릿 편집기가 열린 후, 주요 세부사항으로 이벤트 랜딩 페이지 맞춤화를 시작하십시오.편집 가능한 구성 요소를 사용하여 레이아웃, 텍스트, 시각적 요소를 업데이트하십시오.이를 통해 페이지를 이벤트의 브랜딩에 맞추고 대상자에게 중요한 정보를 명확하게 전달할 수 있습니다.

이벤트 배너 이미지 속성 편집

  1. 배너 이미지 구성 요소를 선택하십시오.

    이벤트 배너 편집
    이벤트 배너 편집

  2. 를 선택하십시오.

  3. 다음 크기 관련 이미지 속성을 설정하십시오:

    • 크기: 크기 조절 방법을 선택하는 드롭다운입니다.기본 options인 종횡비 유지는 크기를 조절할 때 이미지의 비율을 유지합니다.다른 options를 사용하면 이미지의 dimension을 설정할 수 있습니다:
      • 사전 정의된 크기 사용: 시스템 또는 템플릿에서 정의된 dimension을 기반으로 크기를 자동으로 적용합니다.이 options는 유사한 구성 요소(예: 발표자 이미지 또는 배너) 간에 일관성을 유지할 때 유용합니다.
      • 원본 크기 사용: 업로드된 실제 크기(px 단위)로 이미지/구성 요소를 표시합니다.크기 조절이 적용되지 않습니다.소스 파일이 이미 표시에 최적화되어 있을 때 가장 적합합니다.
      • 사용자 정의 크기 설정: 폭과 높이를 완전히 제어할 수 있습니다.사용자 정의 크기 입력 필드에 값을 수동으로 입력할 수 있습니다.수동으로 계산하지 않는 한 종횡비는 유지되지 않습니다.
    • Dimension: 크기를 조절할 때 수정할 dimension을 결정합니다.
      • 폭 또는 높이: 폭을 기준으로 크기를 조절합니다(종횡비가 유지되면 높이가 자동으로 조정됨).
    • px 단위 값: 선택된 dimension을 기준으로 새로운 dimension을 px 단위로 지정합니다.예를 들어, 종횡비를 유지한 상태에서 폭 740 px로 설정하면 높이가 자동으로 조정됩니다.
    • 사용자 정의 크기 입력: 폭과 높이를 수동으로 입력할 수 있습니다.
    크기 탭 인터페이스

  4. 고급 탭을 선택하여 설명, 이미지 위치(왼쪽, 오른쪽 또는 가운데), 이미지 제목을 추가하십시오.

    고급 탭 인터페이스

  5. 확인 을 선택하여 변경 사항을 저장합니다.

이벤트 이름 및 발표자 속성 편집

  1. 이벤트 이름을 편집합니다.

    이벤트 이름 편집

  2. 등록 버튼 속성을 변경합니다. 버튼을 선택하고 구성 요소를 마우스 오른쪽 버튼으로 클릭한 후 편집을 선택합니다. 다음 속성을 설정합니다:

    • 링크 대상: 구성 요소(일반적으로 버튼 또는 이미지)의 링크 작업 유형을 선택하는 드롭다운 메뉴입니다. options에는 등록 페이지, 이벤트 세부사항, 발표자 페이지 등이 있습니다.
    링크 및 스타일 탭 인터페이스

    • 하이퍼링크: 이전 단계에서 선택한 페이지로 이동할 URL을 수동으로 입력하는 텍스트 상자입니다.
    • 스타일: 구성 요소에 미리 정의된 시각적 스타일을 적용하는 드롭다운입니다. 둥근 모서리를 선택하면 버튼에 둥근 모서리 스타일이 적용됩니다.
    • 레이블 탭을 선택합니다. 다음 속성을 편집합니다:
      • 레이블: 버튼 텍스트를 변경합니다.
      • 글꼴 속성: 버튼 레이블, 색상, 크기, 글꼴군, 높이 등을 변경합니다.
    레이블 탭 인터페이스

    • 버튼 구성 요소의 왼쪽, 가운데 또는 오른쪽에 표시될 이미지를 추가합니다.이미지 자리 표시자를 선택하고 디바이스에서 이미지를 찾아보기하여 업로드합니다.

  3. 확인 을 선택하여 변경 사항을 적용합니다.

스피커 이미지 속성 편집

  1. 스피커 이미지 구성 요소를 마우스 오른쪽 버튼으로 클릭하고 편집을 선택합니다.

    스피커 이미지 편집

  2. 이미지 속성을 설정합니다.자세한 내용은 이벤트 배너 이미지 속성 편집 섹션을 참조하십시오.

  3. 확인을 선택하여 변경 사항을 적용합니다.

스피커 이름 및 버튼 속성 편집

구성 요소를 마우스 오른쪽 버튼으로 클릭하고 편집을 선택합니다.

스피커 이름 및 속성 편집

이벤트 바닥글 편집

  1. 바닥글 구성 요소를 선택합니다.

  2. 구성 요소를 마우스 오른쪽 버튼으로 클릭하고 편집을 선택합니다.

    이벤트 바닥글 편집

  3. 텍스트 및 기타 속성을 변경합니다.

    텍스트와 글꼴 속성 편집

  4. 확인 을 선택하여 변경 사항을 적용합니다.

템플릿에 aem 구성 요소 추가

aem 사이드 패널을 사용하여 재사용 가능한 aem 구성 요소를 끌어다 놓아 이벤트 랜딩 페이지를 향상시키세요.이러한 구성 요소를 사용하면 최소한의 노력으로 페이지의 구조, 레이아웃 및 콘텐츠를 맞춤화할 수 있습니다.

  1. 사이드 패널에서 구성 요소를 선택합니다. 예를 들어 차트를 선택합니다.

    차트 구성 요소 추가

  2. 구성 요소를 템플릿으로 끌어다 놓습니다.

    구성 요소를 템플릿으로 끌어다 놓는 options을 보여주는 이벤트 정보 탭

  3. 구성 요소를 마우스 오른쪽 버튼으로 클릭하고 편집을 선택합니다.

  4. CSV 형식으로 차트 데이터를 추가합니다.

    CSV 형식으로 차트 데이터 추가

  5. 고급 탭을 선택합니다.

  6. 다음 options을 선택합니다:

    • 차트 유형: 원형, 선형 또는 막대형 중에서 선택합니다.
    • 그림 설명: 차트의 대체 텍스트를 추가합니다.이 텍스트는 접근성을 위해 사용됩니다.
    • 폭 및 높이 필드: 차트 크기를 픽셀 단위로 지정합니다.
    고급 탭 인터페이스

  7. 확인 을 선택하여 변경 사항을 적용합니다.

다음 차트가 랜딩 페이지 나타납니다:

랜딩 페이지의 차트 보기
랜딩 페이지의 차트 보기

마찬가지로 랜딩 페이지 필요에 따라 다른 구성 요소를 추가합니다:

랜딩 페이지에 Adobe Connect 구성 요소 추가

Adobe Experience Manager(AEM) 내에서 다양한 Adobe Connect 구성 요소를 사용하여 풍부하고 브랜드화된 이벤트 랜딩 페이지를 디자인하세요.이 예제에서는 Adobe Connect 로고를 추가합니다.

  1. 계정 로고 구성 요소를 선택하고 랜딩 페이지로 드래그합니다.

    계정 로고를 드래그하는 options을 보여주는 AEM 인터페이스

  2. 구성 요소를 선택합니다.

  3. 구성 요소를 마우스 오른쪽 버튼으로 클릭하고 편집을 선택합니다.

  4. 로고 크기, 위치 및 대체 텍스트를 설정합니다.

    크기 탭 인터페이스

  5. 확인 을 선택하여 변경 사항을 적용합니다.

마찬가지로 랜딩 페이지에 필요에 따라 다른 구성 요소를 추가합니다.

다른 구성 요소를 보여주는 Adobe Connect 섹션
다른 구성 요소를 보여주는 Adobe Connect 섹션

랜딩 페이지 레이아웃 설정

Adobe Experience Manager(AEM)의 열 섹션을 사용하면 페이지 콘텐츠를 반응형의 유연한 레이아웃으로 구성할 수 있습니다.이러한 구성 요소는 깔끔하고 시각적인 섹션으로 콘텐츠를 구조화하는 데 특히 유용합니다.

AEM의 열 섹션
AEM의 열 섹션

  1. 레이아웃을 선택합니다. 예를 들어 2열을 선택합니다.

  2. 구성 요소를 끌어서 랜딩 페이지에 놓습니다.

  3. 열에 구성 요소를 추가합니다.자리 표시자를 마우스 오른쪽 버튼으로 클릭하고 새로 만들기 를 선택하여 구성 요소를 추가합니다.

  4. 열에 새 구성 요소를 삽입합니다.

    열에 구성 요소 삽입

  5. 필요에 따라 새 구성 요소를 사용자 정의합니다.

마찬가지로 랜딩 페이지에 3열 레이아웃을 추가합니다.

랜딩 페이지에 소셜 플러그인 추가

Adobe Experience Manager(AEM)의 소셜 플러그인을 사용하면 웹 페이지에 소셜 미디어 상호 작용을 쉽게 통합하여 사용자 참여를 높이고 네트워크 전반에서 콘텐츠를 공유할 수 있습니다.

랜딩 페이지의 소셜 플러그인
랜딩 페이지의 소셜 플러그인

구성 요소(예: Facebook 좋아요 버튼)를 랜딩 페이지에 끌어다 놓습니다.

랜딩 페이지 미리 보기

랜딩 페이지를 설정한 후 페이지를 미리 보기하세요.AEM의 일반, adobe connect, 열, 소셜 플러그인 섹션에서 구성 요소를 추가한 후 이벤트 랜딩 페이지가 어떻게 보일지 미리 보기를 제공합니다.

aem 사이드바에서 돋보기 아이콘을 선택하세요

aem의 랜딩 페이지 미리 보기
aem의 랜딩 페이지 미리 보기

Adobe, Inc.

쉽고 빠르게 지원 받기

신규 사용자이신가요?