제품 경험 빌드 building-experiences

제품 경험을 관리하는 방법을 알아봅니다.

지금까지의 스토리 story-so-far

Adobe Experience Manager(AEM) Content and Commerce 여정의 이전 문서에서는 단계적 제품 카탈로그 경험 관리를 통해 단계적 제품 카탈로그 경험을 관리하는 방법을 배웠습니다.

목표 objective

이 문서는 제품 콘텐츠 및 경험을 구축하는 방법을 이해하는 데 도움이 됩니다.

제품 경험 관리 management

제품 경험 관리는 제품 데이터(PIM 또는 상거래 솔루션이 소유)를 AEM의 마케팅 콘텐츠로 장식하는 방법입니다. 이렇게 콘텐츠가 포함된 풍부한 제품 데이터를 다양한 채널에서 사용하여 몰입형 쇼핑 경험을 만들 수 있습니다.

AEM에서 다양한 유형의 콘텐츠를 만들고 제품 카탈로그에 연결할 수 있습니다. 연관된 콘텐츠를 쉽게 검색하고 사용할 수 있으므로 생산성이 높습니다.

자산 assets

높은 수준에서 제품과 관련된 자산에는 두 가지 유형이 있습니다. 제품 자산은 판매자가 관리하며 제품 표시(대부분 중립적인 배경 앞)에 중점을 둡니다. 자산은 상거래 솔루션 또는 AEM Assets(commerce / pim 솔루션에 대한 자산 통합 포함)에서 관리됩니다.

마케팅 에셋은 마케팅이 소유한 제품을 홍보하고 사용하는 것과 관련이 있습니다. 예를 들어 여러 제품("모양 보기"), 특정 컨텍스트("야외 가을 컬렉션") 또는 방법 pdf를 보여 주는 경우가 있습니다. CIF에서는 AEM 자산을 제품 카탈로그 개체와 쉽게 연결할 수 있습니다.

자산 속성을 열고 로 전환합니다. 상거래 탭. 이 탭에서는 제품과의 연결을 관리할 수 있습니다. 선택기 아래의 표에서는 링크된 객체에 대한 추가 정보를 제공합니다(선택 항목에만 표시됨). 세부 정보 아이콘을 클릭하면 제품 관리실에 전체 보기가 표시됩니다. 새 객체를 연결하려면 제품 선택기 아이콘(폴더 아이콘)을 클릭하고 객체를 선택한 다음 선택기를 닫습니다.

pem assets

경험 조각 experience-fragments

경험 조각 은 재사용 가능한 또는 개별 제품 콘텐츠를 대규모로 만드는 훌륭한 방법입니다. 연결은 자산과 유사하게 작동합니다. 속성을 열고 로 전환합니다 상거래 탭. 이 탭에서는 제품 및 범주와의 연결을 관리할 수 있습니다. 선택기 아래의 표에서는 링크된 객체에 대한 추가 정보를 제공합니다(선택 항목에만 표시). 세부 정보 아이콘을 클릭하면 제품 관리실에 전체 보기가 표시됩니다. 새 객체를 연결하려면 제품 선택기 아이콘(폴더 아이콘)을 클릭하고 객체를 선택한 다음 선택기를 닫습니다.

pem xf

콘텐츠 조각 content-fragments

콘텐츠 조각 은 구조화된 콘텐츠에 가장 적합한 콘텐츠 유형입니다. 추가 마케팅 데이터로 외부 제품 데이터를 보강하거나 Headless 방식으로 콘텐츠를 만드는 데 사용할 수 있습니다. 제품 카탈로그 개체와 콘텐츠 조각의 연결은 콘텐츠 조각 모델 편집기의 제품 또는 카테고리 참조 유형을 통해 수행됩니다. 모델에 올바른 참조 유형을 끌어다 놓고 필드를 구성하기만 하면 됩니다. 이러한 유형은 단일 또는 다중 선택을 지원합니다.

pem cf 모델

이 모델을 기반으로 콘텐츠 조각을 만드는 경우 이러한 참조 유형을 사용하면 각 선택기를 사용하여 올바른 개체를 쉽게 선택할 수 있습니다.

pem cf

제품 관리실 product-cockpit

이전 모듈 중 하나에서 제품 관리실(또는 콘솔)에 대해 소개했습니다. 관리실은 제품 카탈로그를 탐색할 뿐만 아니라 관련된 모든 AEM 콘텐츠를 한 곳에서 볼 수 있는 쉬운 방법입니다. 제품 콘솔로 이동하여 콘텐츠가 연결된 제품의 속성을 엽니다. 관련 콘텐츠를 보려면 해당 탭으로 전환하십시오.

PEM 조종석

작업 아이콘을 클릭하면 해당 콘텐츠가 새 브라우저 탭에서 열립니다.

개별 제품 및 범주 페이지 강화 enrich

이전 모듈에서는 여러 제품 카탈로그 템플릿을 사용하여 작업하는 방법을 배웠습니다. 여러 템플릿을 사용하는 것이 여러 템플릿을 만드는 좋은 방법이지만, 필요하지 않은 경우가 많습니다. 종종 개별 콘텐츠에 대한 자리 표시자와 함께 동일한 템플릿을 사용할 수 있습니다. CIF에서는 콘텐츠 조각 및 경험 조각에 대한 자리 표시자를 지원합니다.

경험 조각 자리 표시자부터 시작하겠습니다. AEM 편집기에서 제품 템플릿을 엽니다. 을(를) 끌어다 놓습니다. 상거래 경험 조각 구성 요소를 템플릿에 적용한 다음 구성 대화 상자를 엽니다.

pem 플레이스홀더

구성 요소의 대화 상자를 열고 이 자리 표시자의 이름을 입력합니다. 자리 표시자 이름이 필요하며, 자리 표시자를 필요한 만큼 추가할 수 있습니다.

pem XF 대화 상자

이전 단계에서 제품에 연결한 경험 조각을 엽니다. 속성을 열고 상거래 탭으로 전환합니다. 아래에 동일한 자리 표시자 이름을 입력하십시오. 카탈로그 자리 표시자 위치.

pem xf

이제 을(를) 끌어서 놓습니다 Commerce 콘텐츠 조각 구성 요소를 템플릿에 추가하고 구성 대화 상자를 엽니다.

pem CF 대화 상자

이 대화 상자는 핵심 구성 요소의 콘텐츠 조각 대화 상자를 다시 사용합니다. 추가 리소스에서 자세한 정보를 확인하십시오. 유일한 차이점은 링크 요소 콘텐츠 조각 모델에서 식별자 필드(제품 SKU 또는 카테고리 UID)를 구성하는 속성입니다.

이제 관련 콘텐츠 조각 및/또는 경험 조각이 있는 제품 페이지를 미리 봅니다. AEM은 페이지를 렌더링할 때 경험 조각의 유형(콘텐츠 또는 경험 조각), 식별자 및 자리 표시자 이름을 기반으로 모든 자리 표시자에 대해 조회를 수행합니다. AEM은 URL 확인자를 사용하여 식별자(제품의 경우 SKU, 범주의 경우 UID)를 가져옵니다. 경험 또는 콘텐츠 조각이 반환되면 자리 표시자 위치에 렌더링되고, 그렇지 않으면 자리 표시자가 무시됩니다.

pem 결과

콘텐츠 구매 가능 making-shoppable

상거래 구성 요소를 추가하여 일반 AEM 페이지를 구매 가능하도록 할 수도 있습니다. AEM에서 컨텐츠 페이지를 만들고 편집기에서 빈 페이지를 엽니다.

pem 빈 페이지

먼저 페이지에서 제품 세부 사항 구성 요소를 드래그하여 놓습니다. 그런 다음 에셋 사이드바로 전환하고 제품으로 전환한 다음 제품을 선택합니다. 제품 구성 요소에 해당 제품을 드래그하여 놓습니다. 콘텐츠 페이지의 일반 제품 구성 요소를 보여 줍니다.

pem 제품 페이지

해당 제품에 대한 관련 컨텐츠를 만든 경우 에셋 사이드바에서 로 전환합니다. 연계된 상거래 컨텐츠. 이 탭에는 이 제품과 연결된 모든 AEM 콘텐츠가 표시됩니다. 이제 관련 콘텐츠를 사용하여 페이지를 빠르게 장식할 수 있습니다.

pem 강화 페이지

여정의 끝 end-of-journey

축하합니다! AEM Content and Commerce 개발자 여정을 완료했습니다! 이제 다음과 같은 작업을 수행할 수 있습니다.

  • AEM 콘텐츠를 제품 카탈로그 개체에 연결하는 방법 이해
  • 자리 표시자를 사용하여 제품 및 범주 페이지를 개별적으로 보강
  • 콘텐츠를 구매 가능하게 하고 관련 콘텐츠 탭을 사용하는 방법을 이해할 수 있습니다.

이제 AEM Content 및 Commerce를 사용하여 제품 경험을 관리할 준비가 되었습니다. 그러나 AEM Content 및 Commerce에는 다양한 추가 옵션이 있습니다. 에서 사용할 수 있는 몇 가지 추가 리소스를 확인하십시오. 추가 리소스 섹션 여기에서 이 여정에서 확인한 기능들에 대해 자세히 알아볼 수 있습니다.

추가 리소스 additional-resources

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab