WordPress에서 파일 업로드 양식을 만드는 방법(쉽게)

게시 됨: 2019-12-17

웹사이트 방문자가 WordPress 양식에 첨부 파일을 업로드하도록 하는 방법이 궁금하십니까?

사용자에게 사이트 양식에 파일과 미디어를 추가할 수 있는 기능을 제공하면 필요한 정보를 더 쉽게 수집할 수 있습니다.

이 기사에서는 WordPress 플러그인을 사용하여 파일 업로드 양식을 쉽게 만드는 방법을 보여줍니다.

지금 파일 업로드 양식을 만들려면 여기를 클릭하십시오

다음은 각 단계를 쉽게 탐색할 수 있는 목차입니다.

  1. WordPress에서 파일 업로드 양식 만들기
  2. 클래식 스타일 파일 업로드 필드로 전환(선택 사항)
  3. 파일 업로드 양식 설정 사용자 정의
  4. 파일 업로드 양식의 알림 구성
  5. 파일 업로드 양식의 확인 구성
  6. 웹사이트에 파일 업로드 양식 추가
  7. 파일 보기

양식에 WordPress 파일 업로드 필드를 사용하는 이유는 무엇입니까?

양식에서 수집하려는 정보 유형에 따라 파일 업로드 필드를 사용하는 것이 사용자로부터 더 많은 정보를 더 쉽게 빠르게 얻을 수 있는 가장 좋은 방법 중 하나입니다. 또한 양식을 더 쉽게 작성할 수 있도록 하면 양식 포기율을 줄여 사이트에서 더 많은 수익을 창출할 수 있습니다.

WPForms는 최고의 WordPress Form Builder 플러그인입니다. 무료로 받으세요!

WordPress 양식에 파일 업로드 필드를 추가해야 사이트 방문자가 양식을 제출할 때 프런트엔드 업로드를 통해 다양한 유형의 파일과 미디어를 수집할 수 있습니다.

다음은 사용자가 문의 양식을 통해 파일을 업로드하도록 허용하려는 가장 일반적인 경우입니다.

  • 지원자가 이력서 파일을 첨부할 수 있는 입사 지원 양식
  • 콘테스트 또는 경품 플러그인을 사용하는 경우 사용하기 위한 이미지 파일로 사진
  • 사용자가 공유하려는 블로그 게시물이나 이미지를 첨부할 수 있도록 사용자가 제출한 콘텐츠 양식(WordPress 프런트엔드 파일 업로드)
  • 클라이언트가 스프레드시트 또는 프로젝트 사양 문서를 첨부할 수 있도록 클라이언트 서비스 양식
  • 고객이 추가 정보를 제공하기 위해 문서를 첨부할 수 있는 고객 지원 양식
  • 팟캐스트 중에 재생할 수 있는 오디오 클립
  • 방문자가 주문 또는 작업표를 보낼 수 있도록 CSV 파일 업로드
  • 문서와 결제를 함께 받을 수 있도록 스트라이프 필드가 있는 파일 업로드 양식
  • 파일 업로드와 함께 결제를 요구하는 주문 양식 또는 후원 양식
  • 이벤트 등록 양식에 사용자가 제출한 비디오를 사용하면 이벤트에서 재생할 콘텐츠가 있습니다(결혼식, 기념일 및 기금 마련 행사에 적합).
  • WooCommerce 플러그인과 잘 작동합니다.

이것은 WordPress 파일 업로드 양식 플러그인이 수행할 수 있는 작업의 시작에 불과합니다.

운 좋게도 WPForms는 WordPress 파일 업로드 플러그인을 사용하기 가장 쉬운 플러그인 중 하나이며 사이트 방문자가 다음을 포함하되 이에 국한되지 않는 모든 종류의 파일 형식을 연락처 양식에 쉽게 업로드할 수 있습니다.

  • 문서 (.doc, .xls, .ppt 및 .pdf)
  • 이미지 (.png, .gif 및 .jpg)
  • 비디오 (.mpg, .mov 및 .wmv)
  • 오디오 (.wav, .mp3 및 .mp4)

따라서 WordPress에 문서를 추가하는 방법을 스스로에게 묻는다면 WPForms는 이를 수행하는 완벽한 방법입니다.

WordPress 보안상의 이유로 업로드할 수 있는 기본 파일 형식은 제한되어 있습니다. Adobe Illustrator 파일 업로드를 포함하여 양식에 추가 파일 업로드 유형을 허용하는 방법은 다음과 같습니다.

이제 WordPress 문의 양식에 파일 업로드 필드를 추가하는 방법을 알아보겠습니다.

WordPress에서 파일 업로드 양식을 만드는 방법

온라인 파일 업로드 양식을 설정하려면 다음 단계를 따르십시오.

서면 지침을 선호합니까? 아래 단계를 확인하세요.

1단계: WordPress에서 파일 업로드 양식 만들기

여전히 WordPress에 파일을 추가하는 방법이 궁금하십니까? 가장 먼저 해야 할 일은 WPForms 플러그인을 설치하고 활성화하는 것입니다.

Google 양식 업로드 파일 기능과 달리 WPForms를 사용하면 양식 페이지뿐만 아니라 사이트의 모든 위치에 파일 업로드를 추가할 수 있습니다. 설치 방법에 대한 자세한 내용은 WordPress에 플러그인을 설치하는 방법에 대한 단계별 가이드를 참조하세요.

그런 다음 WordPress 대시보드로 이동하여 왼쪽 패널에서 WPForms » 새로 추가를 클릭하여 새 양식을 만들고 원하는 이름을 지정합니다.

이름 파일 업로드 양식

그런 다음 추가 템플릿 섹션으로 스크롤하여 "파일 업로드 양식"을 입력한 다음 클릭하여 템플릿을 엽니다.

파일 업로드 양식 템플릿

이 양식을 검색하려면 이미 Form Templates Pack Addon을 활성화했는지 확인하십시오.

이제 WPForms는 미리 빌드된 파일 업로드 양식을 채우고 끌어서 놓기 빌더를 표시합니다.

파일 업로드 필드 템플릿이 있는 파일 업로드 양식

여기에서 연락처 양식에 필드를 왼쪽 패널에서 오른쪽 패널로 끌어 추가 필드를 추가할 수 있습니다. 예를 들어, 파일 업로드 양식에 지불을 요구하려는 경우 지불 필드를 추가할 수 있습니다.

파일 업로드 양식 템플릿을 사용하면 이미 이름 , 이메일 , 전화번호, 파일 업로드추가 설명 필드가 있습니다.

양식 필드를 클릭하여 변경하십시오. 양식 필드를 클릭하고 끌어서 연락처 양식의 순서를 다시 정렬할 수도 있습니다.

생성한 WordPress 양식에 파일 업로드 필드를 추가할 수도 있습니다. Fancy Fields 아래에 있는 파일 업로드 양식 필드를 양식 편집기의 왼쪽 패널에서 오른쪽 패널로 드래그하기만 하면 됩니다.

WordPress의 연락처 양식에 파일 업로드 필드 추가

파일 업로드 필드를 클릭하고 다음을 변경할 수도 있습니다.

  • 레이블 — 사이트 방문자가 용도를 알 수 있도록 양식 필드의 이름을 지정합니다.
  • 설명 — 사용자에게 세부 정보를 설명하는 설명을 추가합니다. 예를 들어 사람들이 이미지를 업로드하기만 하려면 그렇게 말하세요.
  • 허용된 파일 확장자 — WordPress 양식에 업로드할 수 있는 파일 유형을 제한하려면 여기에 쉼표로 구분하여 입력하십시오.
  • 최대 파일 크기 — 사용자가 업로드할 수 있는 최대 파일 크기를 메가바이트 단위로 지정합니다. 이 필드를 비워 두면 WPForms는 기본적으로 웹 호스트에서 허용하는 최대 크기 제한으로 설정됩니다. 크기를 늘려야 하는 경우 WordPress에서 최대 파일 업로드 크기를 늘리는 방법에 대한 이 자습서를 참조하세요.
  • 필수 — 사용자가 양식을 제출하기 전에 파일을 업로드하도록 하려면 이 확인란을 선택합니다.
  • 스타일 — 기본 모던 스타일(권장)과 클래식 스타일(다음 단계에서 자세히 다룰 예정) 간에 전환할 수 있습니다.

이러한 파일 업로드가 저장되는 위치가 궁금하십니까?

기본적으로 사용자가 업로드한 모든 파일은 사이트의 Uploads 디렉토리에 있는 WPForms 폴더에 저장됩니다. 작업을 더 쉽게 하기 위해 고급 옵션 에서 WordPress 미디어 라이브러리 의 저장 필드 확인란을 선택하여 이러한 파일을 WordPress 미디어 라이브러리에 저장할 수도 있습니다.

WordPress 미디어 라이브러리에 업로드를 저장하는 확인란

WordPress에서 다단계 양식을 만드는 방법에 대한 게시물의 단계를 따르면 양식을 멋지게 만들 수도 있습니다. 그러나 이 자습서에서는 단일 페이지를 사용합니다.

2단계: 클래식 파일 업로드 필드로 전환(선택 사항)

이 단계는 선택 사항이며 일반적으로 권장되지 않습니다. 그러나 파일 업로드 필드의 스타일을 기본 모던 스타일에서 '지금 선택' 버튼이 있는 클래식 스타일로 변경하려면 고급 옵션 » 스타일로 이동 하고 드롭다운을 클릭하여 클래식 을 선택 합니다.

클래식 파일 업로드 스타일로 전환

클래식 스타일로 다시 전환하는 것이 좋습니다.

  • 귀하 또는 귀하의 사용자는 '버튼' 스타일의 파일 업로드 필드를 선호합니다.
  • 보다 간결한 파일 업로드 필드를 선호합니다(파일 1개만 수락함).

클래식 파일 업로드 스타일은 필드당 1개의 업로드만 허용한다는 점을 염두에 두십시오. 클래식 스타일을 사용하는 경우 양식에서 여러 업로드를 허용하려면 다른 파일 업로드 필드를 추가해야 합니다.

양식을 깔끔하게 보이게 하려면 다른 필드를 추가하기 전에 첫 번째 클래식 파일 업로드 필드에서 조건부 논리를 활성화해야 합니다. 그렇게 하면 사용자가 필요로 하지 않는 한 이러한 추가 파일 업로드 필드가 양식에 표시되지 않습니다.

워드프레스 여러 파일 업로드 양식

파일 업로드 필드의 각 클래식 스타일을 통해 사용자는 하나의 파일만 업로드할 수 있습니다. 클래식 스타일 업로더 필드 유형으로 여러 파일 업로드를 추가하는 방법을 알아보려면 계속 읽어보세요. 파일 업로드 필드가 하나만 있으면 다음 단계를 건너뛸 수 있습니다.

클래식 스타일 필드 업로드 필드에서 조건 논리를 활성화하려면 왼쪽 패널에서 파일 업로드 필드 바로 위의 양식으로 드롭다운 필드를 끌어다 놓습니다. (이는 업로드 파일 필드의 수에 관계없이 작동하지만 이 예에서는 3을 수행합니다.)

여러 파일 업로드 필드를 추가하려면 드롭다운을 드래그하세요.

이제 드롭다운 필드를 클릭하여 왼쪽 패널의 필드 옵션을 확인하고 드롭다운 필드 레이블을 편집하여 업로드할 파일 수로 표시 하고 선택 항목을 1 , 23으로 표시 합니다.

업로드할 파일 수 드롭다운

그런 다음 파일 업로드 필드를 클릭하고 옵션에서 아래로 스크롤하여 왼쪽 패널의 조건부 탭을 확장합니다. 그런 다음 조건부 논리 사용에 대한 확인 표시를 선택합니다.

조건부 논리

아래 스크린샷과 같이 파일 업로드 필드의 조건부 논리를 사용자 지정합니다.

파일 업로드

OR 논리를 적용하는 새 그룹 추가 버튼을 클릭하면 새 필드가 추가됩니다. OR 논리 사용에 대한 자세한 내용이 필요하면 And OR 조건부 논리를 사용하는 방법에 대한 가이드를 읽어보세요.

다음 단계는 이 파일 업로드 필드를 복제하는 것입니다.

양식에서 파일 업로드 필드의 오른쪽에 있는 복제 아이콘을 클릭합니다.

중복 파일 업로드

왼쪽 패널에서 새 파일 업로드 필드의 레이블을 두 번째 파일 업로드 로 변경합니다.

여러 업로드 필드 레이블 이름 바꾸기

이제 아래 스크린샷과 같이 이 새 필드에 대한 조건부 논리를 구성합니다. 위 단계의 유일한 변경 사항은 업로드할 파일 수가 1이라는 첫 번째 작업을 제거했다는 것입니다.

워드프레스 연락처 양식 여러 첨부 파일

이제 아이콘을 클릭하고 레이블을 세 번째 파일 업로드 로 변경하여 두 번째 파일 업로드 필드를 복제합니다.

양식에 파일 업로드 양식 이름 지정

아래 스크린샷과 같이 조건부 논리 필드를 구성합니다. 업로드할 파일 수가 3이라는 마지막 필드만 유지합니다.

세 번째 파일 업로드

양식 사용자 정의가 완료되면 화면 오른쪽 상단 모서리에 있는 저장 을 클릭합니다. 양식에 여러 파일 업로드 필드를 추가했습니다.

여러 파일 업로드 양식 저장

보시다시피 대부분의 경우 모던 스타일을 사용하여 여러 파일 업로드를 허용하고 싶을 것입니다.

이제 양식에 적절한 양의 파일 업로드 필드가 있으므로(1개 또는 여러 개) 양식 설정을 구성할 준비가 된 것입니다.

3단계: 파일 업로드 양식 설정 사용자 지정

시작하려면 설정 » 일반 으로 이동합니다.

파일 업로드 양식 일반 설정 구성

여기에서 다음을 구성할 수 있습니다.

  • 양식 이름 — 원하는 경우 여기에서 양식 이름을 변경합니다.
  • 양식 설명 — 양식에 대한 설명을 제공합니다.
  • 제출 버튼 텍스트 — 제출 버튼 의 사본을 사용자 정의합니다.
  • 스팸 방지 — 스팸 방지 기능인 hCaptcha 또는 Google reCAPTCHA를 사용하여 스팸 연락을 차단 합니다. 스팸 방지 확인란은 모든 새 양식에서 자동으로 선택됩니다.
  • AJAX 양식 — WordPress 페이지를 다시 로드하지 않고 AJAX 다중 업로드를 활성화합니다.
  • GDPR 향상 — GDPR 요구 사항을 준수하기 위해 IP 주소 및 사용자 에이전트와 같은 항목 정보 및 사용자 세부 정보 저장을 비활성화할 수 있습니다. 간단한 문의 양식에 GDPR 계약 필드를 추가하는 방법에 대한 단계별 지침을 확인하십시오.

완료되면 저장 을 클릭합니다.

4단계: 양식 알림 구성

알림은 누군가가 귀하의 파일 업로드 양식 중 하나를 제출할 때 알 수 있는 훌륭한 방법입니다.

또한 알림 기능을 비활성화하지 않는 한 누군가가 귀하의 사이트에서 양식을 제출할 때마다 이메일 알림을 받게 됩니다.

알림 설정

다른 사람이 양식을 완성했을 때 이메일 메시지를 받으려면 WordPress에서 양식 알림을 설정하고 이메일 주소를 제공해야 합니다.

또한 스마트 태그를 사용하는 경우 사이트 방문자가 양식을 완료한 후 개인화된 알림을 보내 수신되었음을 알릴 수 있습니다. 이렇게 하면 파일 업로드와 함께 양식이 제대로 완료되었음을 사용자에게 확인할 수 있습니다.

알림에서 스마트 태그를 사용하는 방법

이에 대한 자세한 내용은 WordPress에서 여러 양식 알림을 보내는 방법에 대한 단계별 가이드를 확인하세요.

또한 사용자 정의 헤더 이미지 영역에서 선택한 이미지나 로고를 추가하여 알림 이메일을 쉽게 브랜드화할 수 있는 옵션이 있습니다. 선택한 로고/이미지는 아래 WPForms 로고와 같은 이메일 알림 상단에 표시됩니다.

사용자 정의 이메일 헤더

참고: 따라서 첨부 파일은 종종 이메일 전달을 저해 할 수 있으므로 WPForms는 알림 이메일에 사용자 파일을 첨부하지 않습니다. 대신 이메일을 통해 파일 업로드를 링크로 보냅니다.

알림 이메일 링크

5단계: 파일 업로드 양식 확인 구성

양식 확인은 사용자가 양식에 정보를 제출한 후 즉시(그리고 자동으로) 조치를 취하는 방법입니다. 이 단계에 대한 추가 도움말은 양식 확인 설정 방법에 대한 자습서를 확인하세요.

WPForms에는 3가지 종류의 확인이 있습니다.

  1. 메시지 — 누군가가 양식에서 제출을 누른 후 표시되는 기본 확인 유형이며 사용자 정의할 수 있습니다. 따라서 방문자가 처음에 WordPress에 문서를 추가하는 방법을 궁금해하다가 확인 메시지를 본 경우 해당 문서를 받았다는 사실에 안심할 수 있습니다.
  2. 페이지 표시 — 감사 페이지와 같은 사이트의 모든 게시물이나 페이지로 사용자를 자동으로 보냅니다.
  3. 리디렉션 — 보다 복잡한 개발을 위해 사용자를 다른 웹사이트나 특수 URL로 이동하려는 경우에 유용합니다.

따라서 WPForms에서 간단한 양식 확인을 설정하여 사이트 방문자가 사이트에서 양식을 제출할 때 보게 될 성공 메시지를 사용자 정의할 수 있는 방법을 살펴보겠습니다.

시작하려면 설정 아래의 양식 편집기에서 확인 탭을 클릭하십시오.

다음으로 생성하려는 확인 유형의 유형을 선택합니다. 이 예에서는 Message 를 선택합니다.

양식 확인 유형 설정

그런 다음 확인 메시지를 원하는 대로 사용자 지정하고 완료되면 저장을 클릭합니다.

이제 웹사이트에 양식을 추가할 준비가 되었습니다.

6단계: 웹사이트에 파일 업로드 양식 추가

양식을 만든 후에는 WordPress 사이트에 추가해야 합니다.

그리고 WPForms를 사용하면 페이지, 블로그 게시물 및 사이드바 위젯을 포함하여 WordPress 웹사이트의 여러 위치에 양식을 추가할 수 있습니다.

이제 가장 일반적인 배치 옵션인 페이지/게시물 임베딩을 살펴보겠습니다.

파일 업로드 양식을 포함하려면 WordPress에서 새 페이지 또는 게시물을 만들거나 기존 항목의 업데이트 설정으로 이동하세요. 그런 다음 첫 번째 블록(페이지 제목 아래의 빈 영역) 내부를 클릭하고 WPForms 추가 아이콘을 클릭합니다.

WPForms 추가 아이콘을 클릭하여 양식을 포함하십시오.

이제 WPForms 위젯이 블록 내부에 나타납니다. WPForms 드롭다운을 클릭하고 페이지에 삽입할 이미 만든 양식을 선택합니다. 따라서 파일 업로드 양식을 선택하십시오.

WordPress에서 완벽한 업로드 페이지를 만드는 데 한 걸음 다가섰습니다.

사이트에 파일 업로드 양식 추가

그런 다음, 게시 또는 업데이트라고 표시된 오른쪽 상단의 파란색 버튼을 클릭하면 양식이 웹사이트에 표시됩니다.

페이지 게시 또는 업데이트

그게 다야! 이제 파일 업로드 양식이 웹사이트에 있습니다.

7단계: 파일 보기

WPForms는 각 양식 제출을 항목으로 저장합니다. 업로드된 파일을 보려면 WPForms » 항목으로 이동하십시오.

거기에서 드롭다운 메뉴에서 올바른 양식을 선택하고 보기를 클릭합니다.

파일 업로드 항목 보기

그런 다음 파일을 마우스 오른쪽 버튼으로 클릭하여 파일을 다운로드하거나 클릭하여 브라우저에서 봅니다.

wpforms에서 파일 업로드 항목 보기

더군다나 WPForms WordPress 플러그인에는 설치할 수 있는 수많은 애드온이 있으므로 파일로 더 많은 작업을 수행할 수 있습니다. 예를 들어 Zapier 애드온을 사용하여 업로드된 모든 파일을 다음 위치에 자동으로 저장할 수 있습니다.

  • 구글 드라이브
  • 드롭 박스
  • 및 기타 많은 클라우드 스토리지 서비스.

지금 파일 업로드 양식을 만들려면 여기를 클릭하십시오

WordPress 파일 업로드 양식에 대한 최종 생각

그리고 당신은 그것을 가지고 있습니다! 이제 WordPress 플러그인으로 파일 업로드 양식을 만드는 방법을 알게 되었습니다.

사이트 방문자가 웹사이트에 직접 파일을 업로드할 수 있도록 하려면 WordPress 파일 업로드 위젯을 만드는 방법에 대한 유용한 가이드를 확인하세요.

그래서 당신은 무엇을 기다리고 있습니까? 지금 사용하기 가장 쉬운 WordPress 양식 빌더 플러그인으로 시작하십시오. WPForms Pro에는 무료 파일 업로드 기능과 무료 파일 업로드 양식이 포함되어 있으며 14일 환불 보장을 제공합니다.

이 기사가 마음에 든다면 Facebook과 Twitter에서 우리를 팔로우하십시오.