header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

CMS: 업로드 버튼 추가 및 설정하기

9 분
페이지 메뉴
  • 1 단계 | 업로드 버튼 요소 추가하기
  • 2 단계 | 데이터세트를 통해 CMS에 연결하기
  • 3 단계 | 데이터세트 모드 및 컬렉션 권한 설정하기
  • 4 단계 | 업로드 버튼 사용자 지정하기
  • 5 단계 | 제출 버튼 추가하기
  • 자주 묻는 질문
사이트 방문자가 CMS(콘텐츠 관리 시스템) 컬렉션에 직접 파일을 제출할 수 있도록 업로드 버튼을 추가하세요. 

업로드 버튼을 컬렉션에 연결 시에는 업로드한 파일을 저장할 컬렉션 입력란 유형을 선택합니다. '이미지', '문서', '동영상', '오디오', '미디어 갤러리' 또는 '다중 문서' 입력란 유형 중에서 선택할 수 있습니다. 

연결하는 입력란 유형에 따라 업로드 버튼이 수락할 수 있는 파일 유형 또한 결정됩니다. 업로드된 파일은 컬렉션 및 미디어 관리자의 '방문자 업로드' 섹션에 새 아이템으로 저장됩니다.
시작하기 전:
아직 사이트에 CMS를 추가하지 않았다면, 추가하세요.

1 단계 | 업로드 버튼 요소 추가하기

에디터에서 해당 페이지로 이동해 업로드 버튼을 추가합니다. 
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 업로드 버튼을 추가할 페이지로 이동합니다.
  3. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  4. 입력 요소를 클릭합니다.
  5. 고급 아래에서 업로드 버튼을 클릭합니다.
  6. 사용하고자 하는 업로드 버튼을 클릭해 페이지로 끌어다 놓습니다. 
Wix 에디터에 업로드 버튼을 추가하는 스크린샷

2 단계 | 데이터세트를 통해 CMS에 연결하기

제출 양식을 저장할 CMS 컬렉션에 연결되는 데이터세트에 업로드 버튼을 연결합니다. 
Wix 에디터
Studio 에디터
  1. 에디터에서 추가한 업로드 버튼을 클릭합니다. 
  2. CMS에 연결 아이콘을 클릭합니다. 
  3. 데이터세트 선택 드롭다운을 클릭하고 제출 양식을 저장할 컬렉션에 연결할 기존 데이터세트를 선택합니다. 또는, 데이터세트 추가를 선택한 후 제출 양식을 저장할 컬렉션을 선택합니다.
  4. 업로드 버튼 제출 양식을 저장할 입력란을 컬렉션에 추가합니다.
    도움말: 또는 기존 컬렉션 입력란에 연결할 수 있습니다. 
    1. 파일 연결 대상 드롭다운을 클릭한 후 입력란 추가를 선택합니다. 
    2. 새 컬렉션 입력란의 입력란 이름을 입력합니다. 
    3. 드롭다운에서 컬렉션에 추가할 입력란 유형을 선택합니다. 입력란 유형은 입력란에 저장할 수 있는 파일 종류를 결정합니다. 
    4. 추가를 클릭합니다.
업로드 버튼에 연결되는 입력란을 추가하는 스크린샷

3 단계 | 데이터세트 모드 및 컬렉션 권한 설정하기

데이터세트는 업로드 버튼과 CMS 컬렉션 간의 연결을 제어합니다. 업로드 버튼을 사용해 컬렉션에 파일을 추가할 수 있도록 데이터세트 모드를 쓰기 또는 읽기 및 쓰기로 설정해야 합니다. 필요한 경우, 컬렉션 권한을 조정해 컬렉션 콘텐츠에 액세스할 수 있는 사용자를 제어하세요.
Wix 에디터
Studio 에디터
  1. 오른쪽 패널에서 데이터세트 설정을 클릭합니다.
Wix 에디터에서 데이터세트 설정을 클릭하는 스크린샷
  1. (필요한 경우) 권한권한 유형을 클릭해 컬렉션 콘텐츠를 확인, 추가, 업데이트 또는 삭제할 수 있는 사용자를 결정합니다.
  2. 데이터세트 모드 드롭다운을 클릭해 해당 옵션을 선택합니다.  
    • 쓰기: 연결된 입력 요소는 컬렉션에 새 아이템을 추가할 수 있지만, 기존 아이템을 편집할 수는 없습니다. 
    • 읽기 및 쓰기: 연결된 요소는 컬렉션의 기존 아이템을 업데이트할 수 있습니다. '신규' 버튼을 연결하면, 방문자는 이를 사용해 기존 아이템을 업데이트하고 컬렉션에 새 아이템을 추가할 수 있습니다. 
데이터세트 모드 설정 스크린샷

4 단계 | 업로드 버튼 사용자 지정하기

업로드 버튼 설정으로 이동해 버튼이 허용하는 파일 유형과 한 번에 업로드할 수 있는 파일 수를 설정하세요. 레이아웃 및 디자인 설정에서 사이트와 어울리도록 버튼의 모양을 사용자 지정할 수 있습니다. 
Wix 에디터
Studio 에디터
  1. 에디터에서 업로드 버튼을 클릭합니다. 
  2. 설정을 클릭해 다음을 편집합니다.
    • 업로드 설정: 허용되는 파일 형식, 최대 파일 수, 필수로 설정할지 여부를 선택합니다. 
      • 지원 파일 형식: 드롭다운을 클릭해 이미지 및 동영상, 이미지, 동영상, 문서, 오디오 중 버튼을 허용하는 파일 형식을 선택합니다.
      • 최대 파일 수: 슬라이더를 끌어 제출당 업로드할 수 있는 파일 수에 대한 제한을 설정합니다. 한 번에 두 개 이상의 파일을 수락하려면 버튼을 컬렉션의 '다중 문서' 또는 '미디어 갤러리' 입력란 유형에 연결했는지 확인합니다(2 단계 참조). 이는 컬렉션 아이템당 여러 파일을 저장할 수 있는 유일한 입력란 유형입니다.
        참고: 현재는 한 번에 하나의 오디오 파일만 업로드할 수 있습니다. 한 번에 더 많은 오디오 파일을 업로드할 수 있는 기능을 원한다면 여기에서 해당 기능에 투표하세요.
      • 필수 입력사항으로 지정: 체크상자를 선택해 방문자가 사용자 지정 양식을 제출하기 전 파일을 필수로 업로드하도록 합니다. 
    • 표시 옵션 지정: 다음 옵션을 사용자 지정합니다.
      • 입력란 텍스트: (권장사항) 버튼 텍스트 위에 표시되는 텍스트를 입력합니다. 
      • 버튼 텍스트: 버튼에 표시될 텍스트를 편집합니다. 
      • 버튼 아래 텍스트: 버튼 아래에 표시할 내용을 선택합니다.
        • 파일 정보 표시: 방문자가 업로드한 파일 이름을 표시합니다. 
        • 사용자 지정 텍스트 표시: 파일 요구 사항과 같이 버튼 아래에 표시할 사용자 지정 텍스트를 입력합니다. 해당 텍스트는 업로드가 완료되면 파일 이름으로 변경됩니다. 
업로드 버튼 설정을 지정하는 스크린샷
  1. 레이아웃 아이콘을 클릭해 간격, 방향, 정렬 및 아이콘 위치를 조정합니다. 고급을 클릭해 특정 텍스트의 정렬 및 방향을 설정합니다.
  2. 디자인 아이콘을 클릭한 후 프리셋 디자인을 선택합니다. 디자인 사용자 지정을 클릭해 버튼 디자인을 추가로 사용자 지정합니다.

5 단계 | 제출 버튼 추가하기

방문자가 버튼으로 업로드한 파일을 제출할 수 있는 방법을 제공해야 합니다. 기본 버튼 또는 이미지를 추가하고 제출 양식 컬렉션에 연결되는 동일한 데이터세트에 연결하세요. 그 다음 버튼 또는 이미지의 클릭 동작을 제출로 설정합니다. 이렇게 하면 업로드된 파일을 '쓰거나' 제출 버튼 클릭 시 제출 양식 컬렉션에 새 아이템을 추가할 수 있습니다. 

동일한 데이터세트에 다른 입력 요소를 연결하는 경우, 제출 버튼 또한 해당 입력을 컬렉션으로 전송합니다. 
업로드 버튼의 제출 버튼을 추가하는 방법에 대한 자세한 도움말을 확인하세요.
업로드 버튼 아래의 제출 버튼 스크린샷

자주 묻는 질문

아래를 클릭해 업로드 버튼에 대한 일반적인 질문에 대한 답변을 확인하세요. 
Wix 에디터에 업로드 버튼을 추가하는 스크린샷
업로드 버튼에 연결되는 입력란을 추가하는 스크린샷
Wix 에디터에서 데이터세트 설정을 클릭하는 스크린샷
데이터세트 모드 설정 스크린샷
업로드 버튼 설정을 지정하는 스크린샷
업로드 버튼 아래의 제출 버튼 스크린샷