양식 document 업로드

시작 상태

시작 상태에는 다음이 포함됩니다.

• 아이콘과 텍스트 단위가 포함된 초기 업로드 버튼
• 기본 통신 내용을 나타내는 메시지 텍스트 단위 “최대 파일 크기 10MB”

귀하는 메시지 내용을 변경하거나 완전히 삭제할 자유가 있습니다. 또한 텍스트 단위의 스타일을 지정하는 것과 유사하게 사용자 정의할 수 있는 기능도 있습니다.

버튼을 고유하게 변경하고 스타일링하기

텍스트 편집, 맞춤형 스타일 또는 아이콘 조정을 통해 업로드 버튼을 수정할 수 있는 옵션이 있습니다.

텍스트를 편집하려면 버튼을 두 번 클릭하여 직접 편집할 수 있습니다. 스타일은 텍스트에 별도로 적용하거나 전체 버튼을 하나의 단위로 포함할 수 있습니다.

개인화하려면 단추, 클래스를 구현하고 스타일 패널을 통해 원하는 스타일 속성을 추가합니다. 여기에는 배경색, 테두리, 글꼴 변경 등의 조정이 포함됩니다. 글꼴 색상 조정 단추 또한 기본 아이콘 색상으로 이어집니다.

아이콘과 텍스트의 고유한 색상을 유지하거나 독립적으로 스타일을 지정하려는 경우 이러한 구성 요소에 서로 다른 클래스를 할당하고 이에 따라 다양한 글꼴 색상을 설정하세요.

버튼의 기존 아이콘을 대체하려면 기본 아이콘을 제거한 후 원하는 아이콘을 버튼에 삽입하세요. 자산 패널 드래그 앤 드롭을 통해.

아이콘의 표준 크기와 왼쪽 정렬을 유지하려면 이미지의 너비 또는 높이를 20픽셀로 조정하고 8픽셀 오른쪽 여백을 추가하여 아이콘과 텍스트 사이에 공간을 만듭니다.

기본 아이콘의 위치를 변경하려면 위치 변경 버튼 내에서 아이콘을 드래그하면 됩니다.

버튼 텍스트의 오른쪽에 아이콘을 배치하려면 아이콘을 오른쪽으로 이동하고 여백을 왼쪽에서 8픽셀, 오른쪽에서 0픽셀로 조정합니다. 사용자 정의 이미지의 경우 0픽셀 오른쪽 여백을 추가할 필요가 없습니다.

업로드 상태

기본 상태에서와 마찬가지로 업로드 상태에서 업로드 버튼을 사용자 정의하고 스타일을 지정할 수 있습니다.

성공 상태

파일 업로드의 성공 상태는 다음과 같습니다.

• 텍스트 블록 — 업로드된 파일의 이름을 표시하며 편집할 수 없습니다. 그러나 모양을 조정할 수 있습니다.
• 링크 블록 내부의 아이콘 — 사용자가 다음을 수행할 수 있도록 합니다. 업로드된 파일 삭제 그들의 형태에서. 이 아이콘의 스타일과 호버 효과를 사용자 정의할 수 있습니다.

성공 상태에서는 전체 버튼을 디자인할 수 있습니다.

설계 조언 및 권장사항

성공적인 업로드를 나타내는 아이콘이나 자리 표시자 파일 축소판 아이콘과 같은 이미지를 성공 상태 버튼에 삽입할 수 있습니다.

성공 상태 래퍼에 텍스트 블록을 포함하여 "파일이 업로드되었습니다!"와 같은 메시지를 표시할 수도 있습니다. 또는 "성공!"

또한 삭제 아이콘(X)을 다른 아이콘 이미지나 텍스트 블록(예: "파일 삭제")으로 교체할 수 있습니다. 링크 블록의 너비 값을 "auto"로 설정했는지 확인하세요.

오류 상태

Designer에 나타나는 기본 오류 메시지는 다음과 같습니다. “업로드에 실패했습니다. 최대 파일 크기는 10MB입니다.” 그러나 네트워크 문제, 업로드된 파일 손상, 잘못된 파일 형식 등 파일 크기가 10MB를 초과하는 것 이외의 이유로 인해 오류 상태가 발생할 수도 있습니다. 각 오류 시나리오마다 고유한 메시지가 표시됩니다. 아래에서 이러한 메시지를 개인화하는 방법을 알아보세요.

경고: 오류 메시지 위의 오류 상태에 표시된 버튼은 기본 상태의 버튼과 동일합니다. 여기에서 버튼을 변경하면 기본 상태의 원래 버튼이 대체됩니다.

오류 메시지 사용자 정의

3가지 오류 유형 모두에 대한 기본 텍스트를 변경할 수 있는 옵션이 있습니다. 텍스트 색상을 수정하거나 다른 스타일을 적용할 수도 있습니다. 텍스트 블록 내 오류 상태 싸개.

오류 메시지를 개인화하려면 캔버스에서 오류 텍스트 블록을 선택한 다음 필드 오류 설정 에서 설정 패널. 각 오류 메시지를 편집하려면 "연필오류 메시지 유형 위로 마우스를 가져가면 나타나는 아이콘입니다.

각 오류 유형에 대한 기본 메시지를 재설정하려면 오류 메시지를 수정한 다음 "기본값 복원".

파일 제출 처리

방문자가 귀하의 웹 양식을 통해 파일을 제출하면 업로드된 파일은 귀하의 지정된 이메일 주소로 전송된 양식 제출 알림 이메일 내에 웹 링크로 표시됩니다. 양식 알림 설정 당신의 사이트 설정.

귀하가 웹사이트의 감독자 역할을 하는 경우, 귀하는 각 웹사이트에 제출된 파일을 검사하고 분석할 권한이 있습니다. 사이트 설정 > 양식 > 양식 제출 데이터.

참고: 양식 파일 업로드에 대한 저장 용량 허용량은 최대 10GB까지 무료이며, 그 이상은 추가 기가바이트마다 월 $0.50의 요금이 부과됩니다. 100GB의 고정 저장 용량 한도가 있으므로 이에 도달하면 양식 제출 수집이 중단됩니다. 이 한도는 연장할 수 없습니다. 제출물을 삭제하여 저장 용량을 확보할 수 있습니다.

중요한 개인 정보 보호 및 보호 조언

기본적으로 Webflow에 등록된 사용자만 양식을 통해 업로드된 파일을 검색할 수 있습니다. 즉, Webflow에 등록되지 않은 사용자는 파일 링크가 제공되더라도 해당 파일에 액세스할 수 없습니다. 해당 링크가 있는 모든 사람에게 파일 액세스를 허용하려면 다음에서 이 기능을 비활성화하세요. 사이트 설정 > 양식 탭 > 업로드된 파일 액세스 제한.

메모: Zapier 또는 다른 외부 통합을 사용하여 양식 파일 제출을 다른 클라우드 저장소 서비스로 보내려면 이 기능도 비활성화해야 합니다.

다음 단계: 양식 제출을 효과적으로 처리하는 방법을 알아보세요.