CMS: 쇼핑몰 제품 페이지에 컬렉션 콘텐츠 표시하기
7 분 분량
이제 CMS(콘텐츠 관리 시스템)를 사용해 컬렉션의 콘텐츠를 쇼핑몰 제품 페이지에 직접 표시할 수 있습니다. 이를 통해 추가 정보로 제품 목록을 개인화하고 개선해 고객에게 더욱 풍부한 경험을 제공할 수 있습니다.
먼저, 쇼핑몰 Wix 앱 컬렉션을 참조하는 컬렉션을 생성하세요. 여기에 제품 페이지에 통합하고자 하는 추가 정보를 저장할 수 있습니다. 그 다음, 페이지에서 데이터세트를 설정해 쇼핑몰 Wix 앱 컬렉션 및 '정보' CMS 컬렉션에 연결합니다. 마지막으로, 리치 콘텐츠 요소와 같이 지원되는 요소를 '정보' 컬렉션에 연결해 추가 정보를 표시하세요.
이는 온라인 비즈니스의 판도를 뒤집을 수 있습니다. 쇼핑몰 소유자가 고객에게 제품에 대해 더 자세히 설명할 수 있도록 하고 싶다고 가정해 보겠습니다. 이 과정을 통해 제품 페이지에 바로 제품의 배경 스토리나 특정 관리 지침과 같은 정보를 쉽게 추가할 수 있습니다.
시작하기 전:
- 아직 추가하지 않았다면, 사이트에 CMS를 추가합니다.
- Wix 앱 컬렉션을 활성화해 CMS로 Wix Stores를 사용할 수 있도록 합니다.
1 단계 | Wix 앱 컬렉션을 참조하는 컬렉션 생성하기
- 쇼핑몰/예약 페이지에 통합하려는 추가 정보를 보관할 다중 아이템(기본) 컬렉션을 생성합니다.
- + 아이템 추가를 클릭해 추가 정보를 저장하려는 각 제품에 대한 아이템을 추가합니다.
- + 입력란 추가를 클릭해 저장하려는 각 콘텐츠 유형(예: 리치 콘텐츠)에 대한 입력란을 추가합니다.
- 관련 셀을 클릭해 각 아이템에 콘텐츠를 추가합니다.
- 참조 입력란 유형을 추가하고 쇼핑몰 Wix 앱 컬렉션에 연결합니다.
- 입력란 관리를 클릭한 후 + 입력란 추가를 클릭합니다.
- 참조를 선택한 후 입력란 유형 선택을 클릭합니다.
도움말: 둘 이상의 제품에 아이템 콘텐츠를 사용하려면 다중 참조 입력란을 선택합니다. - 입력란 이름을 입력합니다.
- (Velo만 해당) 필요한 경우 사이트 코드에 사용되는 입력란 ID를 업데이트합니다. 해당 ID는 추후 업데이트할 수 없습니다.
- 참조된 컬렉션 드롭다운을 클릭한 후 쇼핑몰 아래에서 제품을 선택합니다.
- (선택사항) 도움말 텍스트를 입력해 입력란 이름 옆 컬렉션에 툴팁을 포함합니다.
- 저장을 클릭합니다.
- 각 아이템에 대해 참조 입력란을 클릭해 해당 제품을 선택합니다. 이전 단계에서 다중 참조 입력란을 추가한 경우 여러 제품을 선택할 수 있습니다.
2 단계 | 페이지에 데이터세트 설정하기
데이터세트는 페이지 요소를 컬렉션에 연결해 요소가 쇼핑몰 Wix 앱 컬렉션 콘텐츠를 표시할 수 있도록 합니다. 페이지에 두 개의 데이터세트가 필요합니다. 하나는 쇼핑몰 Wix 앱 컬렉션에 연결되고 다른 하나는 '정보' CMS 컬렉션에 연결됩니다.
- Wix 앱 컬렉션 데이터세트: Wix Stores 앱 내에서 저장 및 관리되는 제품 정보를 읽습니다. 데이터세트에 URL 슬러그 필터를 추가합니다. 지원되는 요소를 데이터세트에 연결해 Wix Stores의 콘텐츠를 표시할 수 있습니다.
- 정보 데이터세트: CMS 컬렉션에서 제품에 대해 저장한 추가 콘텐츠를 읽습니다. 참조 또는 다중 참조 입력란을 필터링하는 필터를 데이터세트에 추가합니다. 리치 콘텐츠 요소와 같은 요소를 이 데이터세트에 연결해 CMS '정보' 컬렉션에 추가한 추가 콘텐츠를 표시하세요.
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 제품 페이지로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
아이콘을 클릭합니다. - 쇼핑몰 페이지를 클릭한 후 제품 페이지를 선택합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
- '정보' CMS 컬렉션에 연결되는 데이터세트를 추가합니다.
- 왼쪽에서 CMS
를 클릭합니다. - 콘텐츠 요소 추가를 클릭합니다.
- 데이터세트를 클릭합니다.
- 컬렉션을 선택하세요 드롭다운을 클릭해 '정보' 컬렉션을 선택합니다.
- 필요한 경우 데이터세트 이름을 편집한 후 추가를 클릭합니다.
- 왼쪽에서 CMS
- Stores Wix 앱 컬렉션에 연결되는 데이터세트를 추가합니다.
- 오른쪽 패널 하단에서 데이터세트 추가를 클릭합니다.
- 컬렉션 선택 드롭다운을 클릭한 후 쇼핑몰에서 제품 컬렉션을 선택합니다.
- 필요한 경우 데이터세트 이름을 편집한 후 추가를 클릭합니다.
- 쇼핑몰/제품 데이터세트에 URL 슬러그 필터를 추가합니다.
- 쇼핑몰/제품 데이터세트 옆의 추가 작업
아이콘을 클릭하고 데이터세트 설정을 선택합니다. - 필터 아래에서 + 필터 추가를 클릭합니다.
- 입력란 드롭다운을 클릭한 후 슬러그(텍스트)를 선택합니다.
- 조건으로 포함을 선택합니다.
- 소스값 지정 아래에서 URL 슬러그를 선택합니다.
- 필터 추가를 클릭합니다.
- 쇼핑몰/제품 데이터세트 옆의 추가 작업
- '정보' 데이터세트에 참조 필터를 추가합니다.
- 오른쪽 데이터세트 설정 패널 상단에서 전체 페이지 데이터세트를 클릭합니다.
- '정보' 데이터세트 옆의 추가 작업 아이콘을 클릭하고 데이터세트 설정을 선택합니다.
- 필터 아래에서 + 필터 추가를 클릭합니다.
- 입력란 드롭다운을 클릭하고 참조(제품) 입력란 또는 다중 참조(제품) 입력란을 선택한 후 필터 추가를 클릭합니다.
- 미리보기 도구 모음을 사용해 관련 제품에 대한 연결을 테스트합니다.
- 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 사이트를 게시합니다.
도움이 되었나요?
|