사용자 정보(이메일 등)를 입력한 사용자에게만 브로셔 등의 파일을 다운로드할 수 있도록 해 달라는 요청이 종종 있습니다. 주로 기업에서 자신의 제품에 관심 있는 고객을 알고 싶을 때 요청하는데요, 이 글에서는 워드프레스에서 사용자 정보 입력 후 파일을 다운로드 할 수 있는 방법을 알아보도록 하겠습니다. 이 글에서 최종 보게 될 결과는 다음과 같습니다.

우선, 이를 구현하기 위해서는 다음과 같이 총 3개의 워드프레스 플러그인이 필요합니다.

• Contact Form 7: https://wordpress.org/plugins/contact-form-7/
• Download Monitor: https://wordpress.org/plugins/download-monitor/
• Email Before Download: https://wordpress.org/plugins/email-before-download/

각 플러그인의 설치 및 활성화 단계는 이미 완료된 것으로 가정합니다.

(1) Contact Form 7 설정

’워드프레스 관리자 > Contact’ 메뉴에서 Contact Form 7 설정을 할 수 있습니다. 다음과 같이 사용자 정보를 입력받기 원하는 폼을 만듭니다.

위 그림처럼 사용자 정보 폼(name, country, company name, email)을 만들고 하단에 submit 버튼을 추가해 줍니다. 만약 다중 파일 다운로드가 필요한 경우 <ebd /> 옵션을 추가할 수 있습니다.

(2) Download Monitor 설정

다음은 ’워드프레스 관리자 > Downloads > Add New’에서 다운로드 파일을 등록할 수 있습니다.

위 그림처럼 제목, 파일 업로드를 추가해 줍니다.

참고로 사용자 화면에서 출력될 템플릿 설정은 다음과 같이 ‘워드프레스 관리자 > Downloads > Settings’ 입니다.

(3) Email Before Download 설정

다음으로, ’워드프레스 관리자 > 설정 > Email Before Download’ 메뉴에서 Email Before Download 설정을 합니다.

위 그림처럼 Delivery Format을 inline Link로 선택한 경우 추가 설정은 필요 없지만, 다중 파일의 경우는 다음과 같은 설정이 필요할 수 있습니다.

(4) 글 또는 페이지에 사용자 정보 입력 폼 출력

사용자 폼은 다음과 같이 shortcode로 추가할 수 있습니다. Shortcode가 추가된 한 예는 다음과 같습니다.

위 그림처럼 download_id와 contact_fom_id 값을 최근 생성한 폼과 다운로드 타입 값으로 입력해야 하는 것이 중요합니다. download_id 값은 다음과 같이 ’워드프레스 관리자 > Downloads > All Downloads’에서 확인할 수 있습니다.

 contact_form_id 값은 다음과 같이 ’워드프레스 관리자 > Contact > 컨택트 폼’에서 확인할 수 있습니다.

정상적인 경우 폼 출력 화면은 다음과 같습니다.

(5) 다운로드 테스트

다음과 같이 폼에 값을 입력합니다.

[SEND] 결과는 다음과 같습니다.

위 링크를 선택하면 파일을 다운로드 받을 수 있습니다.