CMS: 모든 페이지에 Wix 쇼핑몰 제품 표시하기
8 분
페이지 메뉴
- 1 단계 | 페이지에 프로 갤러리, 반복 레이아웃 또는 표 추가하기
- 2 단계 | CMS에 갤러리, 반복 레이아웃 또는 표 연결하기
- 3 단계 | (선택사항) 데이터세트 설정 관리하기
- 4 단계 | (선택사항) 고객이 제품을 필터링할 수 있도록 설정하기
- 5 단계 | (선택사항) '더보기' 또는 탐색 버튼 추가하기
홈, 쇼핑카트 페이지와 같은 페이지에서 모든 Wix 쇼핑몰 제품을 갤러리, 반복 레이아웃 또는 표로 표시하세요. CMS(콘텐츠 관리 시스템)를 사용하면 버튼, 이미지 또는 표 칼럼을 제품 페이지에 동적으로 연결할 수 있습니다. 고객은 클릭해 제품 페이지로 이동해 구매를 결정하기 전 자세한 내용을 확인할 수 있습니다.
'카트에 추가' 작업 또는 제품 보기 창에 버튼, 이미지 및 칼럼을 링크할 수도 있습니다. 제품을 페이지 요소에 바인딩하는 데이터세트의 설정을 사용해 표시되는 전체 제품을 필터링, 정렬 또는 제한하세요.
시작하기 전:
- Wix 쇼핑몰에서 나만의 제품을 생성합니다.
- 아직 추가하지 않았다면, 사이트에 CMS를 추가합니다.
- CMS에서 Wix 쇼핑몰을 사용할 수 있도록 Wix 앱 컬렉션을 활성화합니다.
1 단계 | 페이지에 프로 갤러리, 반복 레이아웃 또는 표 추가하기
에디터에서 Wix 쇼핑몰 제품을 표시할 페이지로 이동합니다. 필요한 경우, 새 페이지를 추가할 수 있습니다. 그 다음, 제품을 표시할 요소를 추가합니다.
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- Wix 쇼핑몰 제품을 표시할 페이지나 섹션으로 이동합니다.
- 에디터 왼쪽에서 요소 추가
를 클릭합니다. - 프로 갤러리, 반복 레이아웃 또는 표를 추가합니다.
- 프로 갤러리: 갤러리에 제품을 표시합니다.
- 갤러리를 클릭합니다.
- 원하는 프로 갤러리를 클릭해 페이지로 끌어다 놓습니다.
- 갤러리에서 기본 이미지를 제거합니다.
- 갤러리를 클릭한 후 미디어 관리를 선택합니다.
- 전체 선택을 클릭한 후 삭제를 클릭합니다.
- 완료를 클릭합니다.
- 반복 레이아웃: 반복 레이아웃에 연결된 여러 요소를 사용해 제품을 표시합니다.
- 목록을 클릭합니다.
- 선택한 반복 레이아웃을 클릭해 페이지로 끌어다 놓습니다.
- 나중에 제품 페이지에 연결할 수 있도록 반복 레이아웃에 이미지 또는 버튼이 있어야 합니다. 반복 레이아웃에서 요소를 추가하거나 제거할 수 있습니다. 필요한 경우, 반복 레이아웃 내부에 필요한 모든 요소에 맞도록 반복 레이아웃의 크기를 조정할 수 있습니다.
- 표: 제품을 표 형식으로 표시합니다.
- 목록을 클릭합니다.
- 표를 클릭한 후 원하는 표를 페이지에 끌어다 놓습니다.
- 프로 갤러리: 갤러리에 제품을 표시합니다.
2 단계 | CMS에 갤러리, 반복 레이아웃 또는 표 연결하기
컬렉션 입력란을 반복 레이아웃, 갤러리 또는 표에 연결하세요. 이러한 동적 입력란의 값은 데이터세트에서 검색된 제품에 따라 라이브 사이트에서 변경됩니다.
Wix 에디터
Studio 에디터
- 에디터에서 추가된 반복 레이아웃, 갤러리 또는 표를 클릭합니다.
- CMS에 연결
아이콘을 클릭합니다. - 데이터세트 추가를 클릭합니다. 페이지에 이미 데이터세트가 있는 경우, 데이터세트 선택 드롭다운을 클릭한 후 데이터세트 추가를 선택합니다.
- 컬렉션 선택 드롭다운을 클릭한 후 쇼핑몰 카탈로그 또는 쇼핑몰 Wix 앱 컬렉션에서 제품을 선택합니다.
개발자:
- 쇼핑몰 카탈로그 Wix 앱 컬렉션이 있는 경우, 사이트는 Wix 쇼핑몰 카탈로그 V3를 사용합니다.
- 쇼핑몰 Wix 앱 컬렉션이 있는 경우, 사이트는 Wix 쇼핑몰 카탈로그 V1을 사용합니다.
- (선택사항) 데이터세트 이름 입력란을 클릭하고 데이터세트의 이름을 입력합니다.
- 추가를 클릭합니다.
- (반복 레이아웃만 적용) 연결 아래에서 연결하고자 하는 반복 레이아웃 요소(예: 텍스트, 버튼, 이미지)를 클릭합니다.
- 해당 드롭다운 메뉴를 클릭하고 요소의 각 부분에 연결할 Wix 쇼핑몰 입력란을 선택합니다.
도움말: URL(Wix 쇼핑몰 카탈로그 V3) 또는 페이지 URL (Wix 쇼핑몰 카탈로그 V1) 입력란으로 링크해 고객이 클릭해 관련 쇼핑몰 제품 페이지로 이동할 수 있는 방법을 제공할 수 있습니다.
- (반복 레이아웃만 적용) 반복 레이아웃 연결을 클릭한 후 위의 7-8단계를 반복해 반복 레이아웃의 추가 요소를 연결합니다.
- 필요에 따라 반복 레이아웃 요소, 프로 갤러리 또는 표를 클릭해 조정합니다.
도움말: 언제든지 반복 레이아웃에서 요소를 추가 또는 제거할 수 있습니다. 카테고리에 따라 변경되지 않는 정적 콘텐츠를 사용하려면 요소의 연결을 해제합니다. - 미리보기를 클릭해 기능을 테스트합니다.
- 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 게시를 클릭합니다.
3 단계 | (선택사항) 데이터세트 설정 관리하기
데이터세트 설정에서 한 번에 표시할 수 있는 최대 제품 수를 선택할 수 있습니다. 필터를 추가해 특정 제품을 포함하거나 정렬 조건을 사용해 순서를 제어할 수 있습니다.
참고:
로딩당 아이템 수 입력란은 표에 적용되지 않습니다. 표를 사용해 제품을 나열하는 경우, 레이아웃
아이콘을 클릭해 표시되는 아이템 수를 제한할 수 있습니다. 그 다음, 사용자 지정 표 높이를 설정하고 페이지 번호바를 활성화하세요.
아이콘을 클릭해 표시되는 아이템 수를 제한할 수 있습니다. 그 다음, 사용자 지정 표 높이를 설정하고 페이지 번호바를 활성화하세요.Wix 에디터
Studio 에디터
- 데이터세트 설정으로 이동합니다.
- 왼쪽에서 CMS
를 클릭합니다. - 페이지 연결 관리를 클릭합니다.
- 관련 데이터세트 옆 추가 작업
아이콘을 클릭한 후, 데이터세트 설정을 선택합니다.
- 왼쪽에서 CMS
- (선택사항) 권한 옆 권한 유형을 클릭해 라이브 사이트에서 컬렉션 콘텐츠를 확인, 추가, 업데이트 또는 삭제할 수 있는 사용자를 결정합니다.
- 로딩당 아이템 수 입력란을 편집해 한 번에 로딩할 수 있는 최대 아이템 수를 설정합니다.
참고: 이는 방문자가 '더보기' 버튼, '다음/이전 페이지' 버튼 또는 페이지 번호바 클릭 시 로딩될 수 있는 최대 아이템 수이기도 합니다. 다음 섹션에서 단계를 확인하세요. - (선택사항) + 필터 추가를 클릭해 요소에 특정 제품만 표시합니다.
- (선택사항) + 정렬 추가를 클릭해 제품이 요소에 표시되는 순서를 선택합니다.
- 미리보기를 클릭해 기능을 테스트합니다.
- 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 게시를 클릭합니다.
4 단계 | (선택사항) 고객이 제품을 필터링할 수 있도록 설정하기
가격, 재고, 브랜드 등 고객이 적용한 필터와 일치하는 제품만 조회할 수 있는 옵션을 제공하세요. 라디오 버튼, 체크상자, 드롭다운, 선택 태그, 슬라이더(범위 슬라이더만 해당) 등 필터링이 가능한 입력 요소 중 선택할 수 있습니다.
방문자가 컬렉션 콘텐츠를 필터링할 수 있는 입력 요소를 설정하는 방법에 대한 자세한 도움말을 확인하세요.
5 단계 | (선택사항) '더보기' 또는 탐색 버튼 추가하기
표시되는 제품 수를 제한하고 '더보기' 버튼을 추가해 페이지 성능을 개선하세요.
탐색 버튼을 추가해 쇼핑객이 클릭해 표시된 다음/이전 아이템을 확인할 수 있도록 하거나 페이지 번호바를 추가해 한 번에 설정된 수의 제품을 순환할 수 있도록 할 수 있습니다.
도움말:
버튼 및 이미지에 적용할 수 있는 CMS 데이터세트 작업에 대한 자세한 도움말을 확인하세요.