CMS: 라이브 사이트 컬렉션 콘텐츠 관리하기

15 분 분량
라이브 사이트에서 사람들이 CMS(콘텐츠 관리 시스템) 컬렉션 콘텐츠를 추가, 편집 또는 삭제할 수 있는 페이지를 추가하세요. 방문자가 회원 페이지에 텍스트 및 이미지를 제출하는 경우 등에 유용하게 활용할 수 있습니다. 또는, 아래 그림과 같이 부동산 사이트의 양식으로 활용할 수도 있습니다. 방문자가 항목을 추가, 삭제 또는 업데이트할 수 있습니다.
Studio 에디터를 사용 중이라면:
Studio 에디터의 동적 아이템 관리 페이지 추가 과정을 단순화했습니다. 동적 관리 페이지에는 공동 작업자 및 사이트 회원이 라이브 사이트의 컬렉션 콘텐츠를 관리할 수 있도록 사전 제작된 페이지가 포함되어 있습니다.
방문자가 항목을 추가, 삭제 또는 업데이트할 수 있는 양식의 스크린샷
시작하기 전:

1 단계 | 입력 요소가 포함된 양식 만들기

사이트에 입력 요소를 추가해 사이트의 특정 요구에 맞는 사용자 지정 양식을 구축하세요. 양식을 구성하는 데 사용되는 요소를 통해 방문자가 텍스트 및 파일 등의 콘텐츠를 업로드할 수 있습니다. 양식을 통해 제출된 콘텐츠는 컬렉션에 저장됩니다. 사용자 입력 요소를 사용해 양식을 생성하는 방법을 확인하세요.
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 사용자 지정 양식을 만들 페이지 또는 섹션으로 이동합니다. 
  3. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  4. 입력을 클릭합니다.
  5. 추가하려는 입력 요소 유형을 클릭합니다.
  6. 해당 입력 요소를 클릭해 페이지로 끌어다 놓습니다. 
  1. 추가한 입력 요소를 클릭한 후 설정을 선택합니다.
  2. 설정을 입력합니다. 옵션은 선택한 입력 요소에 따라 다릅니다.
  3. (선택사항) 레이아웃디자인 아이콘을 클릭해 레이아웃 또는 디자인을 변경합니다.
  4. 위의 3-9 단계를 반복해 양식에 필요한 만큼 입력 요소를 추가합니다. 

2 단계 | 컬렉션에 입력 요소 연결하기

사용자의 작업권한에 영향을 미치는 두 가지 설정이 있습니다. 하나는 데이터세트의 데이터세트 모드이고, 다른 하나는 컬렉션의 권한 및 공개 설정입니다.

데이터세트 모드는 연결된 요소와 컬렉션 간에 수행할 수 있는 작업을 결정합니다. 컬렉션의 권한 및 공개 설정에 따라 컬렉션 콘텐츠를 보거나 편집할 수 있는 사용자가 결정됩니다. 데이터세트 모드 및 컬렉션 권한에 대한 자세한 도움말을 확인하세요.
Wix 에디터
Studio 에디터
  1. 에디터에서 방금 추가한 입력 요소를 클릭합니다. 
  2. CMS에 연결 아이콘을 클릭합니다. 
  3. 제출 양식을 저장할 컬렉션에 바인딩되는 데이터세트에 연결합니다. 
    • 페이지에 데이터세트가 없는 경우: 
      1. 오른쪽에서 + 데이터세트 추가를 클릭합니다. 그 다음, 연결할 컬렉션을 선택하고 데이터세트 이름을 입력한 후 추가를 클릭합니다.  
      2. 콘텐츠 수집을 클릭합니다.
    • 페이지에 이미 데이터세트가 있는 경우:
      1. 콘텐츠 수집을 클릭합니다. 
      2. 데이터세트 선택 드롭다운을 클릭해 해당 데이터세트를 선택합니다. 또는, 데이터세트 추가를 클릭해 새 컬렉션을 추가한 후, 연결할 컬렉션을 선택하고 데이터세트 이름을 입력한 후 추가를 클릭합니다.
  4. 입력 요소를 기존 또는 새 컬렉션 입력란에 연결합니다.
    • 기존 입력란: 값 연결 대상 드롭다운을 클릭한 후 입력을 제출할 입력란을 선택합니다. 
    • 새 입력란: 값 연결 대상 드롭다운을 클릭한 후 입력란 추가를 선택합니다
      1. 새 컬렉션 입력란의 입력란 이름을 입력합니다. 
      2. 드롭다운에서 입력란 유형을 선택합니다. 입력란 유형은 입력란에 저장할 수 있는 데이터의 종류를 결정합니다. 
      3. 추가를 클릭합니다. 
  1. (필요한 경우) 목록 아이템 연결 버튼을 클릭해 요소의 선택지를 관리할 위치를 선택합니다.
    • 활성: 선택지에 다른 CMS 컬렉션의 입력란을 사용합니다. 해당 데이터세트를 연결하고 라벨 및 값 연결 대상 드롭다운에서 사용할 입력란을 선택합니다.
    • 비활성: 선택지 관리를 클릭해 CMS와 별도로 요소에 대한 선택지를 추가합니다. 
  1. 사용자 지정 양식의 입력 요소 각각에 대해 이 단계를 반복합니다. 
  2. 오른쪽 패널의 첫 번째 데이터세트 선택 드롭다운 아래에서 데이터세트 설정을 클릭합니다. 이 데이터세트는 제출 양식을 저장할 컬렉션에 연결됩니다. 
  1. 데이터세트 모드 드롭다운을 클릭한 후 읽기 및 쓰기를 선택합니다.

3 단계 | 인터랙티브 버튼 추가 및 설정하기

방문자가 클릭해 컬렉션 데이터와 상호 작용할 수 있는 버튼을 추가하세요. 버튼 추가 후에는 버튼을 사용자 지정하고 입력 요소와 동일한 데이터세트에 연결합니다. 

제출 버튼을 추가해 사용자 입력값을 컬렉션에 저장할 수 있습니다. 데이터세트에서 클릭 시 수행 작업 드롭다운을 '제출'로 설정하면 버튼 클릭 시 입력값이 컬렉션으로 전송됩니다. 여러 클릭 작업(예: 필터 적용, 신규, 또는 삭제) 중 선택해 인터랙티브 버튼을 만들 수 있습니다
Wix 에디터
Studio 에디터
  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 버튼을 클릭합니다.
  3. 제출 버튼으로 사용할 버튼을 클릭해 페이지에 끌어다 놓습니다. 추천 디자인 버튼, 텍스트 및 아이콘 버튼, 아이콘 버튼, 또는 이미지 버튼과 같은 버튼 유형을 사용할 수 있습니다.
    도움말: 또는 이미지를 추가해 제출 버튼으로 사용할 수도 있습니다. 
제출 버튼으로 사용할 버튼을 추가하는 스크린샷
  1. 텍스트 및 아이콘 변경을 클릭하고 버튼에 표시할 텍스트(예:"제출")을 입력합니다. 
  2. CMS에 연결 아이콘을 클릭합니다.
  3. 데이터세트 선택 드롭다운을 클릭해 제출 양식 컬렉션에 연결된 데이터세트를 선택합니다. 
  4. 클릭 시 수행 작업 드롭다운을 클릭한 후 제출을 선택합니다. 
  5. (선택사항) 제출이 성공하거나 실패할 때 표시되는 성공 및 실패 메시지를 추가합니다.
    1. + 성공 메시지 추가를 클릭한 후 + 실패 메시지 추가를 클릭합니다.
    2. 두 메시지를 클릭해 원하는 위치로 끌어다 놓습니다. 두 메시지는 동시에 표시되지 않으므로 겹치게 놓을 수 있습니다.
    3. 각 메시지에서 텍스트 편집을 클릭해 메시지를 편집합니다.
  6. 버튼을 선택한 후 CMS에 연결 아이콘을 클릭합니다. 그런 다음, 성공 시 이동 페이지 드롭다운을 클릭해 옵션을 선택합니다.
    • 페이지에 남기: 방문자는 양식을 제출한 후 동일한 페이지에 머무릅니다.
    • 링크: 방문자는 양식을 제출한 후 다른 페이지로 리디렉트됩니다. 링크 선택 아래에서 선택하기를 클릭해 링크를 설정합니다. 
  1. 버튼을 클릭한 후 디자인 아이콘을 선택해 제출 버튼 디자인을 사용자 지정합니다.

4 단계 | 컬렉션 권한 설정하기

컬렉션의 권한 및 공개 설정에 따라 컬렉션의 아이템을 확인, 추가, 삭제, 업데이트할 수 있는 사용자가 결정됩니다. 사용자 지정 권한을 설정해 컬렉션 편집 권한을 부여할 사용자를 선택하세요. 예를 들어, 사이트 회원에 대한 편집 액세스를 제한하려는 경우에는 이러한 설정을 미세 조정할 수 있습니다. 

CMS에서 컬렉션 권한을 변경하는 방법에 대한 자세한 도움말을 확인하세요.

컬렉션 권한을 설정하려면:

  1. 사이트 대시보드의 CMS로 이동합니다. 또는, 에디터의 CMS를 클릭한 후 내 컬렉션을 클릭합니다.  
  2. 라이브 사이트에서 관리하고자 하는 컬렉션을 클릭합니다.
  3. 상단에서 추가 작업을 클릭한 후 권한 및 공개 설정을 선택합니다.
  4. 컬렉션에 저장할 콘텐츠 유형을 선택하세요 드롭다운을 클릭해 옵션을 선택합니다.
    • 사용자 지정: 관련 드롭다운에서 콘텐츠를 확인, 추가, 삭제 및 업데이트할 수 있는 사용자를 정의합니다. 
    • 회원 생성: 누구나 콘텐츠를 볼 수 있고 사이트 회원은 콘텐츠를 추가할 수 있으며 사이트 회원 작성자는 콘텐츠를 삭제하거나 업데이트할 수 있도록 허용합니다. 관련 드롭다운을 클릭해 권한을 조정합니다. 
  5. 저장을 클릭합니다.
CMS 컬렉션에서 회원 생성 권한을 설정하는 스크린샷

5 단계 | 표를 추가해 특정 아이템 선택 및 편집하기

사용자 지정 양식이 완성되면 사이트 방문자가 컬렉션에 콘텐츠를 추가할 수 있습니다. 라이브 사이트에서 특정 아이템을 선택 및 편집하려면 표를 추가해야 합니다.
라이브 사이트에서는 콘텐츠가 추가되면 표에 아이템이 표시됩니다. 사용자 지정 양식을 사용해 각 아이템의 콘텐츠를 편집하세요. 버튼을 데이터세트 클릭 작업에 연결해 컬렉션에 아이템 추가 및 삭제와 같은 추가 기능을 제공할 수 있습니다. 또한, 아이템 사이를 탐색하는 버튼을 추가해 '다음 아이템' 또는 '이전 아이템'을 표시하도록 설정할 수도 있습니다.
업데이트 또는 삭제할 컬렉션 아이템을 선택하기 위한 표가 포함된 양식의 스크린샷
참고:
표를 사용하는 대신 버튼을 설정해 아이템 간을 탐색할 수 있습니다. 그러려면 데이터세트의 클릭 시 수행 작업 드롭다운에서 '이전 아이템' 및 '다음 아이템'을 사용해야 합니다. 그런 다음, 양식에 표시되는 콘텐츠를 편집하고 제출을 클릭해 해당 아이템을 업데이트할 수 있습니다. 버튼을 설정해 새 항목을 생성하거나 기존 항목을 삭제할 수도 있습니다.

표를 추가하려면:

Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  3. 목록을 클릭합니다.
  4. 를 클릭합니다.
  5. 사용하고자 하는 표를 클릭해 페이지로 끌어다 놓습니다. 
Wix 에디터에서 표를 추가하는 스크린샷
  1. CMS에 연결 아이콘을 클릭합니다.
  2. 데이터세트 선택 드롭다운을 클릭해 입력 요소도 연결되는 데이터세트를 선택합니다. 
  3. 연결 아래에서 해당 드롭다운을 클릭해 각 열에 연결할 컬렉션 입력란을 선택합니다. 
  4. 표를 사용자 지정합니다.
  5. 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 사이트를 게시합니다.

(선택사항) 필터를 추가해 특정 아이템 표시하기

특정 방문자가 관리할 수 있는 콘텐츠만 표시하려면 '로그인' 상태로 설정된 소유자(텍스트) 입력란이 포함된 필터를 데이터세트에 추가하세요. 

사이트 방문자가 특정 콘텐츠를 볼 수 있도록 데이터세트에 필터를 설정하세요. 예를 들어, 레시피 사이트가 있다면 아침, 점심, 저녁 등 선호하는 코스에 따라 레시피 필터를 설정할 수 있습니다. 사이트 방문자는 표를 사용해 필터링된 컬렉션 아이템을 탐색할 수 있습니다.

데이터세트에 필터를 추가하려면:

Wix 에디터
Studio 에디터
  1. 에디터에서 해당 페이지로 이동합니다.
  2. 관련 데이터세트 설정으로 이동합니다.
    1. 왼쪽에서 CMS를 클릭합니다. 
    2. 페이지 연결 관리를 클릭합니다.
    3. 관련 데이터세트 옆 추가 작업 아이콘을 클릭한 후, 데이터세트 설정을 선택합니다.
  3. 필터 아래에서 + 필터 추가를 클릭합니다. 
  4. 입력란 드롭다운을 클릭해 필터를 적용할 입력란을 선택합니다. 
  5. 조건 드롭다운을 클릭해 필터에 사용할 조건을 선택합니다. 옵션은 필터링되는 입력란 유형에 따라 다릅니다. 
  6. (필요한 경우) 소스값 지정을 선택합니다.
    • 직접 입력: 입력란에 필터링 기준으로 사용할 값을 입력합니다. 
    • 추가 데이터세트: 해당 드롭다운에서 필터링 기준으로 사용할 데이터세트 및 입력란을 선택합니다. 
  7. 필터 추가를 클릭합니다. 
Wix 에디터의 데이터세트에 필터를 추가하는 스크린샷
  1. 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 사이트를 게시합니다. 

도움말:
Velo by Wix를 사용해 컬렉션에 항목을 추가하는 과정을 자동화할 수 있습니다. 방문자가 언제든지 개인 프로필을 확인하고 업데이트할 수 있는 회원 공간을 구축하는 방법을 확인하세요.

도움이 되었나요?

|