CMS: 업로드 버튼으로 여러 문서 업로드하기
5 분 분량
페이지에 업로드 버튼을 추가해 사이트 방문자가 여러 문서를 한 번에 업로드할 수 있도록 하세요.
예를 들어, 채용 사이트를 운영하는 경우 이력서, 추천 문헌, 샘플 등을 포함해 후보자의 여러 문서를 수락할 수 있습니다.
컬렉션의 다중 문서 입력란 유형을 사용해 한 번에 여러 파일을 수락하고 업로드하도록 사이트를 설정할 수 있습니다.
업로드 버튼이 있는 페이지가 이미 있는 경우, 컬렉션에 다중 문서 입력란을 추가해 업로드 버튼의 설정을 조정하세요.
1 단계 | 업로드 버튼 및 컬렉션 추가하기
업로드 버튼과 컬렉션을 동시에 추가할 수 있습니다. 이 단계에서 데이터세트를 설정하면 컬렉션을 더 쉽게 추적할 수 있습니다. 이 컬렉션은 방문자가 업로드하는 문서를 저장합니다.
새로운 데이터세트 환경:
Wix Studio에서는 데이터세트를 오른쪽의 속성 패널로 이동해 더 쉽게 사용할 수 있도록 했습니다. Wix Studio의 새로운 데이터세트 환경에 대한 자세한 도움말을 확인하세요.
업로드 버튼 및 데이터세트를 추가하려면:
- 추가 패널로 이동합니다.
- Wix 에디터: 에디터 왼쪽에서 추가를 클릭합니다.
- 에디터 X: 에디터 X 상단에서 요소 추가를 클릭합니다.
- 입력 요소를 클릭합니다.
- 업로드 버튼을 클릭합니다.
- 버튼을 선택해 페이지로 끌어다 놓습니다.
- 업로드 버튼을 선택한 후 데이터 연결
아이콘을 클릭합니다. (에디터 X의 경우,
아이콘)
- 데이터세트 생성을 클릭합니다.
참고:
데이터세트 생성이 표시되지 않는다면 데이터세트 연결 드롭다운을 클릭한 후 데이터세트 생성을 선택합니다.
- 데이터세트를 새 컬렉션 또는 기존 컬렉션에 연결합니다.
새 컬렉션에 연결하기
아이콘을 클릭합니다.기존 컬렉션에 연결하기
중요!
컬렉션에서 최소 한 번 이상 다중 문서 입력란 유형을 사용하는지 확인하세요.
2 단계 | 업로드 버튼 설정하기
업로드 버튼을 올바르게 설정하는 것은 방문자가 여러 문서를 업로드할 수 있도록 하기 위한 열쇠입니다.
업로드 버튼을 설정하려면:
- 에디터에서 업로드 버튼을 클릭한 후 설정을 클릭합니다.
- 지원 파일 형식 드롭다운을 클릭한 후 문서를 선택합니다.
- 파일 최대 개수 슬라이더를 끌어 업로드할 수 있는 최대 파일 수를 설정합니다.
- 방문자가 파일 업로드 시 필수 입력란으로 지정하려면 필수 입력사항으로 지정 체크 상자를 선택합니다.
- (권장사항) 업로드 버튼 상단에 표시되는 입력란 제목 아래 제목을 입력합니다.
- 업로드 버튼에 표시되는 텍스트를 버튼 텍스트 입력란에 입력합니다.
- 버튼 하단 텍스트에서 옵션을 선택합니다.
- 파일 정보 표시: 파일이 선택된 후 방문자가 선택한 파일 이름을 표시합니다.
- 사용자 지정 텍스트 표시: 버튼 아래에 표시할 텍스트를 추가 입력란 입력란에 입력합니다. 방문자가 파일을 업로드하면 파일 이름이 버튼 아래에 대신 표시됩니다. 도움말: 올바른 파일 크기와 같은 유용한 정보를 추가하세요. (예: "최대 파일 크기는 25MB입니다.")
도움말:
업로드 파일 보기를 클릭해 방문자가 사이트에 업로드한 파일을 볼 수 있는 미디어 관리자로 이동합니다.
3 단계 | 제출 버튼 추가하기
제출 버튼은 사이트 방문자가 클릭해 선택한 문서를 사이트에 업로드하는 버튼입니다. 선택사항인 '성공' 및 '실패' 메시지를 추가하는 것이 좋습니다. 사이트 방문자에게는 하나의 메시지만 표시되므로 페이지에 겹쳐서 배치할 수 있습니다.
제출 버튼을 추가하려면:
- 추가 패널로 이동합니다.
- Wix 에디터: 에디터 왼쪽에서 추가를 클릭합니다.
- 에디터 X: 에디터 X 상단에서 요소 추가를 클릭합니다.
- 버튼을 클릭합니다.
- 버튼을 선택해 페이지로 끌어다 놓습니다.
- 텍스트 및 아이콘 변경을 클릭한 후 버튼 텍스트 입력란에 제출을 입력합니다.
- 데이터에 연결 아이콘을 클릭합니다. (에디터 X의 경우
아이콘) - 데이터세트 연결에서 올바른 데이터세트가 선택되어 있는지 확인합니다. (기본적으로 1단계에서 추가한 데이터세트에 연결되어 있어야 합니다.)
- 클릭 시 수행 작업 드롭다운을 클릭한 후 제출을 선택합니다.
- (선택사항) 방문자가 문서 업로드를 완료하면 표시될 성공 메시지를 추가합니다.
- + 성공 메시지 추가를 클릭합니다.
- 에디터에서 성공 메시지를 선택해 메시지를 편집합니다.
- 성공 메시지를 클릭해 원하는 위치로 끌어다 놓습니다.
- (선택사항) 문서 업로드에 실패할 경우 표시되는 실패 메시지를 추가합니다.
- 제출 버튼을 클릭한 후 데이터에 연결 아이콘을 클릭합니다. (에디터 X의 경우 아이콘)
- + 실패 메시지 추가를 클릭합니다.
- 에디터에서 실패 메시지를 선택해 메시지를 편집합니다.
- 오류 메시지를 표시하고자 하는 위치로 오류 메시지를 클릭해 끌어다 놓습니다.
- 제출 버튼을 클릭한 후 데이터에 연결
- 방문자가 문서를 성공적으로 업로드한 후 수행할 작업을 선택합니다.
- 제출 버튼을 클릭한 후 데이터에 연결 아이콘을 클릭합니다. (에디터 X의 경우 아이콘)
- 성공 시 이동 페이지 드롭다운을 클릭해 옵션을 선택합니다.
- 페이지에 남기: 방문자는 업로드 성공 후 페이지에 머무릅니다.
- A link: 방문자가 페이지로 이동합니다. 링크 선택 아래에서 선택하기를 클릭한 후 연결할 대상을 선택합니다. 버튼 링크에 대한 자세한 도움말을 참고하세요.
- 제출 버튼을 클릭한 후 데이터에 연결
도움이 되었나요?
|